@charset "UTF-8";



@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");



@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");



@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");



/*! destyle.css v1.0.14 | MIT License | https://github.com/nicolas-cusan/destyle.css */



* {



  box-sizing: border-box;



}







::before,



::after {



  box-sizing: inherit;



}







html {



  line-height: 1.15;



  -webkit-text-size-adjust: 100%;



  -webkit-tap-highlight-color: transparent;



}







body {



  margin: 0;



}







main {



  display: block;



}







p,



table,



blockquote,



address,



pre,



iframe,



form,



figure,



dl {



  margin: 0;



}







h1,



h2,



h3,



h4,



h5,



h6 {



  font-size: inherit;



  line-height: inherit;



  font-weight: inherit;



  margin: 0;



}







ul,



ol {



  margin: 0;



  padding: 0;



  list-style: none;



}







dt {



  font-weight: 700;



}







dd {



  margin-left: 0;



}







hr {



  box-sizing: content-box;



  height: 0;



  overflow: visible;



  border: 0;



  border-top: 1px solid;



  margin: 0;



  clear: both;



  color: inherit;



}







pre {



  font-family: monospace, monospace;



  font-size: inherit;



}







address {



  font-style: inherit;



}







a {



  background-color: transparent;



  text-decoration: none;



  color: inherit;



}







abbr[title] {



  border-bottom: none;



  text-decoration: underline;



  text-decoration: underline dotted;



}







b,



strong {



  font-weight: bolder;



}







code,



kbd,



samp {



  font-family: monospace, monospace;



  font-size: inherit;



}







small {



  font-size: 80%;



}







sub,



sup {



  font-size: 75%;



  line-height: 0;



  position: relative;



  vertical-align: baseline;



}







sub {



  bottom: -0.25em;



}







sup {



  top: -0.5em;



}







img {



  border-style: none;



  vertical-align: bottom;



}







embed,



object,



iframe {



  border: 0;



  vertical-align: bottom;



}







button,



input,



optgroup,



select,



textarea {



  -webkit-appearance: none;



  appearance: none;



  vertical-align: middle;



  color: inherit;



  font: inherit;



  border: 0;



  background: transparent;



  padding: 0;



  margin: 0;



  outline: 0;



  border-radius: 0;



  text-align: inherit;



}



.about-staff{



margin-top:-25px;



}







.about-staff th{



width:20%;



}



[type=checkbox] {



  -webkit-appearance: checkbox;



  appearance: checkbox;



}







[type=radio] {



  -webkit-appearance: radio;



  appearance: radio;



}







button,



input {



  overflow: visible;



}







button,



select {



  text-transform: none;



}







button,



[type=button],



[type=reset],



[type=submit] {



  cursor: pointer;



  -webkit-appearance: none;



  appearance: none;



}







button[disabled],



[type=button][disabled],



[type=reset][disabled],



[type=submit][disabled] {



  cursor: default;



}







button::-moz-focus-inner,



[type=button]::-moz-focus-inner,



[type=reset]::-moz-focus-inner,



[type=submit]::-moz-focus-inner {



  border-style: none;



  padding: 0;



}







button:-moz-focusring,



[type=button]:-moz-focusring,



[type=reset]:-moz-focusring,



[type=submit]:-moz-focusring {



  outline: 1px dotted ButtonText;



}







select::-ms-expand {



  display: none;



}







option {



  padding: 0;



}







fieldset {



  margin: 0;



  padding: 0;



  border: 0;



  min-width: 0;



}







legend {



  color: inherit;



  display: table;



  max-width: 100%;



  padding: 0;



  white-space: normal;



}







progress {



  vertical-align: baseline;



}







textarea {



  overflow: auto;



}







[type=number]::-webkit-inner-spin-button,



[type=number]::-webkit-outer-spin-button {



  height: auto;



}







[type=search] {



  outline-offset: -2px;



}







[type=search]::-webkit-search-decoration {



  -webkit-appearance: none;



}







::-webkit-file-upload-button {



  -webkit-appearance: button;



  font: inherit;



}







label[for] {



  cursor: pointer;



}







details {



  display: block;



}







summary {



  display: list-item;



}







[contenteditable] {



  outline: none;



}







table {



  border-collapse: collapse;



  border-spacing: 0;



}







caption {



  text-align: left;



}







td,



th {



  vertical-align: top;



  padding: 0;



}







th {



  text-align: left;



  font-weight: 700;



}







template {



  display: none;



}







[hidden] {



  display: none;



}







:root {



  --base-font: "Noto Sans JP", sans-serif;



  --sub-font: "Zen Maru Gothic", serif;



  --en-font: "Jost", sans-serif;



  --base-color: #303030;



  --logo: #C9BC9C;



  --main: #0068B7;



  --main-light: #e9f6ff;



  --main-dark: #222D6F;



  --sub: #F6A700;



  --sub-light: #EBF7FD;



  --sub-dark: #61BEAD;



  --gray: #BFBFBF;



  --gray-light: #F8F7F6;



  --gray-dark: #6C6C6C;



  --gray-black: #444444;



  --white: #FFFFFF;



  --black: #000000;



  --link: #2DABF1;



  --error: #F25F5F;



  --variation1: #ffd9dc;



  --variation2: #ffe0cc;



  --variation3: #fdefe6;



}







.editor-styles-wrapper,



html {



  font-size: 62.5% !important;



  scroll-behavior: smooth !important;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper,



  html {



    font-size: 2.66vw !important;



  }



}







.editor-styles-wrapper,



html :where(.wp-block) {



  max-width: 980px !important;



}







.editor-styles-wrapper,



body {



  font-feature-settings: "palt" !important;



  -webkit-font-smoothing: antialiased !important;



  -moz-osx-font-smoothing: grayscale !important;



  color: var(--base-color) !important;



  font-family: var(--base-font) !important;



  font-size: 1.5rem !important;



  font-style: normal !important;



  font-weight: 400 !important;



  line-height: 2 !important;



  letter-spacing: 0.1em !important;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper,



  body {



    -webkit-text-size-adjust: 100% !important;



    margin-bottom: 6.4rem !important;



    overflow-x: hidden !important;



  }



}







a {



  transition: all 0.5s;



}







/*



@include pc {



    a[href*="tel:"] {



        pointer-events: none;



        cursor: default;



        text-decoration: none;



    }



}



*/



.pc {



  display: block;



}



@media screen and (max-width: 768px) {



  .pc {



    display: none;



  }



}







.sp {



  display: none;



}



@media screen and (max-width: 768px) {



  .sp {



    display: block;



  }



}







img {



  vertical-align: middle;



}







.hamburger {



  position: fixed;



  top: 0;



  right: 0;



  width: 8rem;



  height: 8rem;



  background: var(--sub);



  cursor: pointer;



  z-index: 400;



  transition: all 0.5s;



}



.hamburger:hover {



  opacity: 0.7;



}



@media screen and (max-width: 768px) {



  .hamburger {



    width: 5rem;



    height: 5rem;



  }



}







.hamburger__line {



  position: absolute;



  width: 30px;



  height: 4px;



  left: 50%;



  transform: translate(-50%, 0);



  background-color: var(--white);



  transition: all 0.5s;



}



@media screen and (max-width: 768px) {



  .hamburger__line {



    width: 26px;



    height: 2px;



  }



}







@media screen and (max-width: 768px) {



  .open .hamburger__line {



    background-color: var(--white);



  }



}



.hamburger__line--1 {



  top: 2.7rem;



}



@media screen and (max-width: 768px) {



  .hamburger__line--1 {



    top: 1.2rem;



  }



}







.hamburger__line--2 {



  display: none;



}







.hamburger__line--3 {



  top: 3.7rem;



}



@media screen and (max-width: 768px) {



  .hamburger__line--3 {



    top: 2.2rem;



  }



}







.hamburger__menu {



  position: absolute;



  left: 50%;



  transform: translate(-50%, 0);



  color: var(--white);



  top: 5rem;



  text-align: center;



  font-size: 1rem;



  font-weight: 700;



  line-height: 1;



  letter-spacing: 0.03em;



}



@media screen and (max-width: 768px) {



  .hamburger__menu {



    top: 3.2rem;



  }



}







/*ハンバーガーがクリックされたら*/



.open .hamburger__line--1 {



  top: 3.2rem;



  left: 50%;



  transform: translateX(-50%) rotate(-30deg);



}



@media screen and (max-width: 768px) {



  .open .hamburger__line--1 {



    top: 1.7rem;



  }



}







.open .hamburger__line--2 {



  opacity: 0;



}







.open .hamburger__line--3 {



  top: 3.2rem;



  left: 50%;



  transform: translateX(-50%) rotate(30deg);



}



@media screen and (max-width: 768px) {



  .open .hamburger__line--3 {



    top: 1.7rem;



  }



}







.open .sp-nav {



  opacity: 1;



  right: 0;



  visibility: visible;



  transition-delay: 0s;



}







.black-bg {



  transition: all 0.5s;



}







.open .black-bg {



  background: rgba(68, 68, 68, 0.5);



  backdrop-filter: blur(6px);



  width: 100%;



  height: 100vh;



  position: fixed;



  top: 0;



  right: 0;



  z-index: 300;



}







.sp-nav {



  position: fixed;



  right: -50rem;



  top: 0;



  width: 50rem;



  height: 100%;



  background: #FDEDCC;



  transition: all 0.5s;



  overflow: auto !important;



  -webkit-overflow-scrolling: touch;



  z-index: 399;



  padding: 12.5rem 0 4.8rem 0;



}



@media screen and (max-width: 768px) {



  .sp-nav {



    right: -100%;



    overflow-y: scroll;



    align-items: flex-start;



    width: 100%;



    padding: 0;



  }



}



@media screen and (min-width: 769px) {



  .sp-nav .logo {



    display: none;



  }



}



@media screen and (max-width: 768px) {



  .sp-nav .logo {



    position: absolute;



    top: 0.8rem;



    left: 2.8rem;



  }



  .sp-nav .logo img {



    height: 3.4rem;



    width: auto;



  }



}







/*ハンバーガーがクリックされたら右からスライド*/



.open .sp-nav {



  opacity: 1;



  opacity: 1;



  visibility: visible;



  transition-delay: 0s;



}







.lightbox {



  top: 50% !important;



  transform: translateY(-50%) !important;



  position: fixed !important;



}







.lightboxOverlay {



  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50) !important;



  opacity: 0.5 !important;



}







.lb-data .lb-number {



  color: var(--white) !important;



}







@media screen and (min-width: 769px) {



  .lightbox__link {



    pointer-events: none;



  }



}



.caseSwiper.single {



  padding-bottom: 12rem;



}



@media screen and (max-width: 768px) {



  .caseSwiper.single {



    padding-bottom: 6rem;



  }



}



.caseSwiper .swiper {



  padding: 1rem 1rem;



  max-width: 70rem;



  width: 100%;



  margin: 0 auto;



}



.caseSwiper .swiper-buttons {



  width: 64rem;



  margin: 0 auto;



  position: relative;



}



@media screen and (max-width: 768px) {



  .caseSwiper .swiper-buttons {



    width: 100%;



  }



}



.caseSwiper .swiper-button-next,



.caseSwiper .swiper-button-prev {



  color: var(--white);



  background: var(--main);



  width: 2.4rem;



  height: 2.4rem;



  border-radius: 50%;



  transition: all 0.5s;



}



.caseSwiper .swiper-button-next:hover,



.caseSwiper .swiper-button-prev:hover {



  opacity: 0.7;



}



.caseSwiper .swiper-button-next {



  position: absolute;



  right: -3rem;



}



@media screen and (max-width: 768px) {



  .caseSwiper .swiper-button-next {



    display: none;



  }



}



.caseSwiper .swiper-button-prev {



  position: absolute;



  left: -3rem;



}



@media screen and (max-width: 768px) {



  .caseSwiper .swiper-button-prev {



    display: none;



  }



}



.caseSwiper .swiper-button-next:after,



.caseSwiper .swiper-button-prev:after {



  font-size: 1.4rem;



  font-weight: 600;



}



@media screen and (max-width: 768px) {



  .caseSwiper .swiper-slide {



    opacity: 0.5;



  }



  .caseSwiper .swiper-slide.swiper-slide-active {



    opacity: 1;



  }



}







.noSwiper--case {



  display: flex;



  justify-content: center;



  gap: 0 2.4rem;



  flex-wrap: wrap;



  max-width: 84rem;



  width: 100%;



  margin: 0 auto;



}



.noSwiper--case .c-card {



  width: calc((100% - 1.8rem) / 2);



}



@media screen and (max-width: 768px) {



  .noSwiper--case .c-card {



    width: 90%;



    margin: 0 auto;



  }



}



@media screen and (max-width: 768px) {



  .noSwiper--case .c-card + .c-card {



    margin-top: 2.4rem;



  }



}







.fade-in-bottom {



  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;



  animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;



}







@-webkit-keyframes fade-in-bottom {



  0% {



    -webkit-transform: translateY(50px);



    transform: translateY(50px);



    opacity: 0;



  }



  100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



    opacity: 1;



  }



}



@keyframes fade-in-bottom {



  0% {



    -webkit-transform: translateY(50px);



    transform: translateY(50px);



    opacity: 0;



  }



  100% {



    -webkit-transform: translateY(0);



    transform: translateY(0);



    opacity: 1;



  }



}



.l-main {



  width: 100%;



  overflow: hidden;



  display: block;



}







.l-globalnav {



  width: 100%;



  height: 10rem;



  background: var(--white);



  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);



  display: flex;



  justify-content: center;



  gap: 0 5rem;



  position: relative;



  z-index: 1;



  padding-top: 1rem;



}



@media screen and (max-width: 768px) {



  .l-globalnav {



    display: none;



  }



}



.l-globalnav a {



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  flex-direction: column;



  text-align: center;



  position: relative;



  text-decoration: none;



  white-space: nowrap;



}



.l-globalnav a > * {



  width: 100%;



}



.l-globalnav a .ja {



  font-weight: 700;



  line-height: 2.13;



}



.l-globalnav a .en {



  color: var(--main);



  font-family: var(--en-font);



  font-size: 1.4rem;



  font-weight: 400;



  line-height: 1.42;



  letter-spacing: 0.2em;



  text-transform: uppercase;



}



.l-globalnav a::after {



  content: "";



  position: absolute;



  bottom: -1.6rem;



  left: 0;



  width: 0;



  height: 0.4rem;



  background-color: var(--main);



  transition: width 0.3s ease;



}



.l-globalnav a:hover::after {



  width: 100%;



}







.l-feature {



  padding: 21rem 0 12rem 0;



  position: relative;



  z-index: 0;



  background: url(../img/character.png) no-repeat top 21rem right -4.4rem/57.4rem auto;



}



@media screen and (max-width: 768px) {



  .l-feature {



    padding: 7rem 1.5rem;



    background-image: none;



  }



}



.l-feature::before {



  content: "";



  display: block;



  background-repeat: no-repeat;



  background-image: url(../img/arch-mainlight.png);



  background-size: cover;



  width: 100%;



  height: 0;



  padding-bottom: 7.4735449735%;



  position: absolute;



  top: 0;



  left: 0;



}



.l-feature__inner {



  width: 95rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-feature__inner {



    width: 100%;



  }



}



.l-feature__title {



  margin-bottom: 8rem;



}



@media screen and (max-width: 768px) {



  .l-feature__title {



    margin-bottom: 4rem;



  }



}



.l-feature__list {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  gap: 5rem 5rem;



}



@media screen and (max-width: 768px) {



  .l-feature__list {



    gap: 3.2rem 0;



  }



}



.l-feature__list li {



  width: calc((100% - 5rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-feature__list li {



    width: 100%;



  }



}



.l-feature__list li:nth-child(2n) {



  position: relative;



  top: 5rem;



}



@media screen and (max-width: 768px) {



  .l-feature__list li:nth-child(2n) {



    position: static;



  }



}



.l-feature__list .block {



  background: var(--main-light);



  border-radius: 3rem 3rem 0 0;



}



.l-feature__list .txtbox {



  padding: 0 5rem 5rem 5rem;



  display: flex;



  align-items: center;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 2.4rem 0;



}



@media screen and (max-width: 768px) {



  .l-feature__list .txtbox {



    padding: 0 1rem 2rem 1rem;



  }



}



.l-feature__list .txtbox > * {



  width: 100%;



}



.l-feature__list h3 {



  color: var(--main-dark);



  text-align: center;



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



}



@media screen and (max-width: 768px) {



  .l-feature__list h3 {



    font-size: 1.8rem;



    line-height: 1.7;



  }



}



.l-feature__list .num {



  background: var(--white);



  width: 8rem;



  height: 8rem;



  display: flex;



  justify-content: center;



  align-items: center;



  text-align: center;



  color: var(--main-dark);



  font-family: var(--en-font);



  font-size: 3.3rem;



  font-weight: 500;



  line-height: 0.6;



}



@media screen and (max-width: 768px) {



  .l-feature__list .num {



    font-size: 2.8rem;



    line-height: 1;



    letter-spacing: 0.1em;



  }



}



.l-feature__list .num span {



  display: block;



  color: var(--sub);



  font-size: 1.1rem;



  line-height: 2.7;



}



@media screen and (max-width: 768px) {



  .l-feature__list .num span {



    font-size: 1.2rem;



    font-weight: 500;



    line-height: 2.5;



    letter-spacing: 0.07em;



  }



}



.l-feature__list .imgbox {



  width: 100%;



}



.l-feature__list .imgbox img {



  width: 100%;



  height: auto;



}



.l-feature__btn {



  margin-top: 13rem;



  text-align: center;



}



@media screen and (max-width: 768px) {



  .l-feature__btn {



    margin-top: 4rem;



  }



}







.home .l-treatment {



  padding: 21rem 0 12rem 0 !important;



}



@media screen and (max-width: 768px) {



  .home .l-treatment {



    padding: 7rem 2rem 10rem 2rem !important;



  }



}







.l-treatment {



  padding: 12rem 0;



  background: var(--main-light);



  position: relative;



  z-index: 0;



}



@media screen and (max-width: 768px) {



  .l-treatment {



    padding: 7rem 2rem;



  }



}



.l-treatment::before {



  content: "";



  display: block;



  background-repeat: no-repeat;



  background-image: url(../img/arch-white.png);



  background-size: cover;



  width: 100%;



  height: 0;



  padding-bottom: 6.4484126984%;



  position: absolute;



  top: 0;



  left: 0;



}



.l-treatment__inner {



  width: 100rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-treatment__inner {



    width: 100%;



  }



}



.l-treatment__title {



  margin-bottom: 8rem;



}



@media screen and (max-width: 768px) {



  .l-treatment__title {



    margin-bottom: 4rem;



  }



}







.l-flow {



  background: var(--main-light);



  padding: 0 0 14rem 0;



}



@media screen and (max-width: 768px) {



  .l-flow {



    padding: 0 2rem 7rem 2rem;



  }



}



.l-flow__inner {



  width: 120rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-flow__inner {



    width: 100%;



  }



}



.l-flow__title {



  margin-bottom: 8rem;



}



@media screen and (max-width: 768px) {



  .l-flow__title {



    margin-bottom: 4rem;



  }



}



.l-flow__list {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  position: relative;



}



.l-flow__list::before {



  content: "";



  width: 100%;



  height: 0.2rem;



  position: absolute;



  top: 9.9rem;



  left: 0;



  transform: translate(0, -50%);



  background: var(--sub);



  z-index: 0;



}



@media screen and (max-width: 768px) {



  .l-flow__list::before {



    content: none;



  }



}



@media screen and (max-width: 768px) {



  .l-flow__list {



    gap: 2.4rem 1.2rem;



  }



}



.l-flow__list li {



  width: 20rem;



}



@media screen and (max-width: 768px) {



  .l-flow__list li {



    width: calc((100% - 1.2rem) / 2);



  }



}



.l-flow__list .imgbox {



  text-align: center;



  position: relative;



  z-index: 1;



}



@media screen and (max-width: 768px) {



  .l-flow__list .imgbox {



    width: 100%;



  }



}



.l-flow__list .imgbox img {



  width: 20rem;



  height: auto;



  margin: 0 auto;



  border-radius: 50%;



}



@media screen and (max-width: 768px) {



  .l-flow__list .imgbox img {



    width: 100%;



    height: auto;



  }



}



.l-flow__list .txtbox {



  margin-top: -3rem;



  position: relative;



  z-index: 2;



}



@media screen and (max-width: 768px) {



  .l-flow__list .txtbox {



    margin-top: -2.5rem;



    width: 100%;



    text-align: justify;



  }



}



.l-flow__list h3 {



  text-align: center;



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



  white-space: nowrap;



  margin-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-flow__list h3 {



    font-size: 1.8rem;



    line-height: 1.7;



    margin-bottom: 0.8rem;



  }



}



.l-flow__list h3::before {



  content: attr(data-num);



  background: var(--sub);



  border-radius: 50%;



  color: var(--white);



  font-family: var(--en-font);



  text-align: center;



  font-size: 3.2rem;



  font-weight: 400;



  letter-spacing: 0.05em;



  line-height: 1;



  display: flex;



  justify-content: center;



  align-items: center;



  width: 6rem;



  height: 6rem;



  margin: 0 auto 2rem auto;



}



@media screen and (max-width: 768px) {



  .l-flow__list h3::before {



    margin: 0 auto 1rem auto;



    width: 5rem;



    height: 5rem;



    font-size: 2.4rem;



    font-weight: 500;



  }



}



.l-flow__list p {



  font-size: 1.2rem;



  display: flex;



  justify-content: center;



}



.l-first {



  border-radius: 3rem;



  background: rgba(255, 255, 255, 0.8);



  width: 90rem;



  padding: 4.2rem 5rem;



}



@media screen and (max-width: 768px) {



  .l-first {



    width: 100%;



    padding: 4.8rem 3rem;



  }



}



.l-first__title {



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 0 0.4rem;



  text-align: center;



  font-size: 2rem;



  line-height: 2.1;



  letter-spacing: 0.05em;



}



@media screen and (max-width: 768px) {



  .l-first__title {



    text-align: left;



    font-size: 1.7rem;



    line-height: 1.76;



    justify-content: flex-start;



  }



}



.l-first__intro {



  font-weight: 700;



  line-height: 2.13;



  width: 53.6rem;



  margin: 1.6rem auto 0 auto;



}



@media screen and (max-width: 768px) {



  .l-first__intro {



    text-align: justify;



    font-size: 1.6rem;



    line-height: 1.5;



    letter-spacing: 0.2em;



    width: 100%;



  }



}



.l-first__box {



  background: var(--white);



  padding: 1.6rem;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 1rem 0;



  text-align: center;



  width: 100%;



  margin: 2rem auto 0 auto;



}



@media screen and (max-width: 768px) {



  .l-first__box {



    border-radius: 0.8rem;



    padding: 1.6rem 0;



  }



}



.l-first__box > * {



  width: 100%;



}



.l-first__box h3 {



  color: var(--sub);



  font-weight: 700;



  line-height: 2.13;



}



.l-first__box p {



  color: var(--GrayBlack, #303030);



  font-size: 2rem;



  line-height: 2.1;



  letter-spacing: 0.05em;



}



@media screen and (max-width: 768px) {



  .l-first__box p {



    font-size: 1.7rem;



    line-height: 1.76;



    letter-spacing: 0.03em;



  }



}



.l-first__btn {



  text-align: center;



  margin-top: 2rem;



}



@media screen and (max-width: 768px) {



  .l-first__btn {



    width: 14rem;



    margin: 2rem auto 0 auto;



  }



}







.l-faq {



  padding: 14rem 0;



  background: url(../img/character.png) no-repeat bottom -13.4rem left -14.6rem/57.4rem auto;



}



@media screen and (max-width: 768px) {



  .l-faq {



    padding: 7rem 2rem;



    background-image: none;



  }



}



.l-faq__inner {



  width: 100rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-faq__inner {



    width: 100%;



  }



}



.l-faq__title {



  margin-bottom: 8rem;



}



@media screen and (max-width: 768px) {



  .l-faq__title {



    margin-bottom: 4rem;



  }



}



.l-faq__group {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 4rem 0;



}



@media screen and (max-width: 768px) {



  .l-faq__group {



    gap: 2.5rem 0;



  }



}



.l-faq__man dt {



  border-radius: 5rem 5rem 0 0;



  background: var(--main);



  padding: 2rem 3.2rem;



  display: flex;



  align-items: center;



  gap: 0 2rem;



  color: var(--white);



}



@media screen and (max-width: 768px) {



  .l-faq__man dt {



    border-radius: 3rem 3rem 0 0;



    padding: 2rem 1.5rem;



  }



}



.l-faq__man dt p {



  font-size: 3.6rem;



  font-weight: 500;



  line-height: 1.2;



  letter-spacing: 0.05em;



}



@media screen and (max-width: 768px) {



  .l-faq__man dt p {



    font-size: 3.2rem;



  }



}



.l-faq__man dt h3 {



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



}



@media screen and (max-width: 768px) {



  .l-faq__man dt h3 {



    font-size: 1.8rem;



    line-height: 1.7;



  }



}



.l-faq__man dd {



  background: var(--main-light);



  padding: 3rem 0;



  display: flex;



  flex-wrap: wrap;



}



@media screen and (max-width: 768px) {



  .l-faq__man dd {



    flex-direction: column;



    padding: 2rem 2rem 3rem 2rem;



    border-radius: 0 0 1rem 1rem;



  }



}



.l-faq__imgbox {



  width: 10rem;



  text-align: center;



}



@media screen and (max-width: 768px) {



  .l-faq__imgbox {



    width: 100%;



  }



}



.l-faq__imgbox img {



  width: 7rem;



  height: auto;



  aspect-ratio: 1/1;



  border-radius: 50%;



}



.l-faq__txtbox {



  width: calc(100% - 10rem);



  padding: 0 3.2rem 0 2rem;



  display: flex;



  flex-wrap: wrap;



}



@media screen and (max-width: 768px) {



  .l-faq__txtbox {



    width: 100%;



    padding: 1rem 0 0 0;



  }



}



.l-faq__txtbox .icon {



  color: var(--main);



  font-size: 3.6rem;



  font-weight: 500;



  line-height: 1.4;



  letter-spacing: 0.05em;



  width: 5.6rem;



}



@media screen and (max-width: 768px) {



  .l-faq__txtbox .icon {



    font-size: 3.2rem;



    width: 4.8rem;



  }



}



.l-faq__txtbox p {



  width: calc(100% - 5.6rem);



}



@media screen and (max-width: 768px) {



  .l-faq__txtbox p {



    width: calc(100% - 4.8rem);



  }



}



.l-faq__btn {



  text-align: center;



  margin-top: 7rem;



}



@media screen and (max-width: 768px) {



  .l-faq__btn {



    margin-top: 4rem;



  }



}







.l-trouble {



  background: url(../img/l-trouble-bg.jpg) no-repeat center top/cover;



  padding: 8.6rem 0 23.4rem 0;



}



@media screen and (max-width: 768px) {



  .l-trouble {



    background: url(../img/l-trouble-bg-sp.jpg) no-repeat center top/cover;



    padding: 7rem 2rem 30rem 2rem;



  }



}



.l-trouble__inner {



  width: 109rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-trouble__inner {



    width: 100%;



  }



}



.l-trouble__title {



  text-align: center;



  margin-bottom: 7rem;



  padding-bottom: 4rem;



  background: url(../img/l-trouble-title.png) no-repeat center bottom/45.6rem;



}



@media screen and (max-width: 768px) {



  .l-trouble__title {



    margin-bottom: 4rem;



    padding-bottom: 2.4rem;



    background: url(../img/l-trouble-title.png) no-repeat center bottom/27.6rem auto;



  }



}



.l-trouble__list {



  display: flex;



  justify-content: center;



  flex-wrap: wrap;



  gap: 0 3rem;



  margin-bottom: 5rem;



}



@media screen and (max-width: 768px) {



  .l-trouble__list {



    gap: 1.6rem 1.6rem;



    margin-bottom: 4rem;



  }



}



.l-trouble__list li {



  width: 25rem;



  height: auto;



  aspect-ratio: 1/1;



  border-radius: 50%;



  overflow: hidden;



  display: flex;



  justify-content: center;



  align-items: flex-end;



}



@media screen and (max-width: 768px) {



  .l-trouble__list li {



    width: calc((100% - 1.6rem) / 2);



  }



}



.l-trouble__list li:nth-child(1) {



  background: url(../img/l-trouble-photo01.jpg) no-repeat center top/100% auto;



}



.l-trouble__list li:nth-child(2) {



  background: url(../img/l-trouble-photo02.jpg) no-repeat center top/100% auto;



}



.l-trouble__list li:nth-child(3) {



  background: url(../img/l-trouble-photo03.jpg) no-repeat center top/100% auto;



}



.l-trouble__list li:nth-child(4) {



  background: url(../img/l-trouble-photo04.jpg) no-repeat center top/100% auto;



}



.l-trouble__list li:nth-child(5) {



  background: url(../img/l-trouble-photo05.jpg) no-repeat center top/100% auto;



}



.l-trouble__list li:nth-child(6) {



  background: url(../img/l-trouble-photo06.jpg) no-repeat center top/100% auto;



}



.l-trouble__list li:nth-child(7) {



  background: url(../img/l-trouble-photo07.jpg) no-repeat center top/100% auto;



}



.l-trouble__list li p {



  width: 100%;



  height: 9rem;



  background: var(--main-light);



  color: var(--main-dark);



  text-align: center;



  font-size: 1.5rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.1em;



  display: flex;



  justify-content: center;



  align-items: center;



  padding-bottom: 0.8rem;



}



@media screen and (max-width: 768px) {



  .l-trouble__list li p {



    height: 6.4rem;



    font-size: 1.2rem;



    line-height: 1.4;



    display: flex;



    justify-content: center;



    align-items: center;



    padding-bottom: 0.4rem;



  }



}



.l-trouble__p {



  color: var(--white);



  width: 80.6rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-trouble__p {



    width: 100%;



  }



}



.l-trouble__btn {



  margin-top: 7rem;



  text-align: center;



}



@media screen and (max-width: 768px) {



  .l-trouble__btn {



    margin-top: 4rem;



  }



}







.l-cta {



  background: url(../img/l-cta-bg.jpg) no-repeat center top/cover;



  border-radius: 3rem;



  width: 120rem;



  margin: 0 auto -14rem auto;



  position: relative;



  top: -14rem;



  padding: 4.5rem 10rem;



}



@media screen and (max-width: 768px) {



  .l-cta {



    background: url(../img/l-cta-bg-sp.jpg) no-repeat center top/cover;



    width: calc(100% - 2rem);



    margin: 0 auto -25rem auto;



    top: -25rem;



    padding: 4.5rem 2rem;



  }



}



.l-cta__title {



  color: var(--white);



  text-align: center;



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



}



@media screen and (max-width: 768px) {



  .l-cta__title {



    font-size: 2rem;



    line-height: 1.6;



    letter-spacing: 0.1em;



  }



}



.l-cta__btns {



  margin-top: 3.2rem;



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



@media screen and (max-width: 768px) {



  .l-cta__btns {



    margin-top: 4rem;



    gap: 3.4rem 0;



  }



}



.l-cta__btnPhone {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-cta__btnPhone {



    width: 100%;



  }



}



.l-cta__btnPhone a {



  border-radius: 5rem;



  background: var(--white);



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  flex-direction: column;



  position: relative;



  height: 14rem;



  padding: 0 4.2rem 0 14.8rem;



  color: var(--base-color);



}



@media screen and (max-width: 768px) {



  .l-cta__btnPhone a {



    height: 10rem;



    padding: 0 2rem 0 10.8rem;



  }



}



.l-cta__btnPhone a::before {



  content: "";



  display: inline-block;



  width: 14.8rem;



  height: 16.4rem;



  background-image: url(../img/l-cta-phone-photo.png);



  background-size: contain;



  vertical-align: middle;



  position: absolute;



  bottom: 0;



  left: 0;



}



@media screen and (max-width: 768px) {



  .l-cta__btnPhone a::before {



    width: 10.9rem;



    height: 12.4rem;



    background-image: url(../img/l-cta-phone-photo-sp.png);



  }



}



.l-cta__btnPhone a:hover {



  opacity: 0.7;



}



.l-cta__btnPhone a .small {



  text-align: center;



  font-weight: 700;



  line-height: 2.13;



  width: 100%;



}



@media screen and (max-width: 768px) {



  .l-cta__btnPhone a .small {



    font-size: 1.3rem;



    line-height: 1.4;



    letter-spacing: 0.05em;



  }



}



.l-cta__btnPhone a .large {



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 0 0.6rem;



  padding-top: 0.8rem;



  margin-top: 0.8rem;



  border-top: 0.1rem solid var(--main);



  width: 100%;



}



@media screen and (max-width: 768px) {



  .l-cta__btnPhone a .large {



    font-size: 1.6rem;



  }



  .l-cta__btnPhone a .large img {



    width: 2.4rem;



    height: auto;



  }



}



.l-cta__btnReserve {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-cta__btnReserve {



    width: 100%;



  }



}



.l-cta__btnReserve a {



  border-radius: 5rem;



  background: var(--main);



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  flex-direction: column;



  position: relative;



  height: 14rem;



  padding: 0 4.2rem 0 14.8rem;



  color: var(--white);



}



@media screen and (max-width: 768px) {



  .l-cta__btnReserve a {



    height: 10rem;



    padding: 0 2rem 0 10.8rem;



  }



}



.l-cta__btnReserve a::before {



  content: "";



  display: inline-block;



  width: 14.8rem;



  height: 16.4rem;



  background-image: url(../img/l-cta-reserve-photo.png);



  background-size: contain;



  vertical-align: middle;



  position: absolute;



  bottom: 0;



  left: 0;



}



@media screen and (max-width: 768px) {



  .l-cta__btnReserve a::before {



    width: 10.9rem;



    height: 12.4rem;



    background-image: url(../img/l-cta-reserve-photo-sp.png);



  }



}



.l-cta__btnReserve a:hover {



  opacity: 0.7;



}



.l-cta__btnReserve a .small {



  text-align: center;



  font-weight: 700;



  line-height: 2.13;



  width: 100%;



}



@media screen and (max-width: 768px) {



  .l-cta__btnReserve a .small {



    font-size: 1.3rem;



    line-height: 1.4;



    letter-spacing: 0.05em;



  }



}



.l-cta__btnReserve a .large {



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 0 0.6rem;



  padding-top: 0.8rem;



  margin-top: 0.8rem;



  border-top: 0.1rem solid var(--white);



  width: 100%;



}



@media screen and (max-width: 768px) {



  .l-cta__btnReserve a .large {



    font-size: 1.6rem;



  }



  .l-cta__btnReserve a .large img {



    width: 2.4rem;



    height: auto;



  }



}







/* ----- l-parallax01 ----- */



.l-parallax01 {



  width: 100%;



  margin: 0 auto;



  overflow-x: hidden;



}



.l-parallax01__inner {



  width: 100%;



  height: 58rem;



  background: url(../img/l-parallax01.jpg) no-repeat center center/cover;



  background-attachment: fixed;



}



@media screen and (max-width: 768px) {



  .l-parallax01__inner {



    height: 18rem;



    background: url(../img/l-parallax01-sp.jpg) no-repeat center center/cover;



    background-attachment: inherit;



  }



}







/* ----- l-parallax02 ----- */



.l-parallax02 {



  width: 100%;



  margin: 0 auto;



  overflow-x: hidden;



}



.l-parallax02__inner {



  width: 100%;



  height: 67rem;



  background: url(../img/l-parallax02.jpg) no-repeat center center/cover;



  background-attachment: fixed;



  display: flex;



  justify-content: center;



  align-items: center;



}



@media screen and (max-width: 768px) {



  .l-parallax02__inner {



    height: auto;



    background: url(../img/l-parallax02-sp.jpg) no-repeat center center/cover;



    background-attachment: inherit;



    padding: 4.2rem 1.5rem;



  }



}







.l-equipment {



  padding: 25.6rem 0 14rem 0;



}



@media screen and (max-width: 768px) {



  .l-equipment {



    padding: 7rem 0;



  }



}



.l-equipment__title {



  margin-bottom: 8rem;



}



@media screen and (max-width: 768px) {



  .l-equipment__title {



    margin-bottom: 4rem;



  }



}



.l-equipment__btn {



  text-align: center;



}







/* ----- l-information01 ----- */



.l-information01 {



  padding: 13rem 0 0 0;



  background: var(--main-light);



}



@media screen and (max-width: 768px) {



  .l-information01 {



    padding: 7rem 2rem;



  }



}



.l-information01__inner {



  width: 100rem;



  margin: 0 auto;



  background: var(--white);



  border-radius: 1rem;



  padding: 5rem 7.5rem;



}



@media screen and (max-width: 768px) {



  .l-information01__inner {



    width: 100%;



    padding: 4.8rem 2rem;



  }



}



.l-information01__inner.adjust {



  position: relative;



  bottom: -25rem;



  margin-top: -25rem;



}



@media screen and (max-width: 768px) {



  .l-information01__inner.adjust {



    position: static;



    margin-top: 0;



  }



}







/* ----- l-information02 ----- */



.l-information02 {



  padding: 0 0 14rem 0;



  position: relative;



}



@media screen and (max-width: 768px) {



  .l-information02 {



    padding: 0 0 7rem 0;



  }



}



.l-information02::before {



  content: "";



  width: 100%;



  height: calc(100% - 11rem);



  background: var(--main-light);



  position: absolute;



  bottom: 0;



  left: 0;



  z-index: -1;



}



@media screen and (max-width: 768px) {



  .l-information02::before {



    height: calc(100% - 7.5rem);



  }



}



.l-information02__logo {



  margin: 14rem 0 5rem 0;



  text-align: center;



}



@media screen and (max-width: 768px) {



  .l-information02__logo {



    margin: 7rem 0 4rem 0;



  }



  .l-information02__logo img {



    width: 20rem;



    height: auto;



  }



}



.l-information02__logo a:hover {



  opacity: 0.7;



}



.l-information02__inner {



  width: 100rem;



  margin: 0 auto;



  background: var(--white);



  border-radius: 1rem;



  padding: 10rem 7.5rem;



}



@media screen and (max-width: 768px) {



  .l-information02__inner {



    width: calc(100% - 3rem);



    padding: 4.8rem 2rem;



  }



}







.l-doctor__title {



  padding: 14rem 0 8rem 0;



}



@media screen and (max-width: 768px) {



  .l-doctor__title {



    padding: 8rem 0 4rem 0;



  }



}



.l-doctor__inner {



  background: var(--main-light);



  padding: 13.6rem 0 0 0;



}



@media screen and (max-width: 768px) {



  .l-doctor__inner {



    padding: 5rem 0 0 0;



  }



}



.l-doctorGrid {



  display: grid;



  grid-template-columns: 1fr 545px 55px 600px 1fr;



  grid-template-rows: auto;



  gap: 0 0;



  grid-auto-flow: row;



  grid-template-areas: ". l-doctorGrid__txtbox . l-doctorGrid__imgbox l-doctorGrid__imgbox";



}



@media screen and (max-width: 768px) {



  .l-doctorGrid {



    display: flex;



    flex-wrap: wrap;



    flex-direction: column;



  }



}



.l-doctorGrid__imgbox {



  grid-area: l-doctorGrid__imgbox;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__imgbox {



    width: 100%;



    padding-left: 2rem;



  }



}



.l-doctorGrid__imgbox img {



  width: 100%;



  height: 60rem;



  object-fit: cover;



  object-position: top center;



  border-radius: 3rem 0 0 3rem;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__imgbox img {



    height: 27rem;



  }



}



.l-doctorGrid__txtbox {



  grid-area: l-doctorGrid__txtbox;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  gap: 2.4rem 0;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__txtbox {



    padding: 3.2rem 2rem 0 2rem;



    width: 100%;



    gap: 1.6rem 0;



  }



}



.l-doctorGrid__txtbox > * {



  width: 100%;



}



.l-doctorGrid__prf {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 1rem 0;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__prf {



    gap: 0.2rem 0;



  }



}



.l-doctorGrid__prf > * {



  width: 100%;



}



.l-doctorGrid__prf .job {



  color: var(--sub);



  font-weight: 700;



  line-height: 2.13;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__prf .job {



    font-size: 1.2rem;



    line-height: 1.87;



    letter-spacing: 0.08em;



  }



}



.l-doctorGrid__prf .name-ja {



  font-size: 3.7rem;



  font-weight: 500;



  line-height: 1.62;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__prf .name-ja {



    font-size: 2.4rem;



    letter-spacing: 0.06em;



  }



}



.l-doctorGrid__prf .name-en {



  font-family: var(--en-font);



  font-size: 3.3rem;



  font-weight: 200;



  line-height: 1.4;



  letter-spacing: 0.08em;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__prf .name-en {



    font-size: 2.4rem;



  }



}



.l-doctorGrid__msg {



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__msg {



    font-size: 2rem;



    line-height: 1.6;



    letter-spacing: 0.1em;



  }



}



@media screen and (max-width: 768px) {



  .l-doctorGrid__btn {



    text-align: center;



  }



}







.l-footer {



  background: var(--gray-dark) url(../img/l-footer-charactor.png) no-repeat bottom 6.4rem right/47.3rem auto;



  width: 100%;



  padding: 10rem 0 0 0;



  color: var(--white);



}



@media screen and (max-width: 768px) {



  .l-footer {



    padding: 4rem 0 0 0;



    background: var(--gray-dark) url(../img/l-footer-charactor.png) no-repeat bottom 6.4rem right/19rem auto;



  }



}



.l-footer__inner {



  width: 100rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-footer__inner {



    width: 100%;



    padding: 0 2.4rem;



  }



}



.l-footer__copy {



  width: 100%;



  margin: 5rem auto 0 auto;



  background: var(--base-color);



  padding: 2rem;



  color: var(--white);



  text-align: center;



  font-size: 1.2rem;



}



@media screen and (max-width: 768px) {



  .l-footer__copy {



    margin: 4rem auto 0 auto;



    padding: 0;



    display: flex;



    justify-content: center;



    align-items: center;



    height: 6.4rem;



  }



}



.l-footer__copy small {



  font-size: 1.2rem;



}



.l-footer__copy a:hover {



  opacity: 0.7;



}



.l-footer__flex {



  display: flex;



  flex-wrap: wrap;



  align-items: stretch;



  gap: 0 5rem;



}



@media screen and (max-width: 768px) {



  .l-footer__flex {



    gap: 0;



  }



}



@media screen and (max-width: 768px) {



  .l-footer__flexitem01 {



    width: 100%;



  }



}



@media screen and (max-width: 768px) {



  .l-footer__flexitem02 {



    width: 100%;



    margin-top: 1.6rem;



  }



}



.l-footer__flexitem03 {



  flex: 1;



  display: flex;



  align-items: flex-end;



}



@media screen and (max-width: 768px) {



  .l-footer__flexitem03 {



    width: 100%;



    margin-top: 2.4rem;



    font-size: 1.2rem;



    letter-spacing: 0.05em;



  }



}



.l-footer__flexitem03 a:hover {



  opacity: 0.7;



}



@media screen and (max-width: 768px) {



  .l-footer__nav01 {



    display: flex;



    flex-wrap: wrap;



    gap: 1.6rem 0;



  }



  .l-footer__nav01 li {



    width: 50%;



  }



}



.l-footer__nav01 li + li {



  margin-top: 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-footer__nav01 li + li {



    margin-top: 0;



  }



}



.l-footer__nav01 a {



  color: var(--white);



  display: flex;



  align-items: center;



  font-weight: 700;



  gap: 0 0.8rem;



}



.l-footer__nav01 a:hover {



  opacity: 0.7;



}



.l-footer__nav02wrap {



  display: flex;



  gap: 0 6.4rem;



  margin: 1.6rem 0 0 3rem;



}



@media screen and (max-width: 768px) {



  .l-footer__nav02wrap {



    gap: 0 0;

  margin: 1.6rem 0 0 1rem;



  }



}



@media screen and (max-width: 768px) {



  .l-footer__nav02:nth-child(odd) {



    width: 45%;



  }



  .l-footer__nav02:nth-child(even) {



    width: 55%;



  }



}



.l-footer__nav02 li {



  width: 100%;



}



.l-footer__nav02 li + li {



  margin-top: 1rem;



}



.l-footer__nav02 a {



  color: var(--white);



}



.l-footer__nav02 a:hover {



  opacity: 0.7;



}







@media screen and (max-width: 768px) {



  .l-floating {



    width: 100%;



    position: fixed;



    bottom: 0;



    left: 0;



    display: flex;



    flex-wrap: wrap;



    z-index: 9999;



    border-top: 0.1rem solid var(--white);



  }



  .l-floating__phone {



    width: 50%;



  }



  .l-floating__phone a {



    height: 6.4rem;



    display: flex;



    align-items: center;



    justify-content: center;



    flex-wrap: wrap;



    flex-direction: column;



    gap: 0.6rem 0;



    text-align: center;



    font-size: 1.5rem;



    font-weight: 700;



    line-height: 1;



    background: var(--sub);



    color: var(--white);



  }



  .l-floating__phone p {



    display: flex;



    align-items: center;



    gap: 0 0.6rem;



  }



  .l-floating__phone span {



    font-size: 1rem;



    font-weight: 400;



  }



  .l-floating__reserve {



    width: 50%;



  }



  .l-floating__reserve a {



    height: 6.4rem;



    display: flex;



    align-items: center;



    justify-content: center;



    flex-wrap: wrap;



    flex-direction: column;



    gap: 0.6rem 0;



    text-align: center;



    font-size: 1.5rem;



    font-weight: 700;



    line-height: 1;



    background: var(--main);



    color: var(--white);



  }



  .l-floating__reserve p {



    display: flex;



    align-items: center;



    gap: 0 0.6rem;



  }



  .l-floating__reserve span {



    font-size: 1rem;



    font-weight: 400;



  }



}



@media screen and (min-width: 769px) {



  .l-floating {



    display: none;



  }



}



.l-hero {



  width: 100%;



  height: calc(100vh - 18rem);



  margin-top: 8rem;



  position: relative;



  z-index: 2;



}



@media screen and (max-width: 768px) {



  .l-hero {



    margin-top: 0;



    height: calc(100dvh - 6.4rem);



  }



}



.l-hero::before {



  content: "";



  display: block;



  background-repeat: no-repeat;



  background-image: url(../img/l-hero-wave.png);



  background-size: cover;



  width: 100%;



  height: 0;



  padding-bottom: 5.0264550265%;



  position: absolute;



  bottom: -0.1rem;



  left: 0;



  z-index: 5;



}



@media screen and (max-width: 768px) {



  .l-hero::before {



    background-image: url(../img/l-hero-wave-sp.png);



    padding-bottom: 12.0512820513%;



  }



}



.l-heroRayer01 {



  z-index: 2;



}



.l-heroRayer03 {



  position: absolute;



  top: 50%;



  left: 50%;



  transform: translate(-50%, -50%);



  z-index: 4;



  width: 100%;



  color: var(--white);



  text-align: center;



}



.l-heroRayer03 .tagline {



  font-size: 4rem;



  font-weight: 500;



  line-height: 1.5;



  margin-top: 2.6rem;



  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);



}



@media screen and (max-width: 768px) {



  .l-heroRayer03 .tagline {



    font-size: 2.4rem;



    line-height: 1.4;



    margin-top: 1.6rem;



  }



}



.l-heroRayer03 .name {



  font-weight: 700;



  line-height: 2.13;



  margin-top: 2.6rem;



  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);



}



@media screen and (max-width: 768px) {



  .l-heroRayer03 .name {



    font-size: 1rem;



    line-height: 1.4;



    margin-top: 1.6rem;



  }



}



.l-heroRayer03 img {



  width: 12rem;



  height: auto;



  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));



}



@media screen and (max-width: 768px) {



  .l-heroRayer03 img {



    width: 8rem;



  }



}



.l-heroRayer04 {



  position: absolute;



  bottom: 10rem;



  right: 0;



  border-radius: 3rem 0 0 3rem;



  background: rgba(255, 255, 255, 0.9);



  padding: 4rem;



  z-index: 10;



  width: 40rem;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 1.8rem 0;



}



@media screen and (max-width: 768px) {



  .l-heroRayer04 {



    display: none;



  }



}



.l-heroRayer04 > * {



  width: 100%;



}



.l-heroRayer04__time {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 0.3rem 0;



}



.l-heroRayer04__time > * {



  width: 100%;



}



.l-heroRayer04__time .row01 {



  font-size: 1.2rem;



  font-weight: 700;



  line-height: 1.87;



  letter-spacing: 0.08em;



}



.l-heroRayer04__time .row02 {



  font-size: 1.1rem;



  line-height: 1.81;



  letter-spacing: 0.04em;



}



.l-heroRayer04__time .row03 {



  color: var(--error);



  font-size: 1.1rem;



  line-height: 1.81;



  letter-spacing: 0.04em;



}



.l-heroRayer04__news {



  border-bottom: 0.1rem solid var(--gray);



  padding-bottom: 0.8rem;



}



.l-heroRayer04__news a {



  display: flex;



  align-items: center;



  gap: 0 1.6rem;



  background: url(../img/l-hero-news-icon.svg) no-repeat center right/1.2rem auto;



  padding: 0 2rem 0 0;



}



.l-heroRayer04__news a:hover {



  opacity: 0.7;



}



.l-heroRayer04__news a .date {



  color: var(--sub);



  font-weight: 700;



  line-height: 2.13;



  background: url(../img/l-hero-news-date.svg) no-repeat center left/1.8rem auto;



  padding-left: 2.6rem;



  white-space: nowrap;



}



.l-heroRayer04__news a .post {



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



}



@media screen and (min-width: 769px) {



  .l-hero__news {



    display: none;



  }



}



@media screen and (max-width: 768px) {



  .l-hero__news {



    position: absolute;



    bottom: 6.4rem;



    left: 2rem;



    z-index: 11;



    width: calc(100% - 4rem);



  }



  .l-hero__news a {



    display: flex;



    flex-wrap: wrap;



    flex-direction: column;



    gap: 0;



    background-color: var(--white);



    background-image: url(../img/l-hero-news-date.svg), url(../img/l-hero-news-icon.svg);



    background-repeat: no-repeat, no-repeat;



    background-position: center left 3rem, center right 3rem;



    background-size: 1.8rem auto, 1.2rem auto;



    border-radius: 10rem;



    padding: 1.2rem 6.6rem 1.2rem 7.2rem;



    box-shadow: 1px 3px 12px 1px rgba(0, 0, 0, 0.25);



    width: 100%;



  }



  .l-hero__news a:hover {



    opacity: 0.7;



  }



  .l-hero__news a .date {



    color: var(--sub);



    font-size: 1.2rem;



    font-weight: 700;



    line-height: 1.76;



    white-space: nowrap;



    letter-spacing: 0.08em;



  }



  .l-hero__news a .post {



    font-size: 1.3rem;



    line-height: 1.76;



    letter-spacing: 0.08em;



    white-space: normal;



    overflow: hidden;



    text-overflow: ellipsis;



  }



}







.l-header {



  width: 100%;



  height: 8rem;



  background: var(--white);



  z-index: 1000;



  padding: 0;



  display: flex;



  align-items: center;



  justify-content: flex-end;



  position: fixed;



  top: 0;



  left: 0;



  transition: all 0.5s;



}



@media screen and (max-width: 768px) {



  .l-header {



    height: 5rem;



    background: none !important;



    position: absolute;



  }



}



.l-header::before {



  content: "";



  display: inline-block;



  width: 39.4rem;



  height: 3rem;



  background-image: url(../img/l-header-after.png);



  background-size: contain;



  vertical-align: middle;



  position: absolute;



  top: 8rem;



  left: 0;



}



@media screen and (max-width: 768px) {



  .l-header::before {



    display: none;



  }



}



.l-header__logo {



  position: absolute;



  top: 2.4rem;



  left: 5.6rem;



  display: flex;



  gap: 0 6rem;



}



@media screen and (max-width: 768px) {



  .l-header__logo {



    top: 0;



    left: 0;



    background: url(../img/l-header-logobg-sp.png) no-repeat center right/auto 5rem;



    height: 5rem;



    width: 30rem;



    display: flex;



    align-items: center;



    padding-left: 2.8rem;



  }



}



.l-header__logo a:hover {



  opacity: 0.7;



}



.l-header__logo img {



  padding-top: 0.8rem;



}



@media screen and (max-width: 768px) {



  .l-header__logo img {



    padding-top: 0;



    height: 3.4rem;



    width: auto;



  }



}



.l-header__logo h1,



.l-header__logo p {



  font-size: 1.1rem;



  line-height: 1.8;



  letter-spacing: 0.04em;



}



@media screen and (max-width: 768px) {



  .l-header__logo h1,



  .l-header__logo p {



    display: none;



  }



}



@media screen and (max-width: 1143px) and (min-width: 769px) {



  .l-header__logo h1,



  .l-header__logo p {



    display: none;



  }



}



.l-header__elements {



  padding-right: 8rem;



}



@media screen and (max-width: 768px) {



  .l-header__elements {



    display: flex;



    align-items: center;



  }



}



.l-header__btns {



  display: flex;



  justify-content: flex-end;



  align-items: center;



  gap: 0;



}



.l-header__phone {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  padding: 0 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-header__phone {



    display: none;



  }



}



.l-header__phone p {



  color: var(--main);



  text-align: center;



  font-size: 1.2rem;



  font-weight: 700;



  line-height: 2.5;



  letter-spacing: 0.2em;



}



.l-header__phone a {



  display: flex;



  align-items: center;



  justify-content: center;



  gap: 0 0.6rem;



  color: var(--main);



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



}



.l-header__phone a:hover {



  opacity: 0.7;



}



@media screen and (max-width: 768px) {



  .l-header__reserve {



    display: none;



  }



}



.l-header__reserve a {



  background: var(--main);



  height: 8rem;



  padding: 0 3.2rem;



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 0 1rem;



  color: var(--white);



  text-align: center;



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



}



.l-header__reserve a:hover {



  opacity: 0.7;



}







.l-sitemap {



  width: 100%;



  padding: 0 5.6rem;



}



@media screen and (max-width: 768px) {



  .l-sitemap {



    padding: 8rem 2.4rem 12rem 2.4rem;



  }



}



.l-sitemap__inner {



  width: 100%;



}



.l-sitemap__flex {



  display: flex;



  flex-wrap: wrap;



  align-items: stretch;



  gap: 0 5rem;



}



@media screen and (max-width: 768px) {



  .l-sitemap__flex {



    gap: 0;



  }



}



.l-sitemap__flexitem00 {



  width: 100%;



}



.l-sitemap__flexitem01 {



  width: 100%;



  margin-top: 3.2rem;



}



.l-sitemap__flexitem02 {



  width: 100%;



  margin-top: 1.6rem;



}



.l-sitemap__flexitem03 {



  margin-top: 3.2rem;



  width: 100%;



}



@media screen and (max-width: 768px) {



  .l-sitemap__flexitem03 {



    display: none;



  }



}



.l-sitemap__flexitem03 a:hover {



  opacity: 0.7;



}



@media screen and (max-width: 768px) {



  .l-sitemap__flexitem04 {



    margin-top: 2.4rem;



    width: 100%;



    font-size: 1.2rem;



  }



  .l-sitemap__flexitem04 a:hover {



    opacity: 0.7;



  }



}



@media screen and (min-width: 769px) {



  .l-sitemap__flexitem04 {



    display: none;



  }



}



.l-sitemap__nav01 {



  display: flex;



  flex-wrap: wrap;



  gap: 1.6rem 0;



}



.l-sitemap__nav01 li {



  width: 50%;



}



.l-sitemap__nav01 a {



  color: var(--base-color);



  display: flex;



  align-items: center;



  font-weight: 700;



  gap: 0 0.8rem;



}



.l-sitemap__nav01 a:hover {



  opacity: 0.7;



}



.l-sitemap__nav02wrap {



  display: flex;



  gap: 0 6.4rem;



  margin: 1.6rem 0 0 3rem;



}



@media screen and (max-width: 768px) {



  .l-sitemap__nav02wrap {



    gap: 0 0;

    margin: 1.6rem 0 0 1rem;



  }



}



@media screen and (max-width: 768px) {



  .l-sitemap__nav02:nth-child(odd) {



    width: 45%;



  }



  .l-sitemap__nav02:nth-child(even) {



    width: 55%;



  }



}



.l-sitemap__nav02 li {



  width: 100%;



}



.l-sitemap__nav02 li + li {



  margin-top: 1rem;



}



.l-sitemap__nav02 a {



  color: var(--base-color);



}



.l-sitemap__nav02 a:hover {



  opacity: 0.7;



}



.l-sitemapCta {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  gap: 1.6rem 0;



  text-align: center;



  width: 100%;



  margin: 0 auto;



  border-radius: 3rem;



  background: var(--white);



  padding: 3.2rem;



}



.l-sitemapCta h3 {



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



  width: 100%;



}



.l-sitemapCta__phone {



  width: 100%;



}



.l-sitemapCta__phone a {



  color: var(--main);



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



  display: inline-flex;



  justify-content: center;



  align-items: center;



  gap: 0 0.6rem;



}



.l-sitemapCta__phone a:hover {



  opacity: 0.7;



}



.l-sitemapCta__reserve {



  width: 100%;



}



.l-sitemapCta__reserve a {



  border-radius: 0.4rem;



  background: var(--main);



  height: 7rem;



  color: var(--white);



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.06em;



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 0 1rem;



}



.l-sitemapCta__reserve a:hover {



  opacity: 0.7;



}



.l-sitemap__news {



  border-bottom: 0.1rem solid var(--gray);



  padding-bottom: 0.8rem;



  width: 100%;



}



.l-sitemap__news a {



  display: flex;



  align-items: center;



  gap: 0 1.6rem;



  background: url(../img/l-hero-news-icon.svg) no-repeat center right/1.2rem auto;



  padding: 0 2rem 0 0;



}



.l-sitemap__news a:hover {



  opacity: 0.7;



}



.l-sitemap__news a .date {



  color: var(--sub);



  font-weight: 700;



  line-height: 2.13;



  background: url(../img/l-hero-news-date.svg) no-repeat center left/1.8rem auto;



  padding-left: 2.6rem;



  white-space: nowrap;



}



.l-sitemap__news a .post {



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



}







.l-case {



  padding: 16.5rem 0 14rem 0;



  background: var(--main-light);



  /* ----- l-case01 ----- */



  /* ----- l-case02 ----- */



  /* ----- l-case03 ----- */



  /* ----- l-case04 ----- */



}



@media screen and (max-width: 768px) {



  .l-case {



    padding: 12rem 0 7rem 0;



  }



}



.l-case__inner {



  width: 140rem;



  margin: 0 auto;



}



@media screen and (max-width: 768px) {



  .l-case__inner {



    width: 100%;



  }



}



.l-case01 {



  background: url(../img/l-case01-bg.jpg) no-repeat center center/cover;



  border-radius: 3rem;



  padding: 4.5rem 5rem;



  margin-top: 0;



  position: relative;



}



@media screen and (max-width: 768px) {



  .l-case01 {



    border-radius: 0;



    padding: 1rem;



  }



}



.l-case01__figure {



  position: absolute;



  bottom: 0;



  left: 0;



  width: 17.3rem;



}



@media screen and (max-width: 768px) {



  .l-case01__figure {



    display: none;



  }



}



.l-case01__figure img {



  width: 100%;



  height: auto;



}



.l-case01__medals {



  position: absolute;



  top: -6.5rem;



  left: 10rem;



  display: flex;



  gap: 1.5rem;



}



@media screen and (max-width: 768px) {



  .l-case01__medals {



    top: -4.8rem;



    left: 2rem;



    width: calc(100% - 4rem);



    gap: 0 0.2rem;



  }



}



.l-case01__medals li {



  background: url(../img/l-case01-medal.png) no-repeat center center/100% auto;



  filter: drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.25));



  width: 14.6rem;



  height: auto;



  aspect-ratio: 1/1;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 0.8rem 0;



  text-align: center;



  color: var(--main-dark);



  line-height: 1.4;



  letter-spacing: 0.04em;



}



@media screen and (max-width: 768px) {



  .l-case01__medals li {



    width: calc((100% - 0.4rem) / 3);



    gap: 0.4rem 0;



  }



}



.l-case01__medals li > * {



  width: 100%;



}



.l-case01__medals li .small {



  font-size: 1rem;



  font-weight: 400;



}



@media screen and (max-width: 768px) {



  .l-case01__medals li .small {



    font-size: 0.8rem;



  }



}



.l-case01__medals li .large {



  font-size: 1.3rem;



  font-weight: 700;



}



@media screen and (max-width: 768px) {



  .l-case01__medals li .large {



    font-size: 1.1rem;



  }



}



.l-case01__inner {



  border-radius: 1.5rem;



  background: rgba(255, 255, 255, 0.9);



  padding: 4.4rem 5rem;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  flex-direction: row-reverse;



}



@media screen and (max-width: 768px) {



  .l-case01__inner {



    border-radius: 0;



    padding: 8rem 1rem 3.6rem 1rem;



  }



}



.l-case01__imgbox {



  width: 70rem;



}



@media screen and (max-width: 768px) {



  .l-case01__imgbox {



    width: 100%;



  }



}



@media screen and (min-width: 769px) {



  .l-case01__imgbox .subtitle {



    display: none;



  }



}



@media screen and (max-width: 768px) {



  .l-case01__imgbox .subtitle {



    text-align: center;



    font-size: 2rem;



    font-weight: 700;



    line-height: 1.6;



    letter-spacing: 0.1em;



    border-bottom: 0.1rem solid var(--main);



    padding-bottom: 2.4rem;



    margin-bottom: 2.4rem;



  }



}



.l-case01__txtbox {



  width: 45rem;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  gap: 1.6rem 0;



}



@media screen and (max-width: 768px) {



  .l-case01__txtbox {



    width: 100%;



    gap: 2.4rem 0;



    padding-top: 2rem;



  }



}



.l-case01__txtbox > * {



  width: 100%;



}



.l-case01__txtbox h3 {



  text-align: center;



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



  border-bottom: 0.1rem solid var(--base-color);



  padding-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-case01__txtbox h3 {



    display: none;



  }



}



.l-case01__txtbox .btn {



  text-align: center;



}



.l-case02 {



  background: url(../img/l-case02-bg.jpg) no-repeat center center/cover;



  border-radius: 3rem;



  padding: 4.5rem 5rem;



  margin-top: 6rem;



  position: relative;



}



@media screen and (max-width: 768px) {



  .l-case02 {



    border-radius: 0;



    padding: 1rem;



    margin-top: 5rem;



  }



}



.l-case02__figure {



  position: absolute;



  bottom: 4.5rem;



  right: 0;



  width: 19.5rem;



}



@media screen and (max-width: 768px) {



  .l-case02__figure {



    display: none;



  }



}



.l-case02__figure img {



  width: 100%;



  height: auto;



}



.l-case02__inner {



  border-radius: 1.5rem;



  background: rgba(255, 255, 255, 0.9);



  padding: 4.4rem 5rem;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



@media screen and (max-width: 768px) {



  .l-case02__inner {



    border-radius: 0;



    padding: 3.6rem 1rem;



  }



}



.l-case02__imgbox {



  width: 70rem;



}



@media screen and (max-width: 768px) {



  .l-case02__imgbox {



    width: 100%;



  }



}



@media screen and (min-width: 769px) {



  .l-case02__imgbox .subtitle {



    display: none;



  }



}



@media screen and (max-width: 768px) {



  .l-case02__imgbox .subtitle {



    text-align: center;



    font-size: 2rem;



    font-weight: 700;



    line-height: 1.6;



    letter-spacing: 0.1em;



    border-bottom: 0.1rem solid var(--main);



    padding-bottom: 2.4rem;



    margin-bottom: 2.4rem;



  }



}



.l-case02__txtbox {



  width: 45rem;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  gap: 1.6rem 0;



}



@media screen and (max-width: 768px) {



  .l-case02__txtbox {



    width: 100%;



    gap: 2.4rem 0;



    padding-top: 2rem;



  }



}



.l-case02__txtbox > * {



  width: 100%;



}



.l-case02__txtbox h3 {



  text-align: center;



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



  border-bottom: 0.1rem solid var(--base-color);



  padding-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-case02__txtbox h3 {



    display: none;



  }



}



.l-case02__txtbox .btn {



  text-align: center;



}



.l-case03 {



  background: url(../img/l-case03-bg.jpg) no-repeat center center/cover;



  border-radius: 3rem;



  padding: 4.5rem 5rem;



  margin-top: 11.5rem;



  position: relative;



}



@media screen and (max-width: 768px) {



  .l-case03 {



    border-radius: 0;



    padding: 1rem;



    margin-top: 5rem;



  }



}



.l-case03__figure {



  position: absolute;



  top: -6.5rem;



  right: 10rem;



  width: 20rem;



}



@media screen and (max-width: 768px) {



  .l-case03__figure {



    display: none;



  }



}



.l-case03__figure img {



  width: 100%;



  height: auto;



}



.l-case03__inner {



  border-radius: 1.5rem;



  background: rgba(255, 255, 255, 0.9);



  padding: 4.4rem 10rem;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  flex-direction: row-reverse;



}



@media screen and (max-width: 768px) {



  .l-case03__inner {



    border-radius: 0;



    padding: 3.6rem 1rem;



  }



}



.l-case03__imgbox {



  width: 60rem;



}



@media screen and (max-width: 768px) {



  .l-case03__imgbox {



    width: 100%;



  }



}



.l-case03__imgbox img {



  width: 100%;



  height: auto;



  border-radius: 1rem;



}



@media screen and (max-width: 768px) {



  .l-case03__imgbox img {



    object-fit: cover;



    object-position: top center;



    height: 25rem;



  }



}



@media screen and (min-width: 769px) {



  .l-case03__imgbox h3 {



    display: none;



  }



}



@media screen and (max-width: 768px) {



  .l-case03__imgbox h3 {



    text-align: center;



    font-size: 2rem;



    font-weight: 700;



    line-height: 1.6;



    letter-spacing: 0.1em;



    border-bottom: 0.1rem solid var(--main);



    padding-bottom: 2.4rem;



    margin-bottom: 2.4rem;



  }



}



.l-case03__txtbox {



  width: 45rem;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  gap: 1.6rem 0;



}



@media screen and (max-width: 768px) {



  .l-case03__txtbox {



    width: 100%;



    gap: 2.4rem 0;



    padding-top: 2rem;



  }



}



.l-case03__txtbox > * {



  width: 100%;



}



.l-case03__txtbox h3 {



  text-align: center;



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



  border-bottom: 0.1rem solid var(--base-color);



  padding-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-case03__txtbox h3 {



    display: none;



  }



}



.l-case03__txtbox .btn {



  text-align: center;



}



.l-case04 {



  background: url(../img/l-case04-bg.jpg) no-repeat center center/cover;



  border-radius: 3rem;



  padding: 4.5rem 5rem;



  margin-top: 11.5rem;



  position: relative;



}



@media screen and (max-width: 768px) {



  .l-case04 {



    border-radius: 0;



    padding: 1rem;



    margin-top: 5rem;



  }



}



.l-case04__figure {



  position: absolute;



  top: -6.5rem;



  left: 10rem;



  width: 20rem;



}



@media screen and (max-width: 768px) {



  .l-case04__figure {



    display: none;



  }



}



.l-case04__figure img {



  width: 100%;



  height: auto;



}



.l-case04__inner {



  border-radius: 1.5rem;



  background: rgba(255, 255, 255, 0.9);



  padding: 4.4rem 10rem;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



@media screen and (max-width: 768px) {



  .l-case04__inner {



    border-radius: 0;



    padding: 3.6rem 1rem;



  }



}



.l-case04__imgbox {



  width: 60rem;



}



@media screen and (max-width: 768px) {



  .l-case04__imgbox {



    width: 100%;



  }



}



.l-case04__imgbox img {



  width: 100%;



  height: auto;



  border-radius: 1rem;



}



@media screen and (max-width: 768px) {



  .l-case04__imgbox img {



    object-fit: cover;



    object-position:center;



    height: 16rem;



  }



}



@media screen and (min-width: 769px) {



  .l-case04__imgbox h3 {



    display: none;



  }



}



@media screen and (max-width: 768px) {



  .l-case04__imgbox h3 {



    text-align: center;



    font-size: 2rem;



    font-weight: 700;



    line-height: 1.6;



    letter-spacing: 0.1em;



    border-bottom: 0.1rem solid var(--main);



    padding-bottom: 2.4rem;



    margin-bottom: 2.4rem;



  }



}



.l-case04__txtbox {



  width: 45rem;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  gap: 1.6rem 0;



}



@media screen and (max-width: 768px) {



  .l-case04__txtbox {



    width: 100%;



    gap: 2.4rem 0;



    padding-top: 2rem;



  }



}



.l-case04__txtbox > * {



  width: 100%;



}



.l-case04__txtbox h3 {



  text-align: center;



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



  border-bottom: 0.1rem solid var(--base-color);



  padding-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-case04__txtbox h3 {



    display: none;



  }



}



.l-case04__txtbox .btn {



  text-align: center;



}







.editor-styles-wrapper :where(.is-layout-flex) {



  gap: 2rem !important;



}







#tabs-1-media {



  display: none !important;



}







.editor-styles-wrapper,



.l-gutenberg {



  width: 100%;



  max-width: 98rem;



  margin: 0 auto;



  padding: 8rem 4rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper,



  .l-gutenberg {



    padding: 4rem 2rem;



  }



}



.editor-styles-wrapper .point,



.l-gutenberg .point {



  border: 0.4rem solid var(--main-dark);



  border-radius: 2.4rem;



  padding: 4.8rem;



}



.editor-styles-wrapper .point2,



.l-gutenberg .point2 {



  border: 0.4rem solid var(--main-dark);



  border-radius: 2.4rem;



  padding: 2.4rem;



}



.editor-styles-wrapper .btnS a,



.l-gutenberg .btnS a {



  color: var(--white);



  background: var(--main-dark);



  display: inline-flex;



  justify-content: center;



  align-items: center;



  font-size: 1.4rem;



  line-height: 1;



  padding: 1rem 2rem;



  border-radius: 0.6rem;



  transition: all 0.5s;



}



.editor-styles-wrapper .btnS a:hover,



.l-gutenberg .btnS a:hover {



  opacity: 0.7;



  cursor: pointer;



}



.editor-styles-wrapper .btnM a,



.l-gutenberg .btnM a {



  color: var(--white);



  background: var(--main-dark);



  display: inline-flex;



  justify-content: center;



  align-items: center;



  font-size: 1.6rem;



  line-height: 1;



  padding: 1.4rem 2.8rem;



  border-radius: 0.6rem;



  transition: all 0.5s;



}



.editor-styles-wrapper .btnM a:hover,



.l-gutenberg .btnM a:hover {



  opacity: 0.7;



  cursor: pointer;



}



.editor-styles-wrapper .btnL a,



.l-gutenberg .btnL a {



  color: var(--white);



  background: var(--main-dark);



  display: inline-flex;



  justify-content: center;



  align-items: center;



  font-size: 1.8rem;



  line-height: 1;



  padding: 1.8rem 3.6rem;



  border-radius: 0.6rem;



  transition: all 0.5s;



}



.editor-styles-wrapper .btnL a:hover,



.l-gutenberg .btnL a:hover {



  opacity: 0.7;



  cursor: pointer;



}



.editor-styles-wrapper .wp-block-group + .wp-block-group,



.l-gutenberg .wp-block-group + .wp-block-group {



  margin-top: 8rem;



}



.editor-styles-wrapper .wp-block-group__inner-container > * + *,



.l-gutenberg .wp-block-group__inner-container > * + * {



  margin-top: 2.4rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper .wp-block-columns.rev,



  .l-gutenberg .wp-block-columns.rev {



    flex-direction: column-reverse;



  }



}



.editor-styles-wrapper .nogap,



.l-gutenberg .nogap {



  gap: 0;



}



.editor-styles-wrapper h1,



.l-gutenberg h1 {



  text-align: center;



  font-size: 3.6rem;



  font-weight: 600;



  position: relative;



  padding-bottom: 2rem;



  color: var(--main);



  margin-bottom: 5.6rem;



  letter-spacing: 0.5rem;



}



@media screen and (max-width: 768px) {



.l-gutenberg h1 {

  font-size: 3rem;

}

}

.editor-styles-wrapper h1::after,



.l-gutenberg h1::after {



  content: "";



  position: absolute;



  bottom: 0;



  display: inline-block;



  width: 7rem;



  height: 0.1rem;



  left: 50%;



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  background-color: var(--main-dark);



}



.editor-styles-wrapper h2,



.l-gutenberg h2 {



  background: var(--main);



  color: var(--white);



  text-align: center;



  font-size: 2.6rem;



  font-weight: 600;



  line-height: 1.6;



  padding: 1rem 2rem;



  margin-bottom: 4.8rem;



  letter-spacing: 0.2rem;



  border-radius: 1rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper h2,



  .l-gutenberg h2 {



    font-size: 2.4rem;



  }



}



.editor-styles-wrapper h3,



.l-gutenberg h3 {



  color: var(--main);



  font-size: 2.2rem;



  font-weight: 800;



  border-bottom: 0.1rem solid var(--main);



  line-height: 1.6;



  padding: 0 0 1rem 0;



  margin-bottom: 2.4rem;



  letter-spacing: 0.2rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper h3,



  .l-gutenberg h3 {



    font-size: 2rem;



  }



}



.editor-styles-wrapper h4,



.l-gutenberg h4 {



  background: var(--main-light);



  color: var(--main);



  font-size: 1.8rem;



  font-weight: 800;



  padding: 0.8rem 1.6rem;



  margin-bottom: 2.4rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper h4,



  .l-gutenberg h4 {



    font-size: 1.6rem;



  }



}



.editor-styles-wrapper h5,



.l-gutenberg h5 {



  color: var(--main);



  font-size: 1.6rem;



  font-weight: 600;



  margin-bottom: 2.4rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper h5,



  .l-gutenberg h5 {



    font-size: 1.4rem;



  }



}



.editor-styles-wrapper h5::before,



.l-gutenberg h5::before {



  content: "●";



  padding: 0 0.5em 0 0;



}



.editor-styles-wrapper h6,



.l-gutenberg h6 {



  color: var(--main);



  font-size: 1.3rem;



  font-weight: 600;



  margin-bottom: 2.4rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper h6,



  .l-gutenberg h6 {



    font-size: 1.2rem;



  }



}



.editor-styles-wrapper .list-circle,



.l-gutenberg .list-circle {



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.editor-styles-wrapper .list-circle li,



.l-gutenberg .list-circle li {



  position: relative;



  margin: 0;



  padding: 0 0 0 5rem;



}



.editor-styles-wrapper .list-circle li::before,



.l-gutenberg .list-circle li::before {



  content: "●";



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  text-align: center;



  color: var(--sub);



}



.editor-styles-wrapper .list-circle li + li,



.l-gutenberg .list-circle li + li {



  margin-top: 2.4rem;



}



.editor-styles-wrapper .list-check,



.l-gutenberg .list-check {



  list-style-type: none;



}



.editor-styles-wrapper .list-check li,



.l-gutenberg .list-check li {



  position: relative;



  padding: 0 0 0 5rem;



}



.editor-styles-wrapper .list-check li::after,



.l-gutenberg .list-check li::after {



  content: "";



  display: block;



  position: absolute;



  top: 0.5em;



  left: 1.5rem;



  width: 2rem;



  text-align: center;



  height: 1rem;



  border-left: 0.3rem solid var(--main-dark);



  border-bottom: 0.3rem solid var(--main-dark);



  transform: rotate(-45deg);



}



.editor-styles-wrapper .list-check li + li,



.l-gutenberg .list-check li + li {



  margin-top: 2.4rem;



}



.editor-styles-wrapper .num01,



.editor-styles-wrapper .num02,



.editor-styles-wrapper .num03,



.editor-styles-wrapper .num04,



.editor-styles-wrapper .num05,



.editor-styles-wrapper .num06,



.editor-styles-wrapper .num07,



.editor-styles-wrapper .num08,



.editor-styles-wrapper .num09,



.editor-styles-wrapper .num10,



.editor-styles-wrapper .num11,



.editor-styles-wrapper .num12,



.editor-styles-wrapper .num13,



.editor-styles-wrapper .num14,



.editor-styles-wrapper .num15,



.editor-styles-wrapper .num16,



.editor-styles-wrapper .num17,



.editor-styles-wrapper .num18,



.editor-styles-wrapper .num19,



.editor-styles-wrapper .num20,



.l-gutenberg .num01,



.l-gutenberg .num02,



.l-gutenberg .num03,



.l-gutenberg .num04,



.l-gutenberg .num05,



.l-gutenberg .num06,



.l-gutenberg .num07,



.l-gutenberg .num08,



.l-gutenberg .num09,



.l-gutenberg .num10,



.l-gutenberg .num11,



.l-gutenberg .num12,



.l-gutenberg .num13,



.l-gutenberg .num14,



.l-gutenberg .num15,



.l-gutenberg .num16,



.l-gutenberg .num17,



.l-gutenberg .num18,



.l-gutenberg .num19,



.l-gutenberg .num20 {



  position: relative;



  font-size: 2rem;



  font-weight: 700;



  padding-left: 4rem;



  display: block;



  margin-bottom: 2.4rem;



}



.editor-styles-wrapper .num01::before,



.l-gutenberg .num01::before {



  content: "1";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num02::before,



.l-gutenberg .num02::before {



  content: "2";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num03::before,



.l-gutenberg .num03::before {



  content: "3";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num04::before,



.l-gutenberg .num04::before {



  content: "4";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num05::before,



.l-gutenberg .num05::before {



  content: "5";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num06::before,



.l-gutenberg .num06::before {



  content: "6";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num07::before,



.l-gutenberg .num07::before {



  content: "7";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num08::before,



.l-gutenberg .num08::before {



  content: "8";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num09::before,



.l-gutenberg .num09::before {



  content: "9";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num10::before,



.l-gutenberg .num10::before {



  content: "10";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num11::before,



.l-gutenberg .num11::before {



  content: "11";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num12::before,



.l-gutenberg .num12::before {



  content: "12";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num13::before,



.l-gutenberg .num13::before {



  content: "13";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num14::before,



.l-gutenberg .num14::before {



  content: "14";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num15::before,



.l-gutenberg .num15::before {



  content: "15";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num16::before,



.l-gutenberg .num16::before {



  content: "16";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num17::before,



.l-gutenberg .num17::before {



  content: "17";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num18::before,



.l-gutenberg .num18::before {



  content: "18";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num19::before,



.l-gutenberg .num19::before {



  content: "19";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper .num20::before,



.l-gutenberg .num20::before {



  content: "20";



  width: 3rem;



  height: 3rem;



  color: var(--white);



  background: var(--sub);



  border-radius: 50%;



  display: flex;



  align-items: center;



  justify-content: center;



  position: absolute;



  top: 50%;



  left: 0;



  transform: translate(0, -50%);



  font-size: 1.3rem;



}



.editor-styles-wrapper table,



.l-gutenberg table {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



}







@media screen and (max-width: 768px) {



  .editor-styles-wrapper table td,



  .l-gutenberg table td {



    padding: 0 0.6rem 0 0;



  }



}



.editor-styles-wrapper .table-border td,



.l-gutenberg .table-border td {



  border: 0.1rem solid var(--gray);



}



.editor-styles-wrapper .table-border2 td,



.l-gutenberg .table-border2 td {



  border-top: 0.1rem solid var(--gray);



  border-bottom: 0.1rem solid var(--gray);



  border-right: none;



  border-left: none;



}



.editor-styles-wrapper .table-noborder td,



.l-gutenberg .table-noborder td {



  border: none;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper .table-scroll table,



  .l-gutenberg .table-scroll table {



    min-width: 90rem;



  }



}



.editor-styles-wrapper .th-top tr:first-child td,



.l-gutenberg .th-top tr:first-child td {



  background: var(--gray-light);



}



.editor-styles-wrapper .th-left td:first-child,



.l-gutenberg .th-left td:first-child {



  background: var(--gray-light);



}



.editor-styles-wrapper .col01-w10 td:nth-child(1),



.l-gutenberg .col01-w10 td:nth-child(1) {



  width: 10%;



}



.editor-styles-wrapper .col01-w20 td:nth-child(1),



.l-gutenberg .col01-w20 td:nth-child(1) {



  width: 20%;



}



.editor-styles-wrapper .col01-w30 td:nth-child(1),



.l-gutenberg .col01-w30 td:nth-child(1) {



  width: 30%;



}



.editor-styles-wrapper .col01-w40 td:nth-child(1),



.l-gutenberg .col01-w40 td:nth-child(1) {



  width: 40%;



}



.editor-styles-wrapper .col01-w50 td:nth-child(1),



.l-gutenberg .col01-w50 td:nth-child(1) {



  width: 50%;



}



.editor-styles-wrapper .col01-w60 td:nth-child(1),



.l-gutenberg .col01-w60 td:nth-child(1) {



  width: 60%;



}



.editor-styles-wrapper .col01-w70 td:nth-child(1),



.l-gutenberg .col01-w70 td:nth-child(1) {



  width: 70%;



}



.editor-styles-wrapper .col01-w80 td:nth-child(1),



.l-gutenberg .col01-w80 td:nth-child(1) {



  width: 80%;



}



.editor-styles-wrapper .col01-w90 td:nth-child(1),



.l-gutenberg .col01-w90 td:nth-child(1) {



  width: 90%;



}



.editor-styles-wrapper .col02-w10 td:nth-child(2),



.l-gutenberg .col02-w10 td:nth-child(2) {



  width: 10%;



}



.editor-styles-wrapper .col02-w20 td:nth-child(2),



.l-gutenberg .col02-w20 td:nth-child(2) {



  width: 20%;



}



.editor-styles-wrapper .col02-w30 td:nth-child(2),



.l-gutenberg .col02-w30 td:nth-child(2) {



  width: 30%;



}



.editor-styles-wrapper .col02-w40 td:nth-child(2),



.l-gutenberg .col02-w40 td:nth-child(2) {



  width: 40%;



}



.editor-styles-wrapper .col02-w50 td:nth-child(2),



.l-gutenberg .col02-w50 td:nth-child(2) {



  width: 50%;



}



.editor-styles-wrapper .col02-w60 td:nth-child(2),



.l-gutenberg .col02-w60 td:nth-child(2) {



  width: 60%;



}



.editor-styles-wrapper .col02-w70 td:nth-child(2),



.l-gutenberg .col02-w70 td:nth-child(2) {



  width: 70%;



}



.editor-styles-wrapper .col02-w80 td:nth-child(2),



.l-gutenberg .col02-w80 td:nth-child(2) {



  width: 80%;



}



.editor-styles-wrapper .col02-w90 td:nth-child(2),



.l-gutenberg .col02-w90 td:nth-child(2) {



  width: 90%;



}



.editor-styles-wrapper .col03-w10 td:nth-child(3),



.l-gutenberg .col03-w10 td:nth-child(3) {



  width: 10%;



}



.editor-styles-wrapper .col03-w20 td:nth-child(3),



.l-gutenberg .col03-w20 td:nth-child(3) {



  width: 20%;



}



.editor-styles-wrapper .col03-w30 td:nth-child(3),



.l-gutenberg .col03-w30 td:nth-child(3) {



  width: 30%;



}



.editor-styles-wrapper .col03-w40 td:nth-child(3),



.l-gutenberg .col03-w40 td:nth-child(3) {



  width: 40%;



}



.editor-styles-wrapper .col03-w50 td:nth-child(3),



.l-gutenberg .col03-w50 td:nth-child(3) {



  width: 50%;



}



.editor-styles-wrapper .col03-w60 td:nth-child(3),



.l-gutenberg .col03-w60 td:nth-child(3) {



  width: 60%;



}



.editor-styles-wrapper .col03-w70 td:nth-child(3),



.l-gutenberg .col03-w70 td:nth-child(3) {



  width: 70%;



}



.editor-styles-wrapper .col03-w80 td:nth-child(3),



.l-gutenberg .col03-w80 td:nth-child(3) {



  width: 80%;



}



.editor-styles-wrapper .col03-w90 td:nth-child(3),



.l-gutenberg .col03-w90 td:nth-child(3) {



  width: 90%;



}



.editor-styles-wrapper .col04-w10 td:nth-child(4),



.l-gutenberg .col04-w10 td:nth-child(4) {



  width: 10%;



}



.editor-styles-wrapper .col04-w20 td:nth-child(4),



.l-gutenberg .col04-w20 td:nth-child(4) {



  width: 20%;



}



.editor-styles-wrapper .col04-w30 td:nth-child(4),



.l-gutenberg .col04-w30 td:nth-child(4) {



  width: 30%;



}



.editor-styles-wrapper .col04-w40 td:nth-child(4),



.l-gutenberg .col04-w40 td:nth-child(4) {



  width: 40%;



}



.editor-styles-wrapper .col04-w50 td:nth-child(4),



.l-gutenberg .col04-w50 td:nth-child(4) {



  width: 50%;



}



.editor-styles-wrapper .col04-w60 td:nth-child(4),



.l-gutenberg .col04-w60 td:nth-child(4) {



  width: 60%;



}



.editor-styles-wrapper .col04-w70 td:nth-child(4),



.l-gutenberg .col04-w70 td:nth-child(4) {



  width: 70%;



}



.editor-styles-wrapper .col04-w80 td:nth-child(4),



.l-gutenberg .col04-w80 td:nth-child(4) {



  width: 80%;



}



.editor-styles-wrapper .col04-w90 td:nth-child(4),



.l-gutenberg .col04-w90 td:nth-child(4) {



  width: 90%;



}



.editor-styles-wrapper .col05-w10 td:nth-child(5),



.l-gutenberg .col05-w10 td:nth-child(5) {



  width: 10%;



}



.editor-styles-wrapper .col05-w20 td:nth-child(5),



.l-gutenberg .col05-w20 td:nth-child(5) {



  width: 20%;



}



.editor-styles-wrapper .col05-w30 td:nth-child(5),



.l-gutenberg .col05-w30 td:nth-child(5) {



  width: 30%;



}



.editor-styles-wrapper .col05-w40 td:nth-child(5),



.l-gutenberg .col05-w40 td:nth-child(5) {



  width: 40%;



}



.editor-styles-wrapper .col05-w50 td:nth-child(5),



.l-gutenberg .col05-w50 td:nth-child(5) {



  width: 50%;



}



.editor-styles-wrapper .col05-w60 td:nth-child(5),



.l-gutenberg .col05-w60 td:nth-child(5) {



  width: 60%;



}



.editor-styles-wrapper .col05-w70 td:nth-child(5),



.l-gutenberg .col05-w70 td:nth-child(5) {



  width: 70%;



}



.editor-styles-wrapper .col05-w80 td:nth-child(5),



.l-gutenberg .col05-w80 td:nth-child(5) {



  width: 80%;



}



.editor-styles-wrapper .col05-w90 td:nth-child(5),



.l-gutenberg .col05-w90 td:nth-child(5) {



  width: 90%;



}



.editor-styles-wrapper .profile,



.l-gutenberg .profile {



  gap: 0;



/*  background: url(../img/profile.png) no-repeat center center/cover;*/

background: var(--sub);

  color: var(--main-dark);



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper .profile,



  .l-gutenberg .profile {



    flex-direction: column-reverse;



  }



}



.editor-styles-wrapper .profile .job-title,



.l-gutenberg .profile .job-title {



  font-size: 2rem;



  font-weight: 600;



  padding: 0 2.4rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper .profile .job-title,



  .l-gutenberg .profile .job-title {



    padding-top: 2.4rem;



  }



}



.editor-styles-wrapper .profile .name-ja,



.l-gutenberg .profile .name-ja {



  font-size: 3.4rem;



  font-weight: 600;



  padding: 0 2.4rem;



}



.editor-styles-wrapper .profile .name-en,



.l-gutenberg .profile .name-en {



  margin-top: 2.4rem;



  padding: 0 2.4rem;



}



@media screen and (max-width: 768px) {



  .editor-styles-wrapper .profile .name-en,



  .l-gutenberg .profile .name-en {



    padding: 0 2.4rem 2.4rem 2.4rem;



  }



}







.l-bread {



  width: 100%;



  max-width: 124rem;



  margin: 0 auto;



  padding: 2rem;



}



.l-bread a {



  color: var(--main);



  transition: 0.7s;



}



.l-bread a:hover {



  opacity: 0.5;



}







.l-pageheader {



  width: 100%;



  margin-top: 8rem;



}



@media screen and (max-width: 768px) {



  .l-pageheader {



    margin-top: 0;



  }



}



.l-pageheader img {



  width: 100%;



  height: 20rem;



  object-fit: cover;



}



@media screen and (max-width: 768px) {



  .l-pageheader img {



    height: 10rem;



    object-position: top center;



  }



}







.l-pagetitle {



  width: 100%;



  margin: 0 auto;



  padding: 8rem 2rem 0 2rem;



  text-align: center;



  background: inherit;



}



@media screen and (max-width: 768px) {



  .l-pagetitle {



    margin: 4rem auto 0 auto;



    padding: 0;



  }



}



.l-pagetitle h1 {



  text-align: center;



  font-size: 3.6rem;



  font-weight: 400;



  position: relative;



  padding-bottom: 2rem;



}



.l-pagetitle h1::after {



  content: "";



  position: absolute;



  bottom: 0;



  display: inline-block;



  width: 7rem;



  height: 0.1rem;



  left: 50%;



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  background-color: var(--main-dark);



}



.l-pagetitle img {



  width: 100%;



  max-width: 124rem;



  aspect-ratio: 2/1;



  object-fit: cover;



  margin-top: 8rem;



}



@media screen and (max-width: 768px) {



  .l-pagetitle img {



    margin-top: 4rem;



  }



}







.l-pagetitle.default {



  color: var(--main);



}







.l-pagetitle.gray-light {



  color: var(--main);



}







.l-pagetitle.main-light {



  color: var(--main);



}







.l-pagetitle.main {



  color: var(--white);



}







.l-page {



  letter-spacing: 0.06em;



  line-height: 1.8;



}



.l-page section .inner > * + * {



  margin-top: 4rem;



}



.l-page strong {



  font-weight: 600;



}



.l-page .left {



  display: flex;



  justify-content: flex-start;



  flex-wrap: wrap;



  gap: 0 1.6rem;



  text-align: left;



}



.l-page .center {



  display: flex;



  justify-content: center;



  flex-wrap: wrap;



  gap: 0 1.6rem;



  text-align: center;



}



.l-page .right {



  display: flex;



  justify-content: flex-end;



  flex-wrap: wrap;



  gap: 0 1.6rem;



  text-align: right;



}



.l-page small {



  font-size: 1.3rem;



  line-height: 1.7;



  display: inline-block;



}



.l-page img {



  max-width: 90rem;



  width: 100%;



  height: auto;



  aspect-ratio: 3/2;



  object-fit: cover;



}



.l-page img.no-trim {



  aspect-ratio: auto !important;



}



.l-page .flex {



  display: flex;



  justify-content: flex-start;



  flex-wrap: wrap;



  gap: 4rem 5rem;



}



@media screen and (max-width: 768px) {



  .l-page .flex {



    gap: 1.6rem;



  }



}



.l-page .flex .col-1 {



  width: 100%;



}



.l-page .flex .col-1 > * + * {



  margin-top: 2rem;



}



@media screen and (max-width: 768px) {



  .l-page .flex .col-1 > * + * {



    margin-top: 1.6rem;



  }



}



.l-page .flex .col-1 img {



  aspect-ratio: 2/1;



}



@media screen and (max-width: 768px) {



  .l-page .flex .col-1 img {



    aspect-ratio: 3/2;



  }



}



.l-page .flex .col-2 {



  width: calc((100% - 5rem) / 2);



}



.l-page .flex .col-2 > * + * {



  margin-top: 2rem;



}



@media screen and (max-width: 768px) {



  .l-page .flex .col-2 > * + * {



    margin-top: 1.6rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page .flex .col-2 {



    width: 100%;



  }



}



.l-page .flex .col-3 {



  width: calc((100% - 10rem) / 3);



}



.l-page .flex .col-3 > * + * {



  margin-top: 2rem;



}



@media screen and (max-width: 768px) {



  .l-page .flex .col-3 > * + * {



    margin-top: 1.6rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page .flex .col-3 {



    width: 100%;



  }



}



.l-page .flex.rev {



  flex-direction: row-reverse;



}



@media screen and (max-width: 768px) {



  .l-page .table-wrap {



    overflow-x: scroll;



  }



}



.l-page section.default + section.default {



  margin-top: -8rem;



}



.l-page section.default .inner {



  width: 100%;



  max-width: 98rem;



  margin: 0 auto;



  font-size: 1.6rem;



  padding: 8rem 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default .inner {



    padding: 6rem 2rem;



  }



}



.l-page section.default h1 {



  color: var(--main);



  text-align: center;



  font-size: 3.6rem;



  font-weight: 400;



  margin-bottom: 8rem;



}



.l-page section.default h1 span {



  color: var(--main-dark);



  display: block;



  font-size: 2rem;



  font-weight: 600;



  line-height: 6rem;



  position: relative;



}



.l-page section.default h1 span::after {



  content: "";



  position: absolute;



  bottom: 0;



  display: inline-block;



  width: 7rem;



  height: 0.1rem;



  left: 50%;



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  background-color: var(--main-dark);



}



.l-page section.default h2 {



  background: var(--main-dark);



  color: var(--white);



  text-align: center;



  font-size: 2.6rem;



  font-weight: 600;



  line-height: 1.6;



  padding: 1rem 2rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default h2 {



    font-size: 2.4rem;



  }



}



.l-page section.default h2 + p,



.l-page section.default h2 + h3,



.l-page section.default h2 + h4,



.l-page section.default h2 + h5,



.l-page section.default h2 + h6,



.l-page section.default h2 + ol,



.l-page section.default h2 + ul,



.l-page section.default h2 + table,



.l-page section.default h2 + .profile {



  margin-top: 4rem !important;



}



.l-page section.default h3 {



  color: var(--main-dark);



  font-size: 2.4rem;



  font-weight: 600;



  border-bottom: 0.1rem solid var(--main);



  line-height: 1.6;



  padding: 0 0 1rem 0;



  margin-top: 4rem !important;



}



@media screen and (max-width: 768px) {



  .l-page section.default h3 {



    font-size: 2rem;



  }



}



.l-page section.default h4 {



  background: var(--main-light);



  color: var(--main);



  font-size: 1.8rem;



  font-weight: 600;



  padding: 0.8rem 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default h4 {



    font-size: 1.6rem;



  }



}



.l-page section.default h5 {



  color: var(--main);



  font-size: 1.6rem;



  font-weight: 600;



  margin-bottom: -0.8rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default h5 {



    font-size: 1.4rem;



  }



}



.l-page section.default h5::before {



  content: "●";



  padding: 0 0.5em 0 0;



}



.l-page section.default h6 {



  color: var(--main);



  font-size: 1.3rem;



  font-weight: 600;



  margin-bottom: -1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default h6 {



    font-size: 1.2rem;



  }



}



.l-page section.default .flowTtl {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



}



.l-page section.default .flowTtl span {



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--main);



  color: var(--white);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.default ol.number {



  counter-reset: list;



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.default ol.number li {



  position: relative;



  margin: 0;



  padding: 0.9rem 0 0.9rem 6.6rem;



}



.l-page section.default ol.number li::before {



  counter-increment: list;



  content: counter(list);



  color: var(--main-dark);



  background: var(--main-light);



  font-size: 2rem;



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  height: 5rem;



  line-height: 5rem;



  text-align: center;



}



.l-page section.default ol.number li span {



  display: block;



  font-weight: 600;



}



.l-page section.default ol.number li + li {



  margin-top: 2.4rem;



}



.l-page section.default ol.flow {



  counter-reset: list;



}



.l-page section.default ol.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default ol.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.default ol.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.default ol.flow li div {



    width: 100%;



  }



}



.l-page section.default ol.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.default ol.flow li div span::before {



  counter-increment: list;



  content: counter(list);



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--main);



  color: var(--white);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.default ol.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.default ol.flow li div.full {



  width: 100%;



}



.l-page section.default ol.flow li div.full > * + * {



  margin-top: 2rem;



}



.l-page section.default ol.flow li:not(:nth-child(1)),



.l-page section.default ol.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.default ul.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default ul.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.default ul.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.default ul.flow li div {



    width: 100%;



  }



}



.l-page section.default ul.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.default ul.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.default ul.flow li:not(:nth-child(1)),



.l-page section.default ul.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.default ul.circle {



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.default ul.circle li {



  position: relative;



  margin: 0;



  padding: 0 0 0 5rem;



}



.l-page section.default ul.circle li::before {



  content: "●";



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  text-align: center;



  color: var(--main-dark);



}



.l-page section.default ul.circle li span {



  display: block;



  font-weight: 600;



}



.l-page section.default ul.circle li + li {



  margin-top: 2.4rem;



}



.l-page section.default ul.check {



  list-style-type: none;



}



.l-page section.default ul.check li {



  position: relative;



  padding: 0 0 0 5rem;



}



.l-page section.default ul.check li::after {



  content: "";



  display: block;



  position: absolute;



  top: 0.5em;



  left: 1.5rem;



  width: 2rem;



  text-align: center;



  height: 1rem;



  border-left: 0.3rem solid var(--main-dark);



  border-bottom: 0.3rem solid var(--main-dark);



  transform: rotate(-45deg);



}



.l-page section.default ul.check li + li {



  margin-top: 2.4rem;



}



.l-page section.default dl {



  display: flex;



  justify-content: flex-start;



  flex-wrap: wrap;



  padding: 0;



  width: 100%;



  gap: 1.6rem;



}



.l-page section.default dl dt {



  width: 10rem;



  font-weight: 600;



}



.l-page section.default dl dd {



  width: calc(100% - 11.6rem);



}



.l-page section.default table.border--none {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border-top: 0.1rem solid var(--gray);



}



.l-page section.default table.border--none th,



.l-page section.default table.border--none td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border--none th,



  .l-page section.default table.border--none td {



    padding: 2rem;



  }



}



.l-page section.default table.border--none th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border--none th {



    width: 100% !important;



    display: block;



    border-bottom: 0.1rem dashed var(--gray);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border--none td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.default table.border--none th.w10,



.l-page section.default table.border--none td.w10 {



  width: 10%;



}



.l-page section.default table.border--none th.w20,



.l-page section.default table.border--none td.w20 {



  width: 20%;



}



.l-page section.default table.border--none th.w30,



.l-page section.default table.border--none td.w30 {



  width: 30%;



}



.l-page section.default table.border--none th.w40,



.l-page section.default table.border--none td.w40 {



  width: 40%;



}



.l-page section.default table.border--none th.w50,



.l-page section.default table.border--none td.w50 {



  width: 50%;



}



.l-page section.default table.border--none th.w60,



.l-page section.default table.border--none td.w60 {



  width: 60%;



}



.l-page section.default table.border--none th.w70,



.l-page section.default table.border--none td.w70 {



  width: 70%;



}



.l-page section.default table.border--none th.w80,



.l-page section.default table.border--none td.w80 {



  width: 80%;



}



.l-page section.default table.border--none th.w90,



.l-page section.default table.border--none td.w90 {



  width: 90%;



}



.l-page section.default table.border--none th.main,



.l-page section.default table.border--none td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.default table.border--none th.main-light,



.l-page section.default table.border--none td.main-light {



  background: var(--main-light);



}



.l-page section.default table.border--none th.gray-light,



.l-page section.default table.border--none td.gray-light {



  background: var(--gray-light);



}



.l-page section.default table.border {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border: 0.1rem solid var(--gray);



}



.l-page section.default table.border th,



.l-page section.default table.border td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border th,



  .l-page section.default table.border td {



    padding: 2rem;



  }



}



.l-page section.default table.border th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



  border-right: 0.1rem solid var(--gray);



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border th {



    width: 100% !important;



    display: block;



    border-right: none;



    border-bottom: 0.1rem dashed var(--gray);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.default table.border th.w10,



.l-page section.default table.border td.w10 {



  width: 10%;



}



.l-page section.default table.border th.w20,



.l-page section.default table.border td.w20 {



  width: 20%;



}



.l-page section.default table.border th.w30,



.l-page section.default table.border td.w30 {



  width: 30%;



}



.l-page section.default table.border th.w40,



.l-page section.default table.border td.w40 {



  width: 40%;



}



.l-page section.default table.border th.w50,



.l-page section.default table.border td.w50 {



  width: 50%;



}



.l-page section.default table.border th.w60,



.l-page section.default table.border td.w60 {



  width: 60%;



}



.l-page section.default table.border th.w70,



.l-page section.default table.border td.w70 {



  width: 70%;



}



.l-page section.default table.border th.w80,



.l-page section.default table.border td.w80 {



  width: 80%;



}



.l-page section.default table.border th.w90,



.l-page section.default table.border td.w90 {



  width: 90%;



}



.l-page section.default table.border th.main,



.l-page section.default table.border td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.default table.border th.main-light,



.l-page section.default table.border td.main-light {



  background: var(--main-light);



}



.l-page section.default table.border th.gray-light,



.l-page section.default table.border td.gray-light {



  background: var(--gray-light);



}



.l-page section.default table.border--plane {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border-top: 0.1rem solid var(--gray);



  border-left: 0.1rem solid var(--gray);



}



.l-page section.default table.border--plane th,



.l-page section.default table.border--plane td {



  vertical-align: middle;



  border-right: 0.1rem solid var(--gray);



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



.l-page section.default table.border--plane th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



  border-right: 0.1rem solid var(--gray);



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border--plane th {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.default table.border--plane td {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



.l-page section.default table.border--plane th.w10,



.l-page section.default table.border--plane td.w10 {



  width: 10%;



}



.l-page section.default table.border--plane th.w20,



.l-page section.default table.border--plane td.w20 {



  width: 20%;



}



.l-page section.default table.border--plane th.w30,



.l-page section.default table.border--plane td.w30 {



  width: 30%;



}



.l-page section.default table.border--plane th.w40,



.l-page section.default table.border--plane td.w40 {



  width: 40%;



}



.l-page section.default table.border--plane th.w50,



.l-page section.default table.border--plane td.w50 {



  width: 50%;



}



.l-page section.default table.border--plane th.w60,



.l-page section.default table.border--plane td.w60 {



  width: 60%;



}



.l-page section.default table.border--plane th.w70,



.l-page section.default table.border--plane td.w70 {



  width: 70%;



}



.l-page section.default table.border--plane th.w80,



.l-page section.default table.border--plane td.w80 {



  width: 80%;



}



.l-page section.default table.border--plane th.w90,



.l-page section.default table.border--plane td.w90 {



  width: 90%;



}



.l-page section.default table.border--plane th.main,



.l-page section.default table.border--plane td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.default table.border--plane th.main-light,



.l-page section.default table.border--plane td.main-light {



  background: var(--main-light);



}



.l-page section.default table.border--plane th.gray-light,



.l-page section.default table.border--plane td.gray-light {



  background: var(--gray-light);



}



@media screen and (max-width: 768px) {



  .l-page section.default table.scroll {



    min-width: 90rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.default table.scroll th {



    width: auto !important;



    display: table-cell !important;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.default table.scroll td {



    width: auto !important;



    display: table-cell !important;



  }



}



.l-page section.default .profile {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  flex-direction: row-reverse;



}



.l-page section.default .profile .profileTxt {



  width: calc((100% - 0.2rem) / 2);



  height: auto;



  background: url(../img/profile.png) no-repeat center center/cover;



  display: flex;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  padding: 3.2rem;



  line-height: 1.6;



}



@media screen and (max-width: 768px) {



  .l-page section.default .profile .profileTxt {



    width: 100%;



    margin-top: 0.2rem;



  }



}



.l-page section.default .profile .profileTxt p:nth-child(1) {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.default .profile .profileTxt p:nth-child(2) {



  font-size: 3.4rem;



  font-weight: 600;



}



.l-page section.default .profile .profileTxt p:nth-child(3) {



  color: var(--main-dark);



  margin-top: 2.4rem;



}



.l-page section.default .profile .profileImg {



  width: calc((100% - 0.2rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.default .profile .profileImg {



    width: 100%;



  }



}



.l-page section.default .price {



  display: flex;



  flex-wrap: wrap;



  gap: 0 3rem;



  border-top: 0.1rem solid var(--gray);



  border-bottom: 0.1rem solid var(--gray);



}



.l-page section.default .price__left {



  width: 24%;



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.default .price__left {



    width: 100%;



    padding: 2rem 0;



    text-align: center;



  }



}



.l-page section.default .price__left img {



  aspect-ratio: 3/2;



  object-fit: cover;



}



@media screen and (max-width: 768px) {



  .l-page section.default .price__left img {



    width: 60%;



  }



}



.l-page section.default .price__center {



  width: calc(52% - 6rem);



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.default .price__center {



    width: 100%;



    padding: 0 0 2rem 0;



  }



}



.l-page section.default .price__right {



  width: 24%;



  background: var(--gray-light);



  display: flex;



  align-items: center;



  flex-direction: column;



}



@media screen and (max-width: 768px) {



  .l-page section.default .price__right {



    width: 100%;



  }



}



.l-page section.default .price__product {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



  margin-bottom: 1rem;



}



.l-page section.default .price__row1 {



  width: 100%;



  height: 100%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.default .price__row2 {



  width: 100%;



  height: 50%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.default .price__row2:nth-child(2) {



  border-top: 0.2rem solid var(--white);



}



.l-page section.default .price__row3 {



  width: 100%;



  height: 33.3333333333%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.default .price__row3:nth-child(2), .l-page section.default .price__row3:nth-child(3) {



  border-top: 0.2rem solid var(--white);



}



.l-page section.default .price__num {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.default .price + .price {



  margin-top: -0.1rem;



}



.l-page section.gray-light + section.gray-light {



  margin-top: -8rem;



}



.l-page section.gray-light {



  background: var(--gray-light);



}



.l-page section.gray-light .inner {



  width: 100%;



  max-width: 98rem;



  margin: 0 auto;



  font-size: 1.6rem;



  padding: 8rem 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light .inner {



    padding: 6rem 2rem;



  }



}



.l-page section.gray-light h1 {



  color: var(--main);



  text-align: center;



  font-size: 3.6rem;



  font-weight: 400;



  margin-bottom: 8rem;



}



.l-page section.gray-light h1 span {



  color: var(--main-dark);



  display: block;



  font-size: 2rem;



  font-weight: 600;



  line-height: 6rem;



  position: relative;



}



.l-page section.gray-light h1 span::after {



  content: "";



  position: absolute;



  bottom: 0;



  display: inline-block;



  width: 7rem;



  height: 0.1rem;



  left: 50%;



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  background-color: var(--main-dark);



}



.l-page section.gray-light h2 {



  background: var(--main-dark);



  color: var(--white);



  text-align: center;



  font-size: 3rem;



  font-weight: 400;



  line-height: 1.6;



  padding: 1rem 2rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light h2 {



    font-size: 2.4rem;



  }



}



.l-page section.gray-light h2 + p,



.l-page section.gray-light h2 + h3,



.l-page section.gray-light h2 + h4,



.l-page section.gray-light h2 + h5,



.l-page section.gray-light h2 + h6,



.l-page section.gray-light h2 + ol,



.l-page section.gray-light h2 + ul,



.l-page section.gray-light h2 + table,



.l-page section.gray-light h2 + .profile {



  margin-top: 4rem !important;



}



.l-page section.gray-light h3 {



  color: var(--main-dark);



  font-size: 2.4rem;



  font-weight: 600;



  border-bottom: 0.1rem solid var(--main);



  line-height: 1.6;



  padding: 0 0 1rem 0;



  margin-top: 4rem !important;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light h3 {



    font-size: 2rem;



  }



}



.l-page section.gray-light h4 {



  background: var(--main-light);



  color: var(--main);



  font-size: 1.8rem;



  font-weight: 600;



  padding: 0.8rem 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light h4 {



    font-size: 1.6rem;



  }



}



.l-page section.gray-light h5 {



  color: var(--main);



  font-size: 1.6rem;



  font-weight: 600;



  margin-bottom: -0.8rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light h5 {



    font-size: 1.4rem;



  }



}



.l-page section.gray-light h5::before {



  content: "●";



  padding: 0 0.5em 0 0;



}



.l-page section.gray-light h6 {



  color: var(--main);



  font-size: 1.3rem;



  font-weight: 600;



  margin-bottom: -1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light h6 {



    font-size: 1.2rem;



  }



}



.l-page section.gray-light .flowTtl {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



}



.l-page section.gray-light .flowTtl span {



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--main);



  color: var(--white);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.gray-light ol.number {



  counter-reset: list;



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.gray-light ol.number li {



  position: relative;



  margin: 0;



  padding: 0.9rem 0 0.9rem 6.6rem;



}



.l-page section.gray-light ol.number li::before {



  counter-increment: list;



  content: counter(list);



  color: var(--white);



  background: var(--main);



  font-size: 2rem;



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  height: 5rem;



  line-height: 5rem;



  text-align: center;



}



.l-page section.gray-light ol.number li span {



  display: block;



  font-weight: 600;



}



.l-page section.gray-light ol.number li + li {



  margin-top: 2.4rem;



}



.l-page section.gray-light ol.flow {



  counter-reset: list;



}



.l-page section.gray-light ol.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light ol.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.gray-light ol.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light ol.flow li div {



    width: 100%;



  }



}



.l-page section.gray-light ol.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.gray-light ol.flow li div span::before {



  counter-increment: list;



  content: counter(list);



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--main);



  color: var(--white);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.gray-light ol.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.gray-light ol.flow li div.full {



  width: 100%;



}



.l-page section.gray-light ol.flow li div.full > * + * {



  margin-top: 2rem;



}



.l-page section.gray-light ol.flow li:not(:nth-child(1)),



.l-page section.gray-light ol.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.gray-light ul.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light ul.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.gray-light ul.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light ul.flow li div {



    width: 100%;



  }



}



.l-page section.gray-light ul.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.gray-light ul.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.gray-light ul.flow li:not(:nth-child(1)),



.l-page section.gray-light ul.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.gray-light ul.circle {



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.gray-light ul.circle li {



  position: relative;



  margin: 0;



  padding: 0 0 0 5rem;



}



.l-page section.gray-light ul.circle li::before {



  content: "●";



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  text-align: center;



  color: var(--main-dark);



}



.l-page section.gray-light ul.circle li span {



  display: block;



  font-weight: 600;



}



.l-page section.gray-light ul.circle li + li {



  margin-top: 2.4rem;



}



.l-page section.gray-light ul.check {



  list-style-type: none;



}



.l-page section.gray-light ul.check li {



  position: relative;



  padding: 0 0 0 5rem;



}



.l-page section.gray-light ul.check li::after {



  content: "";



  display: block;



  position: absolute;



  top: 0.5em;



  left: 1.5rem;



  width: 2rem;



  text-align: center;



  height: 1rem;



  border-left: 0.3rem solid var(--main-dark);



  border-bottom: 0.3rem solid var(--main-dark);



  transform: rotate(-45deg);



}



.l-page section.gray-light ul.check li + li {



  margin-top: 2.4rem;



}



.l-page section.gray-light dl {



  display: flex;



  justify-content: flex-start;



  flex-wrap: wrap;



  padding: 0;



  width: 100%;



  gap: 1.6rem;



}



.l-page section.gray-light dl dt {



  width: 10rem;



  font-weight: 600;



}



.l-page section.gray-light dl dd {



  width: calc(100% - 11.6rem);



}



.l-page section.gray-light table.border--none {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border-top: 0.1rem solid var(--gray);



}



.l-page section.gray-light table.border--none th,



.l-page section.gray-light table.border--none td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border--none th,



  .l-page section.gray-light table.border--none td {



    padding: 2rem;



  }



}



.l-page section.gray-light table.border--none th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border--none th {



    width: 100% !important;



    display: block;



    border-bottom: 0.1rem dashed var(--gray);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border--none td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.gray-light table.border--none th.w10,



.l-page section.gray-light table.border--none td.w10 {



  width: 10%;



}



.l-page section.gray-light table.border--none th.w20,



.l-page section.gray-light table.border--none td.w20 {



  width: 20%;



}



.l-page section.gray-light table.border--none th.w30,



.l-page section.gray-light table.border--none td.w30 {



  width: 30%;



}



.l-page section.gray-light table.border--none th.w40,



.l-page section.gray-light table.border--none td.w40 {



  width: 40%;



}



.l-page section.gray-light table.border--none th.w50,



.l-page section.gray-light table.border--none td.w50 {



  width: 50%;



}



.l-page section.gray-light table.border--none th.w60,



.l-page section.gray-light table.border--none td.w60 {



  width: 60%;



}



.l-page section.gray-light table.border--none th.w70,



.l-page section.gray-light table.border--none td.w70 {



  width: 70%;



}



.l-page section.gray-light table.border--none th.w80,



.l-page section.gray-light table.border--none td.w80 {



  width: 80%;



}



.l-page section.gray-light table.border--none th.w90,



.l-page section.gray-light table.border--none td.w90 {



  width: 90%;



}



.l-page section.gray-light table.border--none th.main,



.l-page section.gray-light table.border--none td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.gray-light table.border--none th.main-light,



.l-page section.gray-light table.border--none td.main-light {



  background: var(--main-light);



}



.l-page section.gray-light table.border--none th.gray-light,



.l-page section.gray-light table.border--none td.gray-light {



  background: var(--gray-light);



}



.l-page section.gray-light table.border {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border: 0.1rem solid var(--gray);



}



.l-page section.gray-light table.border th,



.l-page section.gray-light table.border td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border th,



  .l-page section.gray-light table.border td {



    padding: 2rem;



  }



}



.l-page section.gray-light table.border th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



  border-right: 0.1rem solid var(--gray);



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border th {



    width: 100% !important;



    display: block;



    border-right: none;



    border-bottom: 0.1rem dashed var(--gray);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.gray-light table.border th.w10,



.l-page section.gray-light table.border td.w10 {



  width: 10%;



}



.l-page section.gray-light table.border th.w20,



.l-page section.gray-light table.border td.w20 {



  width: 20%;



}



.l-page section.gray-light table.border th.w30,



.l-page section.gray-light table.border td.w30 {



  width: 30%;



}



.l-page section.gray-light table.border th.w40,



.l-page section.gray-light table.border td.w40 {



  width: 40%;



}



.l-page section.gray-light table.border th.w50,



.l-page section.gray-light table.border td.w50 {



  width: 50%;



}



.l-page section.gray-light table.border th.w60,



.l-page section.gray-light table.border td.w60 {



  width: 60%;



}



.l-page section.gray-light table.border th.w70,



.l-page section.gray-light table.border td.w70 {



  width: 70%;



}



.l-page section.gray-light table.border th.w80,



.l-page section.gray-light table.border td.w80 {



  width: 80%;



}



.l-page section.gray-light table.border th.w90,



.l-page section.gray-light table.border td.w90 {



  width: 90%;



}



.l-page section.gray-light table.border th.main,



.l-page section.gray-light table.border td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.gray-light table.border th.main-light,



.l-page section.gray-light table.border td.main-light {



  background: var(--main-light);



}



.l-page section.gray-light table.border th.gray-light,



.l-page section.gray-light table.border td.gray-light {



  background: var(--gray-light);



}



.l-page section.gray-light table.border--plane {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border: 0.1rem solid var(--gray);



}



.l-page section.gray-light table.border--plane th,



.l-page section.gray-light table.border--plane td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



.l-page section.gray-light table.border--plane th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



  border-right: 0.1rem solid var(--gray);



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border--plane th {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.border--plane td {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



.l-page section.gray-light table.border--plane th.w10,



.l-page section.gray-light table.border--plane td.w10 {



  width: 10%;



}



.l-page section.gray-light table.border--plane th.w20,



.l-page section.gray-light table.border--plane td.w20 {



  width: 20%;



}



.l-page section.gray-light table.border--plane th.w30,



.l-page section.gray-light table.border--plane td.w30 {



  width: 30%;



}



.l-page section.gray-light table.border--plane th.w40,



.l-page section.gray-light table.border--plane td.w40 {



  width: 40%;



}



.l-page section.gray-light table.border--plane th.w50,



.l-page section.gray-light table.border--plane td.w50 {



  width: 50%;



}



.l-page section.gray-light table.border--plane th.w60,



.l-page section.gray-light table.border--plane td.w60 {



  width: 60%;



}



.l-page section.gray-light table.border--plane th.w70,



.l-page section.gray-light table.border--plane td.w70 {



  width: 70%;



}



.l-page section.gray-light table.border--plane th.w80,



.l-page section.gray-light table.border--plane td.w80 {



  width: 80%;



}



.l-page section.gray-light table.border--plane th.w90,



.l-page section.gray-light table.border--plane td.w90 {



  width: 90%;



}



.l-page section.gray-light table.border--plane th.main,



.l-page section.gray-light table.border--plane td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.gray-light table.border--plane th.main-light,



.l-page section.gray-light table.border--plane td.main-light {



  background: var(--main-light);



}



.l-page section.gray-light table.border--plane th.gray-light,



.l-page section.gray-light table.border--plane td.gray-light {



  background: var(--gray-light);



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.scroll {



    min-width: 90rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.scroll th {



    width: auto !important;



    display: table-cell !important;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light table.scroll td {



    width: auto !important;



    display: table-cell !important;



  }



}



.l-page section.gray-light .profile {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  flex-direction: row-reverse;



}



.l-page section.gray-light .profile .profileTxt {



  width: calc((100% - 0.2rem) / 2);



  height: auto;



  background: url(../img/profile.png) no-repeat center center/cover;



  display: flex;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  padding: 3.2rem;



  line-height: 1.6;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light .profile .profileTxt {



    width: 100%;



    margin-top: 0.2rem;



  }



}



.l-page section.gray-light .profile .profileTxt p:nth-child(1) {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.gray-light .profile .profileTxt p:nth-child(2) {



  font-size: 3.4rem;



  font-weight: 600;



}



.l-page section.gray-light .profile .profileTxt p:nth-child(3) {



  color: var(--main-dark);



  margin-top: 2.4rem;



}



.l-page section.gray-light .profile .profileImg {



  width: calc((100% - 0.2rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light .profile .profileImg {



    width: 100%;



  }



}



.l-page section.gray-light .price {



  display: flex;



  flex-wrap: wrap;



  gap: 0 3rem;



  border-top: 0.1rem solid var(--gray);



  border-bottom: 0.1rem solid var(--gray);



}



.l-page section.gray-light .price__left {



  width: 24%;



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light .price__left {



    width: 100%;



    padding: 2rem 0;



    text-align: center;



  }



}



.l-page section.gray-light .price__left img {



  aspect-ratio: 3/2;



  object-fit: cover;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light .price__left img {



    width: 60%;



  }



}



.l-page section.gray-light .price__center {



  width: calc(52% - 6rem);



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light .price__center {



    width: 100%;



    padding: 0 0 2rem 0;



  }



}



.l-page section.gray-light .price__right {



  width: 24%;



  background: var(--white);



  display: flex;



  align-items: center;



  flex-direction: column;



}



@media screen and (max-width: 768px) {



  .l-page section.gray-light .price__right {



    width: 100%;



  }



}



.l-page section.gray-light .price__product {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



  margin-bottom: 1rem;



}



.l-page section.gray-light .price__row1 {



  width: 100%;



  height: 100%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.gray-light .price__row2 {



  width: 100%;



  height: 50%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.gray-light .price__row2:nth-child(2) {



  border-top: 0.2rem solid var(--gray-light);



}



.l-page section.gray-light .price__row3 {



  width: 100%;



  height: 33.3333333333%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.gray-light .price__row3:nth-child(2), .l-page section.gray-light .price__row3:nth-child(3) {



  border-top: 0.2rem solid var(--gray-light);



}



.l-page section.gray-light .price__num {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.gray-light .price + .price {



  margin-top: -0.1rem;



}



.l-page section.main-light + section.main-light {



  margin-top: -8rem;



}



.l-page section.main-light {



  background: var(--main-light);



}



.l-page section.main-light .inner {



  width: 100%;



  max-width: 98rem;



  margin: 0 auto;



  font-size: 1.6rem;



  padding: 8rem 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light .inner {



    padding: 6rem 2rem;



  }



}



.l-page section.main-light h1 {



  color: var(--main);



  text-align: center;



  font-size: 3.6rem;



  font-weight: 400;



  margin-bottom: 8rem;



}



.l-page section.main-light h1 span {



  color: var(--main-dark);



  display: block;



  font-size: 2rem;



  font-weight: 600;



  line-height: 6rem;



  position: relative;



}



.l-page section.main-light h1 span::after {



  content: "";



  position: absolute;



  bottom: 0;



  display: inline-block;



  width: 7rem;



  height: 0.1rem;



  left: 50%;



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  background-color: var(--main-dark);



}



.l-page section.main-light h2 {



  background: var(--main-dark);



  color: var(--white);



  text-align: center;



  font-size: 3rem;



  font-weight: 400;



  line-height: 1.6;



  padding: 1rem 2rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light h2 {



    font-size: 2.4rem;



  }



}



.l-page section.main-light h2 + p,



.l-page section.main-light h2 + h3,



.l-page section.main-light h2 + h4,



.l-page section.main-light h2 + h5,



.l-page section.main-light h2 + h6,



.l-page section.main-light h2 + ol,



.l-page section.main-light h2 + ul,



.l-page section.main-light h2 + table,



.l-page section.main-light h2 + .profile {



  margin-top: 4rem !important;



}



.l-page section.main-light h3 {



  color: var(--main-dark);



  font-size: 2.4rem;



  font-weight: 600;



  border-bottom: 0.1rem solid var(--main);



  line-height: 1.6;



  padding: 0 0 1rem 0;



  margin-top: 4rem !important;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light h3 {



    font-size: 2rem;



  }



}



.l-page section.main-light h4 {



  background: var(--white);



  color: var(--main);



  font-size: 1.8rem;



  font-weight: 600;



  padding: 0.8rem 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light h4 {



    font-size: 1.6rem;



  }



}



.l-page section.main-light h5 {



  color: var(--main);



  font-size: 1.6rem;



  font-weight: 600;



  margin-bottom: -0.8rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light h5 {



    font-size: 1.4rem;



  }



}



.l-page section.main-light h5::before {



  content: "●";



  padding: 0 0.5em 0 0;



}



.l-page section.main-light h6 {



  color: var(--main);



  font-size: 1.3rem;



  font-weight: 600;



  margin-bottom: -1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light h6 {



    font-size: 1.2rem;



  }



}



.l-page section.main-light .flowTtl {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



}



.l-page section.main-light .flowTtl span {



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--main);



  color: var(--white);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.main-light ol.number {



  counter-reset: list;



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.main-light ol.number li {



  position: relative;



  margin: 0;



  padding: 0.9rem 0 0.9rem 6.6rem;



}



.l-page section.main-light ol.number li::before {



  counter-increment: list;



  content: counter(list);



  color: var(--white);



  background: var(--main);



  font-size: 2rem;



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  height: 5rem;



  line-height: 5rem;



  text-align: center;



}



.l-page section.main-light ol.number li span {



  display: block;



  font-weight: 600;



}



.l-page section.main-light ol.number li + li {



  margin-top: 2.4rem;



}



.l-page section.main-light ol.flow {



  counter-reset: list;



}



.l-page section.main-light ol.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light ol.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.main-light ol.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.main-light ol.flow li div {



    width: 100%;



  }



}



.l-page section.main-light ol.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.main-light ol.flow li div span::before {



  counter-increment: list;



  content: counter(list);



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--main);



  color: var(--white);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.main-light ol.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.main-light ol.flow li div.full {



  width: 100%;



}



.l-page section.main-light ol.flow li div.full > * + * {



  margin-top: 2rem;



}



.l-page section.main-light ol.flow li:not(:nth-child(1)),



.l-page section.main-light ol.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.main-light ul.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light ul.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.main-light ul.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.main-light ul.flow li div {



    width: 100%;



  }



}



.l-page section.main-light ul.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.main-light ul.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.main-light ul.flow li:not(:nth-child(1)),



.l-page section.main-light ul.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.main-light ul.circle {



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.main-light ul.circle li {



  position: relative;



  margin: 0;



  padding: 0 0 0 5rem;



}



.l-page section.main-light ul.circle li::before {



  content: "●";



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  text-align: center;



  color: var(--main-dark);



}



.l-page section.main-light ul.circle li span {



  display: block;



  font-weight: 600;



}



.l-page section.main-light ul.circle li + li {



  margin-top: 2.4rem;



}



.l-page section.main-light ul.check {



  list-style-type: none;



}



.l-page section.main-light ul.check li {



  position: relative;



  padding: 0 0 0 5rem;



}



.l-page section.main-light ul.check li::after {



  content: "";



  display: block;



  position: absolute;



  top: 0.5em;



  left: 1.5rem;



  width: 2rem;



  text-align: center;



  height: 1rem;



  border-left: 0.3rem solid var(--main-dark);



  border-bottom: 0.3rem solid var(--main-dark);



  transform: rotate(-45deg);



}



.l-page section.main-light ul.check li + li {



  margin-top: 2.4rem;



}



.l-page section.main-light dl {



  display: flex;



  justify-content: flex-start;



  flex-wrap: wrap;



  padding: 0;



  width: 100%;



  gap: 1.6rem;



}



.l-page section.main-light dl dt {



  width: 10rem;



  font-weight: 600;



}



.l-page section.main-light dl dd {



  width: calc(100% - 11.6rem);



}



.l-page section.main-light table.border--none {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border-top: 0.1rem solid var(--gray);



}



.l-page section.main-light table.border--none th,



.l-page section.main-light table.border--none td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border--none th,



  .l-page section.main-light table.border--none td {



    padding: 2rem;



  }



}



.l-page section.main-light table.border--none th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border--none th {



    width: 100% !important;



    display: block;



    border-bottom: 0.1rem dashed var(--gray);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border--none td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.main-light table.border--none th.w10,



.l-page section.main-light table.border--none td.w10 {



  width: 10%;



}



.l-page section.main-light table.border--none th.w20,



.l-page section.main-light table.border--none td.w20 {



  width: 20%;



}



.l-page section.main-light table.border--none th.w30,



.l-page section.main-light table.border--none td.w30 {



  width: 30%;



}



.l-page section.main-light table.border--none th.w40,



.l-page section.main-light table.border--none td.w40 {



  width: 40%;



}



.l-page section.main-light table.border--none th.w50,



.l-page section.main-light table.border--none td.w50 {



  width: 50%;



}



.l-page section.main-light table.border--none th.w60,



.l-page section.main-light table.border--none td.w60 {



  width: 60%;



}



.l-page section.main-light table.border--none th.w70,



.l-page section.main-light table.border--none td.w70 {



  width: 70%;



}



.l-page section.main-light table.border--none th.w80,



.l-page section.main-light table.border--none td.w80 {



  width: 80%;



}



.l-page section.main-light table.border--none th.w90,



.l-page section.main-light table.border--none td.w90 {



  width: 90%;



}



.l-page section.main-light table.border--none th.main,



.l-page section.main-light table.border--none td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.main-light table.border--none th.main-light,



.l-page section.main-light table.border--none td.main-light {



  background: var(--main-light);



}



.l-page section.main-light table.border--none th.gray-light,



.l-page section.main-light table.border--none td.gray-light {



  background: var(--gray-light);



}



.l-page section.main-light table.border {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border: 0.1rem solid var(--gray);



}



.l-page section.main-light table.border th,



.l-page section.main-light table.border td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border th,



  .l-page section.main-light table.border td {



    padding: 2rem;



  }



}



.l-page section.main-light table.border th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



  border-right: 0.1rem solid var(--gray);



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border th {



    width: 100% !important;



    display: block;



    border-right: none;



    border-bottom: 0.1rem dashed var(--gray);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.main-light table.border th.w10,



.l-page section.main-light table.border td.w10 {



  width: 10%;



}



.l-page section.main-light table.border th.w20,



.l-page section.main-light table.border td.w20 {



  width: 20%;



}



.l-page section.main-light table.border th.w30,



.l-page section.main-light table.border td.w30 {



  width: 30%;



}



.l-page section.main-light table.border th.w40,



.l-page section.main-light table.border td.w40 {



  width: 40%;



}



.l-page section.main-light table.border th.w50,



.l-page section.main-light table.border td.w50 {



  width: 50%;



}



.l-page section.main-light table.border th.w60,



.l-page section.main-light table.border td.w60 {



  width: 60%;



}



.l-page section.main-light table.border th.w70,



.l-page section.main-light table.border td.w70 {



  width: 70%;



}



.l-page section.main-light table.border th.w80,



.l-page section.main-light table.border td.w80 {



  width: 80%;



}



.l-page section.main-light table.border th.w90,



.l-page section.main-light table.border td.w90 {



  width: 90%;



}



.l-page section.main-light table.border th.main,



.l-page section.main-light table.border td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.main-light table.border th.main-light,



.l-page section.main-light table.border td.main-light {



  background: var(--main-light);



}



.l-page section.main-light table.border th.gray-light,



.l-page section.main-light table.border td.gray-light {



  background: var(--gray-light);



}



.l-page section.main-light table.border--plane {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border: 0.1rem solid var(--gray);



}



.l-page section.main-light table.border--plane th,



.l-page section.main-light table.border--plane td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--gray);



  padding: 2.4rem;



}



.l-page section.main-light table.border--plane th {



  text-align: left;



  color: var(--main-dark);



  font-weight: 600;



  border-right: 0.1rem solid var(--gray);



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border--plane th {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.border--plane td {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



.l-page section.main-light table.border--plane th.w10,



.l-page section.main-light table.border--plane td.w10 {



  width: 10%;



}



.l-page section.main-light table.border--plane th.w20,



.l-page section.main-light table.border--plane td.w20 {



  width: 20%;



}



.l-page section.main-light table.border--plane th.w30,



.l-page section.main-light table.border--plane td.w30 {



  width: 30%;



}



.l-page section.main-light table.border--plane th.w40,



.l-page section.main-light table.border--plane td.w40 {



  width: 40%;



}



.l-page section.main-light table.border--plane th.w50,



.l-page section.main-light table.border--plane td.w50 {



  width: 50%;



}



.l-page section.main-light table.border--plane th.w60,



.l-page section.main-light table.border--plane td.w60 {



  width: 60%;



}



.l-page section.main-light table.border--plane th.w70,



.l-page section.main-light table.border--plane td.w70 {



  width: 70%;



}



.l-page section.main-light table.border--plane th.w80,



.l-page section.main-light table.border--plane td.w80 {



  width: 80%;



}



.l-page section.main-light table.border--plane th.w90,



.l-page section.main-light table.border--plane td.w90 {



  width: 90%;



}



.l-page section.main-light table.border--plane th.main,



.l-page section.main-light table.border--plane td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.main-light table.border--plane th.main-light,



.l-page section.main-light table.border--plane td.main-light {



  background: var(--main-light);



}



.l-page section.main-light table.border--plane th.gray-light,



.l-page section.main-light table.border--plane td.gray-light {



  background: var(--gray-light);



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.scroll {



    min-width: 90rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.scroll th {



    width: auto !important;



    display: table-cell !important;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main-light table.scroll td {



    width: auto !important;



    display: table-cell !important;



  }



}



.l-page section.main-light .profile {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  flex-direction: row-reverse;



}



.l-page section.main-light .profile .profileTxt {



  width: calc((100% - 0.2rem) / 2);



  height: auto;



  background: url(../img/profile.png) no-repeat center center/cover;



  display: flex;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  padding: 3.2rem;



  line-height: 1.6;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light .profile .profileTxt {



    width: 100%;



    margin-top: 0.2rem;



  }



}



.l-page section.main-light .profile .profileTxt p:nth-child(1) {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.main-light .profile .profileTxt p:nth-child(2) {



  font-size: 3.4rem;



  font-weight: 600;



}



.l-page section.main-light .profile .profileTxt p:nth-child(3) {



  color: var(--main-dark);



  margin-top: 2.4rem;



}



.l-page section.main-light .profile .profileImg {



  width: calc((100% - 0.2rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.main-light .profile .profileImg {



    width: 100%;



  }



}



.l-page section.main-light .price {



  display: flex;



  flex-wrap: wrap;



  gap: 0 3rem;



  border-top: 0.1rem solid var(--gray);



  border-bottom: 0.1rem solid var(--gray);



}



.l-page section.main-light .price__left {



  width: 24%;



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light .price__left {



    width: 100%;



    padding: 2rem 0;



    text-align: center;



  }



}



.l-page section.main-light .price__left img {



  aspect-ratio: 3/2;



  object-fit: cover;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light .price__left img {



    width: 60%;



  }



}



.l-page section.main-light .price__center {



  width: calc(52% - 6rem);



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light .price__center {



    width: 100%;



    padding: 0 0 2rem 0;



  }



}



.l-page section.main-light .price__right {



  width: 24%;



  background: var(--white);



  display: flex;



  align-items: center;



  flex-direction: column;



}



@media screen and (max-width: 768px) {



  .l-page section.main-light .price__right {



    width: 100%;



  }



}



.l-page section.main-light .price__product {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



  margin-bottom: 1rem;



}



.l-page section.main-light .price__row1 {



  width: 100%;



  height: 100%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.main-light .price__row2 {



  width: 100%;



  height: 50%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.main-light .price__row2:nth-child(2) {



  border-top: 0.2rem solid var(--main-light);



}



.l-page section.main-light .price__row3 {



  width: 100%;



  height: 33.3333333333%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.main-light .price__row3:nth-child(2), .l-page section.main-light .price__row3:nth-child(3) {



  border-top: 0.2rem solid var(--main-light);



}



.l-page section.main-light .price__num {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.main-light .price + .price {



  margin-top: -0.1rem;



}



.l-page section.main + section.main {



  margin-top: -8rem;



}



.l-page section.main {



  background: var(--main);



}



.l-page section.main .inner {



  width: 100%;



  max-width: 98rem;



  margin: 0 auto;



  font-size: 1.6rem;



  padding: 8rem 4rem;



  color: var(--white);



}



@media screen and (max-width: 768px) {



  .l-page section.main .inner {



    padding: 6rem 2rem;



  }



}



.l-page section.main h1 {



  color: var(--white);



  text-align: center;



  font-size: 3.6rem;



  font-weight: 400;



  margin-bottom: 8rem;



}



.l-page section.main h1 span {



  color: var(--white);



  display: block;



  font-size: 2rem;



  font-weight: 600;



  line-height: 6rem;



  position: relative;



}



.l-page section.main h1 span::after {



  content: "";



  position: absolute;



  bottom: 0;



  display: inline-block;



  width: 7rem;



  height: 0.1rem;



  left: 50%;



  -webkit-transform: translateX(-50%);



  transform: translateX(-50%);



  background-color: var(--white);



}



.l-page section.main h2 {



  background: var(--main-dark);



  color: var(--white);



  text-align: center;



  font-size: 3rem;



  font-weight: 400;



  line-height: 1.6;



  padding: 1rem 2rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main h2 {



    font-size: 2.4rem;



  }



}



.l-page section.main h2 + p,



.l-page section.main h2 + h3,



.l-page section.main h2 + h4,



.l-page section.main h2 + h5,



.l-page section.main h2 + h6,



.l-page section.main h2 + ol,



.l-page section.main h2 + ul,



.l-page section.main h2 + table,



.l-page section.main h2 + .profile {



  margin-top: 4rem !important;



}



.l-page section.main h3 {



  color: var(--white);



  font-size: 2.4rem;



  font-weight: 600;



  border-bottom: 0.1rem solid var(--white);



  line-height: 1.6;



  padding: 0 0 1rem 0;



  margin-top: 4rem !important;



}



@media screen and (max-width: 768px) {



  .l-page section.main h3 {



    font-size: 2rem;



  }



}



.l-page section.main h4 {



  background: var(--main-light);



  color: var(--main);



  font-size: 1.8rem;



  font-weight: 600;



  padding: 0.8rem 1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main h4 {



    font-size: 1.6rem;



  }



}



.l-page section.main h5 {



  color: var(--white);



  font-size: 1.6rem;



  font-weight: 600;



  margin-bottom: -0.8rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main h5 {



    font-size: 1.4rem;



  }



}



.l-page section.main h5::before {



  content: "●";



  padding: 0 0.5em 0 0;



}



.l-page section.main h6 {



  color: var(--white);



  font-size: 1.3rem;



  font-weight: 600;



  margin-bottom: -1.6rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main h6 {



    font-size: 1.2rem;



  }



}



.l-page section.main .flowTtl {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



}



.l-page section.main .flowTtl span {



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--white);



  color: var(--main);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.main ol.number {



  counter-reset: list;



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.main ol.number li {



  position: relative;



  margin: 0;



  padding: 0.9rem 0 0.9rem 6.6rem;



}



.l-page section.main ol.number li::before {



  counter-increment: list;



  content: counter(list);



  color: var(--main-dark);



  background: var(--main-light);



  font-size: 2rem;



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  height: 5rem;



  line-height: 5rem;



  text-align: center;



}



.l-page section.main ol.number li span {



  display: block;



  font-weight: 600;



}



.l-page section.main ol.number li + li {



  margin-top: 2.4rem;



}



.l-page section.main ol.flow {



  counter-reset: list;



}



.l-page section.main ol.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main ol.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.main ol.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.main ol.flow li div {



    width: 100%;



  }



}



.l-page section.main ol.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  padding-left: 4rem;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.main ol.flow li div span::before {



  counter-increment: list;



  content: counter(list);



  position: absolute;



  top: 50%;



  left: 0;



  transform: translateY(-50%);



  width: 3rem;



  height: 3rem;



  line-height: 3rem;



  border-radius: 50%;



  background: var(--white);



  color: var(--main-dark);



  display: inline-block;



  text-align: center;



  font-size: 1.3rem;



}



.l-page section.main ol.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.main ol.flow li div.full {



  width: 100%;



}



.l-page section.main ol.flow li div.full > * + * {



  margin-top: 2rem;



}



.l-page section.main ol.flow li:not(:nth-child(1)),



.l-page section.main ol.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.main ul.flow li {



  display: flex;



  flex-wrap: wrap;



  gap: 4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main ul.flow li {



    flex-direction: column-reverse;



    gap: 2rem;



  }



}



.l-page section.main ul.flow li div {



  width: calc((100% - 4rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.main ul.flow li div {



    width: 100%;



  }



}



.l-page section.main ul.flow li div span {



  font-size: 2rem;



  font-weight: 600;



  position: relative;



  display: block;



  margin-bottom: 2rem;



}



.l-page section.main ul.flow li div p + p {



  margin-top: 2rem;



}



.l-page section.main ul.flow li:not(:nth-child(1)),



.l-page section.main ul.flow li:not(:nth-child(2)) {



  margin-top: 4rem;



}



.l-page section.main ul.circle {



  list-style-type: none;



  margin-bottom: 2.4rem;



}



.l-page section.main ul.circle li {



  position: relative;



  margin: 0;



  padding: 0 0 0 5rem;



}



.l-page section.main ul.circle li::before {



  content: "●";



  font-weight: 600;



  position: absolute;



  top: 0;



  left: 0;



  width: 5rem;



  text-align: center;



  color: var(--white);



}



.l-page section.main ul.circle li span {



  display: block;



  font-weight: 600;



}



.l-page section.main ul.circle li + li {



  margin-top: 2.4rem;



}



.l-page section.main ul.check {



  list-style-type: none;



}



.l-page section.main ul.check li {



  position: relative;



  padding: 0 0 0 5rem;



}



.l-page section.main ul.check li::after {



  content: "";



  display: block;



  position: absolute;



  top: 0.5em;



  left: 1.5rem;



  width: 2rem;



  text-align: center;



  height: 1rem;



  border-left: 0.3rem solid var(--white);



  border-bottom: 0.3rem solid var(--white);



  transform: rotate(-45deg);



}



.l-page section.main ul.check li + li {



  margin-top: 2.4rem;



}



.l-page section.main dl {



  display: flex;



  justify-content: flex-start;



  flex-wrap: wrap;



  padding: 0;



  width: 100%;



  gap: 1.6rem;



}



.l-page section.main dl dt {



  width: 10rem;



  font-weight: 600;



}



.l-page section.main dl dd {



  width: calc(100% - 11.6rem);



}



.l-page section.main table.border--none {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border-top: 0.1rem solid var(--white);



}



.l-page section.main table.border--none th,



.l-page section.main table.border--none td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--white);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border--none th,



  .l-page section.main table.border--none td {



    padding: 2rem;



  }



}



.l-page section.main table.border--none th {



  text-align: left;



  color: var(--white);



  font-weight: 600;



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border--none th {



    width: 100% !important;



    display: block;



    border-bottom: 0.1rem dashed var(--white);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border--none td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.main table.border--none th.w10,



.l-page section.main table.border--none td.w10 {



  width: 10%;



}



.l-page section.main table.border--none th.w20,



.l-page section.main table.border--none td.w20 {



  width: 20%;



}



.l-page section.main table.border--none th.w30,



.l-page section.main table.border--none td.w30 {



  width: 30%;



}



.l-page section.main table.border--none th.w40,



.l-page section.main table.border--none td.w40 {



  width: 40%;



}



.l-page section.main table.border--none th.w50,



.l-page section.main table.border--none td.w50 {



  width: 50%;



}



.l-page section.main table.border--none th.w60,



.l-page section.main table.border--none td.w60 {



  width: 60%;



}



.l-page section.main table.border--none th.w70,



.l-page section.main table.border--none td.w70 {



  width: 70%;



}



.l-page section.main table.border--none th.w80,



.l-page section.main table.border--none td.w80 {



  width: 80%;



}



.l-page section.main table.border--none th.w90,



.l-page section.main table.border--none td.w90 {



  width: 90%;



}



.l-page section.main table.border--none th.main,



.l-page section.main table.border--none td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.main table.border--none th.main-light,



.l-page section.main table.border--none td.main-light {



  background: var(--main-light);



  color: var(--main-dark);



}



.l-page section.main table.border--none th.gray-light,



.l-page section.main table.border--none td.gray-light {



  background: var(--gray-light);



  color: var(--main-dark);



}



.l-page section.main table.border {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border: 0.1rem solid var(--white);



}



.l-page section.main table.border th,



.l-page section.main table.border td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--white);



  padding: 2.4rem;



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border th,



  .l-page section.main table.border td {



    padding: 2rem;



  }



}



.l-page section.main table.border th {



  text-align: left;



  color: var(--white);



  font-weight: 600;



  border-right: 0.1rem solid var(--white);



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border th {



    width: 100% !important;



    display: block;



    border-right: none;



    border-bottom: 0.1rem dashed var(--white);



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border td {



    width: 100% !important;



    display: block;



  }



}



.l-page section.main table.border th.w10,



.l-page section.main table.border td.w10 {



  width: 10%;



}



.l-page section.main table.border th.w20,



.l-page section.main table.border td.w20 {



  width: 20%;



}



.l-page section.main table.border th.w30,



.l-page section.main table.border td.w30 {



  width: 30%;



}



.l-page section.main table.border th.w40,



.l-page section.main table.border td.w40 {



  width: 40%;



}



.l-page section.main table.border th.w50,



.l-page section.main table.border td.w50 {



  width: 50%;



}



.l-page section.main table.border th.w60,



.l-page section.main table.border td.w60 {



  width: 60%;



}



.l-page section.main table.border th.w70,



.l-page section.main table.border td.w70 {



  width: 70%;



}



.l-page section.main table.border th.w80,



.l-page section.main table.border td.w80 {



  width: 80%;



}



.l-page section.main table.border th.w90,



.l-page section.main table.border td.w90 {



  width: 90%;



}



.l-page section.main table.border th.main,



.l-page section.main table.border td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.main table.border th.main-light,



.l-page section.main table.border td.main-light {



  background: var(--main-light);



}



.l-page section.main table.border th.gray-light,



.l-page section.main table.border td.gray-light {



  background: var(--gray-light);



}



.l-page section.main table.border--plane {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border: 0.1rem solid var(--white);



}



.l-page section.main table.border--plane th,



.l-page section.main table.border--plane td {



  vertical-align: middle;



  border-bottom: 0.1rem solid var(--white);



  padding: 2.4rem;



}



.l-page section.main table.border--plane th {



  text-align: left;



  color: var(--white);



  font-weight: 600;



  border-right: 0.1rem solid var(--white);



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border--plane th {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main table.border--plane td {



    padding: 0.6rem;



    font-size: 1.3rem;



  }



}



.l-page section.main table.border--plane th.w10,



.l-page section.main table.border--plane td.w10 {



  width: 10%;



}



.l-page section.main table.border--plane th.w20,



.l-page section.main table.border--plane td.w20 {



  width: 20%;



}



.l-page section.main table.border--plane th.w30,



.l-page section.main table.border--plane td.w30 {



  width: 30%;



}



.l-page section.main table.border--plane th.w40,



.l-page section.main table.border--plane td.w40 {



  width: 40%;



}



.l-page section.main table.border--plane th.w50,



.l-page section.main table.border--plane td.w50 {



  width: 50%;



}



.l-page section.main table.border--plane th.w60,



.l-page section.main table.border--plane td.w60 {



  width: 60%;



}



.l-page section.main table.border--plane th.w70,



.l-page section.main table.border--plane td.w70 {



  width: 70%;



}



.l-page section.main table.border--plane th.w80,



.l-page section.main table.border--plane td.w80 {



  width: 80%;



}



.l-page section.main table.border--plane th.w90,



.l-page section.main table.border--plane td.w90 {



  width: 90%;



}



.l-page section.main table.border--plane th.main,



.l-page section.main table.border--plane td.main {



  background: var(--main);



  color: var(--white);



}



.l-page section.main table.border--plane th.main-light,



.l-page section.main table.border--plane td.main-light {



  background: var(--main-light);



}



.l-page section.main table.border--plane th.gray-light,



.l-page section.main table.border--plane td.gray-light {



  background: var(--gray-light);



}



@media screen and (max-width: 768px) {



  .l-page section.main table.scroll {



    min-width: 90rem;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main table.scroll th {



    width: auto !important;



    display: table-cell !important;



  }



}



@media screen and (max-width: 768px) {



  .l-page section.main table.scroll td {



    width: auto !important;



    display: table-cell !important;



  }



}



.l-page section.main .profile {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  flex-direction: row-reverse;



}



.l-page section.main .profile .profileTxt {



  width: calc((100% - 0.2rem) / 2);



  height: auto;



  background: url(../img/profile.png) no-repeat center center/cover;



  display: flex;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  padding: 3.2rem;



  line-height: 1.6;



}



@media screen and (max-width: 768px) {



  .l-page section.main .profile .profileTxt {



    width: 100%;



    margin-top: 0.2rem;



  }



}



.l-page section.main .profile .profileTxt p:nth-child(1) {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.main .profile .profileTxt p:nth-child(2) {



  font-size: 3.4rem;



  font-weight: 600;



  color: var(--main-dark);



}



.l-page section.main .profile .profileTxt p:nth-child(3) {



  color: var(--main-dark);



  margin-top: 2.4rem;



}



.l-page section.main .profile .profileImg {



  width: calc((100% - 0.2rem) / 2);



}



@media screen and (max-width: 768px) {



  .l-page section.main .profile .profileImg {



    width: 100%;



  }



}



.l-page section.main .price {



  display: flex;



  flex-wrap: wrap;



  gap: 0 3rem;



  border-top: 0.1rem solid var(--white);



  border-bottom: 0.1rem solid var(--white);



}



.l-page section.main .price__left {



  width: 24%;



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.main .price__left {



    width: 100%;



    padding: 2rem 0;



    text-align: center;



  }



}



.l-page section.main .price__left img {



  aspect-ratio: 3/2;



  object-fit: cover;



}



@media screen and (max-width: 768px) {



  .l-page section.main .price__left img {



    width: 60%;



  }



}



.l-page section.main .price__center {



  width: calc(52% - 6rem);



  padding: 3rem 0;



}



@media screen and (max-width: 768px) {



  .l-page section.main .price__center {



    width: 100%;



    padding: 0 0 2rem 0;



  }



}



.l-page section.main .price__right {



  width: 24%;



  background: var(--main-light);



  display: flex;



  align-items: center;



  flex-direction: column;



  color: var(--main-dark);



}



@media screen and (max-width: 768px) {



  .l-page section.main .price__right {



    width: 100%;



  }



}



.l-page section.main .price__product {



  color: var(--white);



  font-size: 2rem;



  font-weight: 600;



  margin-bottom: 1rem;



}



.l-page section.main .price__row1 {



  width: 100%;



  height: 100%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.main .price__row2 {



  width: 100%;



  height: 50%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.main .price__row2:nth-child(2) {



  border-top: 0.2rem solid var(--main);



}



.l-page section.main .price__row3 {



  width: 100%;



  height: 33.3333333333%;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-direction: column;



  padding: 2rem;



}



.l-page section.main .price__row3:nth-child(2), .l-page section.main .price__row3:nth-child(3) {



  border-top: 0.2rem solid var(--main);



}



.l-page section.main .price__num {



  color: var(--main-dark);



  font-size: 2rem;



  font-weight: 600;



}



.l-page section.main .price + .price {



  margin-top: -0.1rem;



}







.l-page.round h2 {



  border-radius: 1rem;



}



.l-page.round h4 {



  border-radius: 1rem;



}



.l-page.round img {



  border-radius: 1rem;



}



.l-page.round ol li::before {



  border-radius: 1rem;



}



.l-page.round .profile .profileTxt {



  border-radius: 1rem 0 0 1rem;



}



@media screen and (max-width: 768px) {



  .l-page.round .profile .profileTxt {



    border-radius: 0 0 1rem 1rem;



  }



}



.l-page.round .profile .profileImg img {



  border-radius: 0 1rem 1rem 0;



}



@media screen and (max-width: 768px) {



  .l-page.round .profile .profileImg img {



    border-radius: 1rem 1rem 0 0;



  }



}







.l-container {



  width: 100%;



  max-width: 94rem;



  margin: 0 auto;



  padding: 10rem 2rem;



}



@media screen and (max-width: 768px) {



  .l-container {



    padding: 5rem 2rem;



  }



}







.l-404 {



  width: 100%;



  max-width: 124rem;



  margin: 0 auto;



  padding: 10rem 2rem;



  text-align: center;



}



.l-404__title {



  font-size: 3.6rem;



  font-weight: 600;



}







.l-archive {



  width: 100%;



  max-width: 98rem;



  margin: 0 auto;



  padding: 0 4rem 8rem 4rem;



  display: flex;



  flex-wrap: wrap;



  gap: 6rem 4rem;



}



@media screen and (max-width: 768px) {



  .l-archive {



    padding: 6rem 2rem;



  }



}



.l-archiveTitle {



  width: 100%;



  text-align: center;



  color: var(--main);



  font-size: 3.6rem;



  font-weight: 400;



}



.l-archiveAside {



  width: calc(25% - 2rem);



}



@media screen and (max-width: 768px) {



  .l-archiveAside {



    width: 100%;



  }



}



.l-archiveAside__heading {



  background: var(--main);



  color: var(--white);



  padding: 1rem 2rem;



}



.l-archiveAside__cta {



  background: var(--main-light);



  position: sticky;



  top: 6rem;



  padding: 2rem;



  height: 40rem;



  display: flex;



  align-items: center;



  justify-content: center;



  text-align: center;



}



.l-archiveAside__list {



  margin-top: 1rem;



}



.l-archiveAside__list li {



  border-bottom: 0.1rem solid var(--gray);



  padding: 1rem 0;



}



.l-archiveAside__list a {



  transition: all 0.7s;



}



.l-archiveAside__list a:hover {



  color: var(--main);



}



.l-archiveAside__tagcloud {



  display: flex;



  flex-wrap: wrap;



  gap: 0.5rem 0.5rem;



  margin-top: 2rem;



}



.l-archiveAside__tagcloud li {



  display: flex;



}



.l-archiveAside__block + .l-archiveAside__block {



  margin-top: 6rem;



}



.l-archiveMain {



  width: calc(75% - 2rem);



}



@media screen and (max-width: 768px) {



  .l-archiveMain {



    width: 100%;



  }



}



.l-archiveList:first-child {



  border-top: 0.1rem solid var(--gray);



}



.l-archiveList {



  border-bottom: 0.1rem solid var(--gray);



  padding: 3.2rem 0;



}



.l-archiveList__meta {



  display: flex;



  justify-content: space-between;



  align-items: flex-end;



  flex-wrap: wrap;



  gap: 0 1.6rem;



  margin-bottom: 0.8rem;



}



@media screen and (max-width: 768px) {



  .l-archiveList__taxonomy {



    width: 100%;



  }



}



.l-archiveList__taxonomy a {



  color: var(--main);



  font-weight: 600;



  margin-right: 1em;



  transition: all 0.5s;



}



.l-archiveList__taxonomy a:hover {



  text-decoration: underline;



}



.l-archiveList__taxonomy i {



  margin-right: 0.5em;



}



.l-archiveList__date {



  font-size: 1.1rem;



  color: var(--gray-dark);



}



@media screen and (max-width: 768px) {



  .l-archiveList__date {



    width: 100%;



  }



}



.l-archiveList__date i {



  margin-right: 0.5em;



}



.l-archiveList__thumb01 {



  display: flex;



}



.l-archiveList__thumb01 li {



  width: 100%;



}



.l-archiveList__thumb01 img {



  width: 100%;



  height: 24rem;



  object-fit: cover;



}



@media screen and (max-width: 768px) {



  .l-archiveList__thumb01 img {



    height: 16rem;



  }



}



.l-archiveList__thumb02 {



  display: flex;



}



.l-archiveList__thumb02 li {



  width: 50%;



}



.l-archiveList__thumb02 img {



  width: 100%;



  height: 20rem;



  object-fit: cover;



}



@media screen and (max-width: 768px) {



  .l-archiveList__thumb02 img {



    height: 14rem;



  }



}



.l-archiveList__head {



  font-size: 2rem;



  font-weight: 600;



  margin: 2.4rem 0 1.6rem 0;



  color: var(--black);



}



.l-archiveList__body {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



}



.l-archiveList__bodyLeft {



  width: calc(100% - 23rem);



}



@media screen and (max-width: 768px) {



  .l-archiveList__bodyLeft {



    width: 100%;



  }



}



.l-archiveList__bodyRight {



  width: 18rem;



  display: flex;



  flex-direction: column;



  justify-content: space-between;



  gap: 2.4rem 0;



}



@media screen and (max-width: 768px) {



  .l-archiveList__bodyRight {



    width: 100%;



    margin-top: 2.4rem;



  }



}



.l-archiveList__btn a {



  display: flex;



  justify-content: center;



  align-items: center;



  border: 0.1rem solid var(--main);



  border-radius: 0.7rem;



  color: var(--main);



  text-align: center;



  height: 4.7rem;



  transition: all 0.5s;



}



.l-archiveList__btn a:hover {



  background: var(--main);



  color: var(--white);



}



.l-archiveList__dl {



  display: flex;



  flex-wrap: wrap;



  font-size: 1.3rem;



}



.l-archiveList__dl dt {



  width: 5rem;



}



.l-archiveList__dl dd {



  width: calc(100% - 6rem);



}



.l-archiveList__dl.wide dt {



  width: 100%;



}



.l-archiveList__dl.wide dd {



  width: 100%;



}



.l-archiveList__dl + .l-archiveList__dl {



  margin-top: 1.6rem;



}







.l-caseSin__intro {



  margin: 0 0 6rem 0;



}



.l-caseSin__full {



  margin: 4rem 0 6rem 0;



}



.l-caseSin__grid {



  display: grid;



  grid-template-columns: 33.3333333333% 33.3333333333% 33.3333333333%;



  grid-template-rows: auto auto auto;



  gap: 0px 0px;



  grid-auto-flow: row;



  grid-template-areas: "grid01 grid02 grid03" "grid04 grid05 grid06" "grid07 grid08 grid09";



  margin: 4rem 0 6rem 0;



}



.l-caseSin__grid .grid01 {



  grid-area: grid01;



}



.l-caseSin__grid .grid02 {



  grid-area: grid02;



}



.l-caseSin__grid .grid03 {



  grid-area: grid03;



}



.l-caseSin__grid .grid04 {



  grid-area: grid04;



}



.l-caseSin__grid .grid05 {



  grid-area: grid05;



}



.l-caseSin__grid .grid06 {



  grid-area: grid06;



}



.l-caseSin__grid .grid07 {



  grid-area: grid07;



}



.l-caseSin__grid .grid08 {



  grid-area: grid08;



}



.l-caseSin__grid .grid09 {



  grid-area: grid09;



}



.l-caseSin__grid img {



  width: 100%;



  height: auto;



}



.l-caseSin__table {



  border-collapse: collapse;



  border-spacing: 0;



  width: 100%;



  border-top: 0.1rem solid var(--gray);



  border-left: 0.1rem solid var(--gray);



  margin-top: 6rem;



}



.l-caseSin__table th {



  border-bottom: 0.1rem solid var(--gray);



  border-right: 0.1rem solid var(--gray);



  width: 30%;



  padding: 1rem 2rem;



  background: var(--main-light);



}



@media screen and (max-width: 768px) {



  .l-caseSin__table th {



    width: 100%;



    display: block;



    border-bottom: none;



  }



}



.l-caseSin__table td {



  border-bottom: 0.1rem solid var(--gray);



  border-right: 0.1rem solid var(--gray);



  width: 70%;



  padding: 1rem 2rem;



}



@media screen and (max-width: 768px) {



  .l-caseSin__table td {



    width: 100%;



    display: block;



  }



}



.l-caseSin__none {



  text-align: center;



}







.c-heading01 {



  text-align: center;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 1.4rem 0;



}



@media screen and (max-width: 768px) {



  .c-heading01 {



    gap: 0.6rem 0;



  }



}



.c-heading01 .en {



  color: var(--main);



  font-family: var(--sub-font);



  font-size: 9.6rem;



  font-weight: 500;



  line-height: 1.25;



  letter-spacing: 0.05em;



}



@media screen and (max-width: 768px) {



  .c-heading01 .en {



    font-size: 5.8rem;



    letter-spacing: 0.02em;



  }



}



.c-heading01 .en::first-letter {



  color: var(--main-dark);



}



.c-heading01 .ja {



  font-size: 1.8rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.2em;



}



@media screen and (max-width: 768px) {



  .c-heading01 .ja {



    font-size: 1.6rem;



  }



}







.c-heading02 {



  text-align: center;



  display: flex;



  justify-content: center;



  align-items: center;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 1.4rem 0;



}



@media screen and (max-width: 768px) {



  .c-heading02 {



    gap: 1rem 0;



  }



}



.c-heading02 .en {



  color: var(--gray);



  font-family: var(--sub-font);



  font-size: 9.6rem;



  font-weight: 500;



  line-height: 1.25;



  letter-spacing: 0.05em;



}



@media screen and (max-width: 768px) {



  .c-heading02 .en {



    font-size: 5.8rem;



    letter-spacing: 0.02em;



  }



}



.c-heading02 .ja {



  color: var(--white);



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



}



@media screen and (max-width: 768px) {



  .c-heading02 .ja {



    font-size: 1.6rem;



    letter-spacing: 0.2em;



  }



}







/* ----- c-pho-list01 ----- */



.c-pho-list01 {



  position: relative;



}



.c-pho-list01 li {



  margin: 0 0.8rem;



  width: 22rem;



}



@media screen and (max-width: 768px) {



  .c-pho-list01 li {



    margin: 0 0.8rem;



    width: 15rem;



  }



}



.c-pho-list01 li img {



  width: 100%;



  height: auto;



  aspect-ratio: 1/1;



  border-radius: 1rem;



}







.c-calendar {



  width: 100%;



  border-collapse: collapse;



  border-spacing: 0;



}



.c-calendar th {



  text-align: center;



  width: 10%;



  padding: 0.5rem;



  color: var(--white);



  font-size: 1.5rem;



  font-weight: 700;



  line-height: 2.13;



  background: var(--main);



  vertical-align: middle;



}



@media screen and (max-width: 768px) {



  .c-calendar th {



    font-size: 1.2rem;



    line-height: 1.87;



    letter-spacing: 0.08em;



  }



}



.c-calendar th.head {



  width: 30%;



  text-align: center;



  font-weight: 400;



}



@media screen and (max-width: 768px) {



  .c-calendar th.head {



    font-weight: 700;



  }



}



.c-calendar tr th:first-child {



  border-radius: 1rem 0 0 0;



}



.c-calendar tr th:last-child {



  border-radius: 0 1rem 0 0;



}



.c-calendar td {



  text-align: center;



  width: 10%;



  vertical-align: middle;



  color: var(--main);



}



@media screen and (max-width: 768px) {



  .c-calendar td {



    font-size: 1.3rem;



    font-weight: 700;



    line-height: 1.4;



    letter-spacing: 0.05em;



  }



}



.c-calendar td.head {



  width: 30%;



  text-align: center;



  color: var(--base-color);



  font-size: 1.5rem;



  font-weight: 700;



  line-height: 2.13;



}



@media screen and (max-width: 768px) {



  .c-calendar td.head {



    font-size: 1.3rem;



    font-weight: 700;



    line-height: 1.4;



    letter-spacing: 0.05em;



  }



}



.c-calendar tr:nth-child(2) td {



  padding: 0.8rem 0.5rem;



  border-bottom: 0.1rem solid var(--gray);



}



.c-calendar tr:nth-child(3) td {



  padding: 0.8rem 0.5rem 0 0.5rem;



}







.c-calendar02 {



  width: 100%;



  border-collapse: collapse;



  border-spacing: 0;



}



.c-calendar02 th {



  text-align: center;



  width: 10%;



  padding: 0.5rem;



  color: var(--white);



  font-size: 1.2rem;



  font-weight: 400;



  line-height: 2;



  background: var(--main);



  vertical-align: middle;



}



.c-calendar02 th.head {



  width: 30%;



  text-align: center;



  font-weight: 400;



}



.c-calendar02 tr th:first-child {



  border-radius: 1rem 0 0 0;



}



.c-calendar02 tr th:last-child {



  border-radius: 0 1rem 0 0;



}



.c-calendar02 td {



  text-align: center;



  width: 10%;



  vertical-align: middle;



  color: var(--main);



  font-size: 1.2rem;



  font-weight: 700;



  line-height: 1.87;



  letter-spacing: 0.08em;



  background: var(--white);



}



.c-calendar02 td.head {



  width: 30%;



  text-align: center;



  color: var(--base-color);



}



.c-calendar02 tr:nth-child(2) td {



  padding: 0.8rem 0.5rem;



  border-bottom: 0.1rem solid var(--gray);



}



.c-calendar02 tr:nth-child(3) td {



  padding: 0.8rem 0.5rem;



}



.c-calendar02 tr:nth-child(3) td:first-child {



  border-radius: 0 0 0 1rem;



}



.c-calendar02 tr:nth-child(3) td:last-child {



  border-radius: 0 0 1rem 0;



}







.c-card {



  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);



  background: var(--white);



}



.c-card__link {



  position: relative;



}



.c-card__label {



  position: absolute;



  top: 0;



  left: 0;



  background: var(--main);



  color: var(--white);



  font-size: 1.1rem;



  padding: 0.2rem 1rem;



}



.c-card__thumb01 {



  display: flex;



  height: 15rem;



  align-items: center;



  overflow: hidden;



}



@media screen and (max-width: 768px) {



  .c-card__thumb01 {



    height: 13rem;



  }



}



.c-card__thumb01 img {



  width: 100%;



  height: auto;



  object-fit: cover;



}



.c-card__thumb02 {



  display: flex;



  width: 100%;



}



.c-card__thumb02 li {



  width: 50%;



  position: relative;



}



.c-card__thumb02 li:first-child::before {



  content: "BEFORE";



  position: absolute;



  top: 0;



  left: 0;



  color: var(--white);



  font-size: 1rem;



  font-weight: 700;



  line-height: 2;



  letter-spacing: 0.04em;



  background: var(--main);



  padding: 0 1rem;



}



.c-card__thumb02 li:last-child::before {



  content: "AFTER";



  position: absolute;



  top: 0;



  left: 0;



  color: var(--white);



  font-size: 1rem;



  font-weight: 700;



  line-height: 2;



  letter-spacing: 0.04em;



  background: var(--sub);



  padding: 0 1rem;



}



.c-card__thumb02 img {



  width: 100%;



  height: 8rem;



  object-fit: cover;



}



.c-card__thumb02 img.large {



  width: 100%;



  height: 24rem;



  object-fit: cover;



}



.c-card__body {



  padding: 1.6rem;



}



.c-card__title {



  font-weight: 600;



  margin-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .c-card__title {



    font-size: 1.2rem;



    font-weight: 700;



    line-height: 1.8;



    letter-spacing: 0.08em;



  }



}



.c-card__dl {



  display: flex;



  flex-wrap: wrap;



  font-size: 1.1rem;



}



.c-card__dl dt {



  width: 40%;



}



@media screen and (max-width: 768px) {



  .c-card__dl dt {



    letter-spacing: 0.02em;



  }



}



.c-card__dl dd {



  width: 60%;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



  padding-left: 1em;



}



.c-card__info {



  border-top: 0.1rem solid var(--gray-light);



  margin-top: 1.6rem;



  padding-top: 1.6rem;



  font-size: 1.1rem;



  display: flex;



  flex-wrap: wrap;



  gap: 0.8rem 0.8rem;



  color: var(--gray-dark);



}







.c-btn01 a {



  display: inline-flex;



  justify-content: center;



  align-items: center;



  color: var(--white);



  background: var(--main);



  border-radius: 0.4rem;



  padding: 1.2rem;



  min-width: 22rem;



}



@media screen and (max-width: 768px) {



  .c-btn01 a {



    min-width: none;



    max-width: 30rem;



    width: 100%;



  }



}



.c-btn01 a:hover {



  opacity: 0.7;



}



@media screen and (max-width: 768px) {



  .c-btn01.small a {



    display: inline-flex;



    justify-content: center;



    align-items: center;



    color: var(--white);



    background: var(--main);



    border-radius: 0.4rem;



    padding: 1.2rem;



    min-width: 14rem;



  }



}







.c-btn02 a {



  display: inline-flex;



  justify-content: center;



  align-items: center;



  color: var(--white);



  background: var(--main);



  border-radius: 0.4rem;



  padding: 1.2rem;



  min-width: 27rem;



}



.c-btn02 a:hover {



  opacity: 0.7;



}







.c-catlist {



  border-top: 0.1rem solid var(--gray);



}



.c-catlist__item {



  border-bottom: 0.1rem solid var(--gray);



}



.c-catlist__link {



  display: flex;



  gap: 0 2rem;



  padding: 2rem 0;



  transition: 0.7s;



}



@media screen and (max-width: 768px) {



  .c-catlist__link {



    flex-wrap: wrap;



    gap: 1rem 2rem;



  }



}



.c-catlist__link:hover {



  opacity: 0.5;



}



@media screen and (max-width: 768px) {



  .c-catlist__date {



    display: block;



  }



}



.c-catlist__tax {



  background: var(--main);



  color: var(--white);



  text-align: center;



  width: 10rem;



  display: inline-block;



}



@media screen and (max-width: 768px) {



  .c-catlist__title {



    display: block;



    width: 100%;



  }



}







.c-pagenavi {



  text-align: center;



  margin-top: 10rem;



}



@media screen and (max-width: 768px) {



  .c-pagenavi {



    margin-top: 5rem;



  }



}



.c-pagenavi .nav-links a {



  border: 0.1rem solid var(--gray);



  color: var(--main);



  display: inline-block;



  padding: 0 0.6rem;



  transition: all 0.5s;



}



.c-pagenavi .nav-links a:hover {



  border: 0.1rem solid var(--main);



  background: var(--main);



  color: var(--white);



}



.c-pagenavi .nav-links span {



  border: 0.1rem solid var(--main-light);



  display: inline-block;



  padding: 0 0.6rem;



  background: var(--main-light);



}







.wp-pagenavi {



  font-size: 1.6rem !important;



  font-weight: 500 !important;



}



.wp-pagenavi .pages {



  border: 0.1rem solid var(--gray) !important;



  background: var(--white) !important;



  color: var(--main) !important;



  padding: 0 1rem !important;



  line-height: 4rem !important;



  margin: 0 0.5rem !important;



  display: inline-block;



}



.wp-pagenavi a {



  border: 0.1rem solid var(--gray) !important;



  line-height: 4rem !important;



  padding: 0 1rem !important;



  display: inline-block !important;



  color: var(--main) !important;



  background: var(--white) !important;



  text-decoration: none !important;



  position: relative !important;



  margin: 0 0.5rem !important;



  transition: 0.3s !important;



  min-width: 4rem !important;



}



.wp-pagenavi a:hover {



  border: 0.1rem solid var(--main) !important;



  text-decoration: none !important;



  position: relative !important;



  background: var(--main) !important;



  color: var(--white) !important;



}



.wp-pagenavi a.nextpostslink {



  border: 0.1rem solid var(--gray) !important;



  line-height: 4rem !important;



  padding: 0 1rem !important;



  display: inline-block !important;



  color: var(--main) !important;



  text-decoration: none !important;



  position: relative !important;



  margin: 0 0.5rem !important;



  transition: 0.3s !important;



}



.wp-pagenavi a.nextpostslink:hover {



  background: var(--main) !important;



  color: var(--white) !important;



}



.wp-pagenavi a.previouspostslink {



  border: 0.1rem solid var(--gray) !important;



  line-height: 4rem !important;



  padding: 0 1rem !important;



  display: inline-block !important;



  color: var(--main) !important;



  text-decoration: none !important;



  position: relative !important;



  margin: 0 0.5rem !important;



  transition: 0.3s !important;



  background: var(--white);



}



.wp-pagenavi a.previouspostslink:hover {



  background: var(--main) !important;



  color: var(--white) !important;



}



.wp-pagenavi .current {



  border: 0.1rem solid var(--main) !important;



  line-height: 4rem !important;



  padding: 0 1rem !important;



  display: inline-block !important;



  color: var(--white) !important;



  text-decoration: none !important;



  position: relative !important;



  margin: 0 0.5rem !important;



  background: var(--main) !important;



  min-width: 4rem !important;



}







@media screen and (max-width: 768px) {



  .c-pagenavi {



    text-align: center;



  }



  .c-pagenavi__inner {



    display: block;



    padding: 1rem 0.5rem;



  }



  .c-pagenavi__scroll {



    overflow-x: auto;



    white-space: nowrap;



    overflow-scrolling: touch;



    -webkit-overflow-scrolling: touch;



  }



}



.c-tagcloud {



  display: flex;



  flex-wrap: wrap;



  gap: 0.4rem 0.4rem;



}



.c-tagcloud a {



  border: 0.1rem solid var(--gray);



  border-radius: 0.8rem;



  display: inline-block;



  padding: 0 1rem;



  font-size: 1.3rem;



  transition: all 0.5s;



}



.c-tagcloud a:hover {



  background: var(--gray);



}







.c-recommend {



  display: flex;



  flex-wrap: wrap;



  gap: 2.4rem 4.8rem;



}



@media screen and (max-width: 768px) {



  .c-recommend {



    gap: 1.6rem 0;



  }



}



.c-recommend li {



  width: calc((100% - 9.6rem) / 3);



}



@media screen and (max-width: 768px) {



  .c-recommend li {



    width: 100%;



  }



}



.c-recommend a {



  border: 0.1rem solid var(--gray);



  border-radius: 0.6rem;



  padding: 0.8rem;



  text-align: center;



  width: 100%;



  display: flex;



  justify-content: center;



  align-items: center;



  height: 4.9rem;



  font-size: 1.3rem;



  transition: all 0.5s;



}



.c-recommend a:hover {



  border: 0.1rem solid var(--black);



}







.c-badge01 a {



  width: 22rem;



  height: 22rem;



  border-radius: 50%;



  background: var(--sub);



  color: var(--white);



  display: flex;



  align-items: center;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  position: relative;



  transition: all 0.5s;



}



.c-badge01 a:hover {



  background: var(--main);



}



.c-badge01__img {



  position: absolute;



  top: 2rem;



  right: -3rem;



}



.c-badge01__img img {



  width: 9.2rem !important;



  height: 14.3rem !important;



}



.c-badge01__p {



  text-align: center;



  font-size: 1.7rem;



  line-height: 1.3;



}



.c-badge01__title {



  text-align: center;



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.4;



  border-top: 0.1rem solid var(--white);



  border-bottom: 0.1rem solid var(--white);



  padding: 0.6rem 0;



  margin: 0.6rem auto;



  width: 15rem;



}







.c-badge02 a {



  width: 22rem;



  height: 22rem;



  border-radius: 50%;



  background: var(--main);



  color: var(--white);



  display: flex;



  align-items: center;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  position: relative;



  transition: all 0.5s;



}



.c-badge02 a:hover {



  background: var(--sub);



}



.c-badge02__p {



  text-align: center;



  font-size: 1.7rem;



  line-height: 1.3;



}



.c-badge02__title {



  text-align: center;



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.4;



  border-top: 0.1rem solid var(--white);



  border-bottom: 0.1rem solid var(--white);



  padding: 0.6rem 0;



  margin: 0.6rem auto;



  width: 15rem;



}







.p-cardL {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: stretch;



  gap: 0 4.8rem;



}



.p-cardL + .p-cardL{

    margin-top: 4rem;

}



@media screen and (max-width: 768px) {



  .p-cardL {



    gap: 2.4rem 0;



  }



}



.p-cardL__item {



  width: calc((100% - 4.8rem) / 2);



  border-radius: 3rem;



  background: var(--white);



  overflow: hidden;



  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);



}



@media screen and (max-width: 768px) {



  .p-cardL__item {



    width: 100%;



  }



}



.p-cardL__link {



  display: block;



}



.p-cardL__link:hover {



  opacity: 0.7;



}



.p-cardL__imgbox {



  width: 100%;



}



.p-cardL__imgbox img {



  width: 100%;



  height: 25rem;



  object-fit: cover;



  object-position: top center;



}



@media screen and (max-width: 768px) {



  .p-cardL__imgbox img {



    height: 16rem;



  }



}



.p-cardL__txtbox {



  padding: 3.2rem 4rem 6rem 4rem;



}



@media screen and (max-width: 768px) {



  .p-cardL__txtbox {



    padding: 3rem 2rem;



  }



}



.p-cardL__subtitle {



  display: flex;



  align-items: center;



  gap: 0 1.6rem;



  margin-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .p-cardL__subtitle img {



    width: 6rem;



    height: auto;



  }



}



.p-cardL__subtitle h3 {



  color: var(--gray-dark);



  font-weight: 700;



  line-height: 2.13;



}



@media screen and (max-width: 768px) {



  .p-cardL__subtitle h3 {



    font-size: 1.2rem;



  }



}



.p-cardL__subtitle h3 span {



  display: block;



  color: var(--base-color);



  font-size: 2.4rem;



  line-height: 1.75;



  letter-spacing: 0.15em;



}

@media screen and (max-width: 768px) {

    .p-cardL__subtitle h3 span {

      font-size: 2rem;

    }

}





.p-cardS {



  width: 100%;



  display: flex;



  flex-wrap: wrap;



  gap: 4rem 4rem;



  margin-top: 6rem;



}



@media screen and (max-width: 768px) {



  .p-cardS {



    gap: 1rem 1rem;



    margin-top: 2.4rem;



  }



}



.p-cardS__item {



  width: calc((100% - 12rem) / 4);



}



@media screen and (max-width: 768px) {



  .p-cardS__item {



    width: calc((100% - 1rem) / 2);



  }



}



.p-cardS__link {



  display: flex;



  align-items: center;



  justify-content: center;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 1.2rem 0;



  border-radius: 3rem;



  background: var(--white);



  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);



  aspect-ratio: 1/1;



}



@media screen and (max-width: 768px) {



  .p-cardS__link {



    gap: 1rem 0;



    aspect-ratio: 16/18;



    padding: 2.4rem 0;



  }



}



.p-cardS__link:hover {



  opacity: 0.7;



}



.p-cardS__link h3 {



  text-align: center;



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



}



@media screen and (max-width: 768px) {



  .p-cardS__link h3 {



    font-size: 1.6rem;



    letter-spacing: 0.1em;



  }



}



.p-cardS__link h3 span {



  display: block;



  color: var(--sub);



  font-family: var(--en-font);



  font-size: 1.4rem;



  font-weight: 400;



  line-height: 1.4;



  letter-spacing: 0.2em;



  text-transform: uppercase;



  margin-top: 0.8rem;



}



@media screen and (max-width: 768px) {



  .p-cardS__link h3 span {



    font-size: .9rem;



  }



}







.p-facility {



  padding: 15.5rem 0 11rem;



}



.p-facility__heading01 {



  margin-bottom: 3.1rem;



}



.p-facility__heading01-en {



  margin-bottom: 0;



}



.p-facility__heading01-en-sub {



  padding: 0 2.7rem;



}



.p-facility__heading01-en-sub::before, .p-facility__heading01-en-sub::after {



  margin-top: -0.5rem;



}



.p-facility__center-txt {



  margin-bottom: 4.3rem;



  text-align: center;



  line-height: 2.2;



  font-size: 1.5rem;



  letter-spacing: 0.09rem;



}



.p-facility__list {



  margin-bottom: 3.7rem;



  min-height: 60rem;



  position: relative;



}



.p-facility__list-item {



  width: 70rem;



  margin: 0 7.5rem;



}



.p-facility__list-inner {



  transform: translateY(0);



  transition: all 0.5s;



}



.swiper-slide-active .p-facility__list-inner, .swiper-slide-duplicate-active .p-facility__list-inner {



  transform: translateY(0);



}



.p-facility__list__next {



  width: 3.6rem;



  height: 3.6rem;



  position: absolute;



  top: 22.2rem;



  right: calc(50% - 44.3rem);



  border-radius: 50%;



  font-size: 0;



  transform: translateY(-50%);



  background: url(../img/icon_arrow04.svg) no-repeat center center/100% 100%;



  cursor: pointer;



  transition: 0.3s;



}



.p-facility__list__next::before, .p-facility__list__next::after {



  display: none;



}



.p-facility__list__next:hover {



  opacity: 0.7;



}



.p-facility__list__prev {



  width: 3.6rem;



  height: 3.6rem;



  position: absolute;



  top: 22.2rem;



  left: calc(50% - 44.3rem);



  border-radius: 50%;



  font-size: 0;



  transform: translateY(-50%) rotate(180deg);



  background: url(../img/icon_arrow04.svg) no-repeat center center/100% 100%;



  cursor: pointer;



  transition: 0.3s;



}



.p-facility__list__prev::before, .p-facility__list__prev::after {



  display: none;



}



.p-facility__list__prev:hover {



  opacity: 0.7;



}



@media screen and (max-width: 768px) {



  .p-facility__photo {



    margin: 0 3.6rem;



  }



}



.p-facility__photo-img {



  width: 100%;



  height: 40rem;



  object-fit: cover;



  object-position: center;



  aspect-ratio: 700/400;



  border-radius: 3rem;



}



@media screen and (max-width: 768px) {



  .p-facility__photo-img {



    height: 20rem;



    object-fit: cover;



    object-position: center;



    border-radius: 1rem;



  }



}



.p-facility__textbox {



  box-sizing: border-box;



  padding: 4rem 0 0 0;



  border-radius: 0;



  transition: 0.3s;



}



.p-facility__ttl {



  margin-bottom: 1.2rem;



  text-align: center;



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.5;



  color: var(--main);



  letter-spacing: 0.06em;



}



@media screen and (max-width: 768px) {



  .p-facility__ttl {



    font-size: 1.7rem;



    font-weight: 600;



  }



}



.p-facility__text {



  text-align: justify;



}



.p-facility__inner {



  display: none;



  padding: 0.4rem 0 1.5rem;



}



.p-facility__sub {



  margin: 11rem auto 0;



  padding: 6rem 10rem 7rem;



  background: var(--gray-light);



  width: 100rem;



  box-sizing: border-box;



}



.p-facility__sub__ttl {



  margin-bottom: 3rem;



  text-align: center;



  font-size: 2.6rem;



  overflow: hidden;



}



.p-facility__sub__ttl span {



  padding: 0 2.5rem;



  display: inline-block;



  position: relative;



}



.p-facility__sub__ttl span::before, .p-facility__sub__ttl span::after {



  content: "";



  margin-top: 0.1rem;



  position: absolute;



  top: 50%;



  width: 99.9rem;



  height: 0.1rem;



  background: var(--base-color);



}



.p-facility__sub__ttl span::before {



  left: 100%;



}



.p-facility__sub__ttl span::after {



  right: 100%;



}



.p-facility__sub__txt {



  margin-bottom: 4.7rem;



  font-size: 1.5rem;



  line-height: 2;



}



.p-facility__sub__link a {



  display: block;



}



@media screen and (min-width: 769px) {



  .p-facility__sub__link a:hover {



    opacity: 0.7;



  }



}



.p-facility__link-image {



  width: 100%;



}



@media screen and (max-width: 768px) {



  .p-facility {



    padding: 8.6rem 0 4.4rem;



  }



  .p-facility__heading01 {



    margin-bottom: 1.5rem;



  }



  .p-facility__heading01-en {



    margin-bottom: 1.6rem;



  }



  .p-facility__heading01-en-sub {



    padding: 0 1.1rem;



  }



  .p-facility__heading01-en-sub::before, .p-facility__heading01-en-sub::after {



    margin-top: -0.4rem;



  }



  .p-facility__center-txt {



    margin: 0 4rem 2.3rem;



    line-height: 2.2;



  }



  .p-facility__list {



    margin: 0 0 3rem 0;



    min-height: inherit;



  }



  .p-facility__list-item {



    margin: 0;



    padding: 0;



    width: 100%;



    box-sizing: border-box;



  }



  .p-facility__list-inner {



    transform: scale(1);



  }



  .swiper-slide-active .p-facility__list-inner, .swiper-slide-duplicate-active .p-facility__list-inner {



    transform: scale(1);



  }



  .p-facility__list__next {



    width: 2.4rem;



    height: 2.4rem;



    top: 11rem;



    right: 0.6rem;



    transform: none;



  }



  .p-facility__list__prev {



    width: 2.4rem;



    height: 2.4rem;



    top: 11rem;



    left: 0.6rem;



    transform: rotate(180deg);



  }



  .p-facility__textbox {



    padding: 3rem 3.6rem 0 3.6rem;



  }



  .p-facility__ttl {



    margin-bottom: 1rem;



    font-size: 2rem;



    line-height: 1.8;



  }



  .p-facility__inner {



    padding: 0;



    display: block;



  }



  .p-facility__sub {



    margin-top: 7.4rem;



    padding: 4.2rem 2rem 3.9rem;



    width: auto;



  }



  .p-facility__sub__ttl {



    margin-bottom: 2rem;



    font-size: 2.2rem;



    letter-spacing: 0.11rem;



    line-height: 1.66;



  }



  .p-facility__sub__ttl span {



    padding: 0 1.5rem;



  }



  .p-facility__sub__txt {



    margin-bottom: 2.1rem;



    text-align: justify;



  }



}







.p-information {



  width: 100%;



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  margin: 0 auto;



}



.p-informationBlock01 {



  width: 100%;



  text-align: center;



  margin-bottom: 5rem;



}





@media screen and (max-width: 768px) {
	

  .p-informationBlock01 {



    margin-bottom: 2.4rem;



  }



}



.p-informationBlock01 p.en {



  color: var(--sub);



  font-family: var(--sub-font);



  font-size: 2.2rem;



  font-weight: 500;



  line-height: 1.4;



  letter-spacing: 0.2em;



}



@media screen and (max-width: 768px) {



  .p-informationBlock01 p.en {



    font-size: 1.5rem;



    letter-spacing: 0.07em;



  }



}



.p-informationBlock01 h2.ja {



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



  margin-top: 3rem;



}



@media screen and (max-width: 768px) {



  .p-informationBlock01 h2.ja {



    font-size: 2rem;



    line-height: 1.6;



    letter-spacing: 0.1em;



  }



}



.p-informationBlock02 {



  width: 40rem;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: space-between;



  gap: 1.6rem 0;



}



@media screen and (max-width: 768px) {



  .p-informationBlock02 {



    width: 100%;



  }



}



.p-informationBlock03 {



  width: 40rem;



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: space-between;



  gap: 2.4rem 0;



}



@media screen and (max-width: 768px) {



  .p-informationBlock03 {



    width: 100%;



    margin-top: 3.2rem;



    gap: 1.6rem 0;



  }



}



.p-information__time {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  gap: 1rem 0;



}



.p-information__time .row01 {



  width: 100%;



  font-weight: 700;



  line-height: 2.13;



}



@media screen and (max-width: 768px) {



  .p-information__time .row01 {



    font-size: 1.6rem;



    line-height: 1.5;



    letter-spacing: 0.1em;



  }



}



.p-information__time .row02 {



  width: 100%;



  font-size: 1.2rem;



}



@media screen and (max-width: 768px) {



  .p-information__time .row02 {



    font-size: 1.5rem;



    line-height: 1.6;



    letter-spacing: 0.1em;



  }



}



.p-information__time .row03 {



  width: 100%;



  color: var(--error);



  font-size: 1.2rem;



}



@media screen and (max-width: 768px) {



  .p-information__time .row03 {



    font-size: 1.3rem;



    line-height: 1.7;



    letter-spacing: 0.08em;



  }



}



.p-informationCta {



  display: flex;



  flex-wrap: wrap;



  flex-direction: column;



  justify-content: center;



  align-items: center;



  gap: 1.6rem 0;



  text-align: center;



  width: 32.8rem;



  margin: 0 auto;



  padding-top: 0.8rem;



}



@media screen and (max-width: 768px) {



  .p-informationCta {
    width: 100%;

  }



}



.p-informationCta h3 {



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.4;



  letter-spacing: 0.06em;



  width: 100%;



}



.p-informationCta__phone {



  width: 100%;



}



.p-informationCta__phone a {



  color: var(--main);



  font-size: 2.4rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.15em;



  display: inline-flex;



  justify-content: center;



  align-items: center;



  gap: 0 0.6rem;



}



@media screen and (max-width: 768px) {



  .p-informationCta__phone a {



    font-size: 2rem;



    line-height: 1.6;



    letter-spacing: 0.1em;



  }



}



.p-informationCta__phone a:hover {



  opacity: 0.7;



}



.p-informationCta__reserve {



  width: 100%;



}



.p-informationCta__reserve a {



  border-radius: 0.4rem;



  background: var(--main);



  height: 7rem;



  color: var(--white);



  font-size: 2rem;



  font-weight: 700;



  line-height: 1.75;



  letter-spacing: 0.06em;



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 0 1rem;



}



@media screen and (max-width: 768px) {



  .p-informationCta__reserve a {



    font-size: 1.8rem;



  }



}



.p-informationCta__reserve a:hover {



  opacity: 0.7;



}



.p-information__map {



  width: 100%;



}



.p-information__map iframe {



  width: 100%;



  height: 27.8rem;



}



@media screen and (max-width: 768px) {



  .p-information__map iframe {



    height: 22rem;



  }



}



.p-information__address a:hover {



  opacity: 0.7;



}



.p-information__btns {



  display: flex;



  align-items: center;



  justify-content: space-between;



  flex-wrap: wrap;



}



.p-information__btn01 a {



  border-radius: 0.4rem;



  background: var(--gray-dark);



  display: inline-flex;



  padding: 1.1rem 2.5rem;



  justify-content: center;



  align-items: center;



  color: var(--white);



}



@media screen and (max-width: 768px) {



  .p-information__btn01 a {



    padding: 1.2rem 0.6rem;



    font-size: 1.3rem;



    line-height: 1.7;



    letter-spacing: 0.08em;



  }



}



.p-information__btn01 a:hover {



  opacity: 0.7;



}



.p-information__btn02 a {



  display: flex;



  justify-content: center;



  align-items: center;



  background: url(../img/p-information-btn02.svg) no-repeat center right/2.2rem auto;



  padding-right: 2.6rem;



  font-size: 1.2rem;



}



.p-information__btn02 a:hover {



  opacity: 0.7;



}







.p-posts {



  width: 80rem;



  margin: 10rem auto 0 auto;



}



@media screen and (max-width: 768px) {



  .p-posts {



    width: 100%;



    margin: 5rem auto 0 auto;



  }



}



.p-posts__item {



  width: 100%;



  border-bottom: 0.1rem solid #2B4275;



  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;



  padding-bottom: 1.6rem;



}



@media screen and (max-width: 768px) {



  .p-posts__item {



    border-bottom: none;



    padding-bottom: 0;



  }



}



.p-posts__item + .p-posts__item {



  margin-top: 4rem;



}



.p-posts__cat {



  width: 20%;



  font-family: var(--en-font);



  color: #124077;



  font-size: 3.4rem;



  font-weight: 400;



  letter-spacing: 0.1em;



  line-height: 1;



}



@media screen and (max-width: 768px) {



  .p-posts__cat {



    width: 50%;



    order: 1;



  }



}



.p-posts__title {



  width: 60%;



  overflow: hidden;



  text-overflow: ellipsis;



  white-space: nowrap;



}



@media screen and (max-width: 768px) {



  .p-posts__title {



    width: 100%;



    order: 3;



    border-top: 0.1rem solid #2B4275;



    border-bottom: 0.1rem solid #2B4275;



    padding: 1.2rem;



    font-size: 1.3rem;



  }



}



.p-posts__title span {



  margin-right: 4rem;



}



@media screen and (max-width: 768px) {



  .p-posts__title span {



    margin-right: 1.2rem;



  }



}



.p-posts__title a:hover {



  opacity: 0.7;



}



.p-posts__link {



  width: 20%;



  text-align: right;



}



@media screen and (max-width: 768px) {



  .p-posts__link {



    width: 50%;



    order: 2;



    font-size: 1.3rem;



  }



}



.p-posts__link a {



  background: url(../img/c-btn.svg) no-repeat center right/2.5rem 2.5rem;



  display: inline-flex;



  padding-right: 4rem;



}



.p-posts__link a:hover {



  background: url(../img/c-btn-hover.svg) no-repeat center right/2.5rem 2.5rem;



}







.p-banners {



  display: flex;



  flex-wrap: wrap;



  justify-content: space-between;



}



@media screen and (max-width: 768px) {



  .p-banners {



    gap: 2rem 0;



  }



}



.p-banners__item {



  width: calc((100% - 2.6rem) / 3);



}



@media screen and (max-width: 768px) {



  .p-banners__item {



    width: 100%;



  }



}



.p-banners__thumb {



  width: 100%;



  height: 25.4rem;



  position: relative;



}



@media screen and (max-width: 768px) {



  .p-banners__thumb {



    height: 17.2rem;



  }



}



.p-banners__thumb img {



  width: 100%;



  height: 100%;



  object-fit: cover;



  object-position: center;



}



.p-banners__thumb .rayer01 {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 1;



}



.p-banners__thumb .rayer02 {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 2;



  background: rgba(0, 0, 0, 0.7);



}



.p-banners__thumb .rayer03 {



  position: absolute;



  top: 0;



  left: 0;



  width: 100%;



  height: 100%;



  z-index: 3;



  display: flex;



  justify-content: center;



  padding: 4.8rem 0 0 0;



}



@media screen and (max-width: 768px) {



  .p-banners__thumb .rayer03 {



    align-items: center;



    padding: 0;



  }



}



.p-banners__thumb .rayer03 p {



  width: 100%;



}



.p-banners__thumb .rayer03 span.num {



  color: var(--white);



  display: block;



  font-size: 3.2rem;



  line-height: 1;



  margin: 0 0 2.4rem 2.4rem;



}



@media screen and (max-width: 768px) {



  .p-banners__thumb .rayer03 span.num {



    margin: 0 0 1.2rem 2.4rem;



  }



}



.p-banners__thumb .rayer03 span.txt {



  text-align: center;



  color: var(--white);



  font-size: 3rem;



  line-height: 1.56;



  display: block;



}



@media screen and (max-width: 768px) {



  .p-banners__thumb .rayer03 span.txt {



    font-size: 2.4rem;



  }



}



.p-banners__thumb .rayer03 span.txt.row3 {



  line-height: 1.2;



  margin-top: -1.2rem;



}



@media screen and (max-width: 768px) {



  .p-banners__thumb .rayer03 span.txt.row3 {



    margin-top: -0.6rem;



  }



}



.p-banners__link {



  background: #2B4275;



  color: var(--white);



  width: 100%;



  height: 7rem;



  display: flex;



  justify-content: center;



  align-items: center;



  gap: 0 2rem;



  font-size: 2rem;



  line-height: 1.4;



}



@media screen and (max-width: 768px) {



  .p-banners__link {



    height: 5rem;



    font-size: 1.6rem;



  }



}



.p-banners__link:hover {



  background: #588FC4;



}







.p-bread {



  font-size: 1.4rem;



  font-weight: 500;



}



.p-bread ul {



  display: flex;



  align-items: center;



}



.p-bread ul li::after {



  content: ">";



  display: inline-block;



  width: 3rem;



  text-align: center;



}



.p-bread ul li:last-child::after {



  content: none;



}







.p-heroSwiper .img {



  width: 100%;



  height: calc(100vh - 18rem);



  object-fit: cover;



  object-position: top center;



}



@media screen and (max-width: 768px) {



  .p-heroSwiper .img {



    height: calc(100dvh - 6.4rem);



  }



}







.p-blogSin {



  padding-bottom: 4rem;



}



.p-blogSin__meta {



  display: flex;



  justify-content: space-between;



  flex-wrap: wrap;



  align-items: center;



}



.p-blogSin__metaLeft {



  display: flex;



  flex-wrap: wrap;



  gap: 0.8rem 0.8rem;



}



@media screen and (max-width: 768px) {



  .p-blogSin__metaLeft {



    width: 100%;



  }



}



@media screen and (max-width: 768px) {



  .p-blogSin__metaRight {



    width: 100%;



    margin-top: 0.8rem;



  }



}



.p-blogSin__date {



  font-size: 1.3rem;



  color: var(--gray-dark);



}



.p-blogSin__date i {



  margin-right: 0.5em;



}



.p-blogSin__tax {



  border-right: 0.1rem solid var(--gray);



  padding-right: 1.6rem;



  margin-right: 0.8rem;



  display: flex;



  flex-wrap: wrap;



}



@media screen and (max-width: 768px) {



  .p-blogSin__tax {



    border-right: none;



    padding-right: 0;



    margin-right: 0;



  }



}



.p-blogSin__tax a {



  color: var(--main);



  font-weight: 600;



  margin-right: 1em;



  transition: all 0.5s;



}



.p-blogSin__tax a:hover {



  text-decoration: underline;



}



.p-blogSin__tax i {



  margin-right: 0.5em;



}







.u-center {



  text-align: center;



}







.u-pb80 {



  padding-bottom: 8rem;



}







@media screen and (min-width: 769px) {



  .u-mt0 {



    margin-top: 0 !important;



  }



  .u-mt10 {



    margin-top: 1rem !important;



  }



  .u-mt20 {



    margin-top: 2rem !important;



  }



  .u-mt30 {



    margin-top: 3rem !important;



  }



  .u-mt40 {



    margin-top: 4rem !important;



  }



  .u-mt50 {



    margin-top: 5rem !important;



  }



  .u-mt60 {



    margin-top: 6rem !important;



  }



  .u-mt70 {



    margin-top: 7rem !important;



  }



  .u-mt80 {



    margin-top: 8rem !important;



  }



  .u-mt90 {



    margin-top: 9rem !important;



  }



  .u-mt100 {



    margin-top: 10rem !important;



  }



  .u-mr0 {



    margin-right: 0 !important;



  }



  .u-mr10 {



    margin-right: 1rem !important;



  }



  .u-mr20 {



    margin-right: 2rem !important;



  }



  .u-mr30 {



    margin-right: 3rem !important;



  }



  .u-mr40 {



    margin-right: 4rem !important;



  }



  .u-mr50 {



    margin-right: 5rem !important;



  }



  .u-mr60 {



    margin-right: 6rem !important;



  }



  .u-mr70 {



    margin-right: 7rem !important;



  }



  .u-mr80 {



    margin-right: 8rem !important;



  }



  .u-mr90 {



    margin-right: 9rem !important;



  }



  .u-mr100 {



    margin-right: 10rem !important;



  }



  .u-mb0 {



    margin-bottom: 0 !important;



  }



  .u-mb10 {



    margin-bottom: 1rem !important;



  }



  .u-mb20 {



    margin-bottom: 2rem !important;



  }



  .u-mb30 {



    margin-bottom: 3rem !important;



  }



  .u-mb40 {



    margin-bottom: 4rem !important;



  }



  .u-mb50 {



    margin-bottom: 5rem !important;



  }



  .u-mb60 {



    margin-bottom: 6rem !important;



  }



  .u-mb70 {



    margin-bottom: 7rem !important;



  }



  .u-mb80 {



    margin-bottom: 8rem !important;



  }



  .u-mb90 {



    margin-bottom: 9rem !important;



  }



  .u-mb100 {



    margin-bottom: 10rem !important;



  }



  .u-ml0 {



    margin-left: 0 !important;



  }



  .u-ml10 {



    margin-left: 1rem !important;



  }



  .u-ml20 {



    margin-left: 2rem !important;



  }



  .u-ml30 {



    margin-left: 3rem !important;



  }



  .u-ml40 {



    margin-left: 4rem !important;



  }



  .u-ml50 {



    margin-left: 5rem !important;



  }



  .u-ml60 {



    margin-left: 6rem !important;



  }



  .u-ml70 {



    margin-left: 7rem !important;



  }



  .u-ml80 {



    margin-left: 8rem !important;



  }



  .u-ml90 {



    margin-left: 9rem !important;



  }



  .u-ml100 {



    margin-left: 10rem !important;



  }



}



@media screen and (max-width: 768px) {



  .u-mt0--sp {



    margin-top: 0 !important;



  }



  .u-mt10--sp {



    margin-top: 1rem !important;



  }



  .u-mt20--sp {



    margin-top: 2rem !important;



  }



  .u-mt30--sp {



    margin-top: 3rem !important;



  }



  .u-mt40--sp {



    margin-top: 4rem !important;



  }



  .u-mt50--sp {



    margin-top: 5rem !important;



  }



  .u-mt60--sp {



    margin-top: 6rem !important;



  }



  .u-mt70--sp {



    margin-top: 7rem !important;



  }



  .u-mt80--sp {



    margin-top: 8rem !important;



  }



  .u-mt90--sp {



    margin-top: 9rem !important;



  }



  .u-mt100--sp {



    margin-top: 10rem !important;



  }



  .u-mr0--sp {



    margin-right: 0 !important;



  }



  .u-mr10--sp {



    margin-right: 1rem !important;



  }



  .u-mr20--sp {



    margin-right: 2rem !important;



  }



  .u-mr30--sp {



    margin-right: 3rem !important;



  }



  .u-mr40--sp {



    margin-right: 4rem !important;



  }



  .u-mr50--sp {



    margin-right: 5rem !important;



  }



  .u-mr60--sp {



    margin-right: 6rem !important;



  }



  .u-mr70--sp {



    margin-right: 7rem !important;



  }



  .u-mr80--sp {



    margin-right: 8rem !important;



  }



  .u-mr90--sp {



    margin-right: 9rem !important;



  }



  .u-mr100--sp {



    margin-right: 10rem !important;



  }



  .u-mb0--sp {



    margin-bottom: 0 !important;



  }



  .u-mb10--sp {



    margin-bottom: 1rem !important;



  }



  .u-mb20--sp {



    margin-bottom: 2rem !important;



  }



  .u-mb30--sp {



    margin-bottom: 3rem !important;



  }



  .u-mb40--sp {



    margin-bottom: 4rem !important;



  }



  .u-mb50--sp {



    margin-bottom: 5rem !important;



  }



  .u-mb60--sp {



    margin-bottom: 6rem !important;



  }



  .u-mb70--sp {



    margin-bottom: 7rem !important;



  }



  .u-mb80--sp {



    margin-bottom: 8rem !important;



  }



  .u-mb90--sp {



    margin-bottom: 9rem !important;



  }



  .u-mb100--sp {



    margin-bottom: 10rem !important;



  }



  .u-ml0--sp {



    margin-left: 0 !important;



  }



  .u-ml10--sp {



    margin-left: 1rem !important;



  }



  .u-ml20--sp {



    margin-left: 2rem !important;



  }



  .u-ml30--sp {



    margin-left: 3rem !important;



  }



  .u-ml40--sp {



    margin-left: 4rem !important;



  }



  .u-ml50--sp {



    margin-left: 5rem !important;



  }



  .u-ml60--sp {



    margin-left: 6rem !important;



  }



  .u-ml70--sp {



    margin-left: 7rem !important;



  }



  .u-ml80--sp {



    margin-left: 8rem !important;



  }



  .u-ml90--sp {



    margin-left: 9rem !important;



  }



  .u-ml100--sp {



    margin-left: 10rem !important;



  }



}



/*# sourceMappingURL=style.css.map */



@media screen and (max-width: 768px) {



.wp-block-table .has-fixed-layout {

    table-layout: fixed;
    width: 100%;


}


.editor-styles-wrapper table td, .l-gutenberg table td {

        padding: 0 0.6rem 0 0;
		display: block;
		padding: 12px;

    }



	.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th {

    word-break: break-word;
    display: block;
	padding: 12px;

}



.editor-styles-wrapper .th-left td:first-child, .l-gutenberg .th-left td:first-child {
    background: var(--gray-light);
    padding: 12px;
}

.editor-styles-wrapper table td, .l-gutenberg table td {
        padding: 0 0.6rem 0 0;
        display: block;

    }



}


.editor-styles-wrapper .th-left td:first-child, .l-gutenberg .th-left td:first-child {



    background: var(--gray-light);
    color: #0068b7;
    font-weight: bold;

}

.p-information .p-informationBlock01 .bnr_area{
    margin: 3rem auto;
}
.p-information .p-informationBlock01 .bnr_area img{
	max-width: 100%;
}

@media screen and (max-width: 768px) {
	.p-information .p-informationBlock01 .bnr_area{
		width: 100%;
	}
}