@charset "UTF-8";
/* ========================================
    foundation
======================================== */
@import url("https://fonts.googleapis.com/css2?family=Genos:wght@900&family=Montserrat:wght@100;400;900&family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap");
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, abbr, address,
cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup,
var, b, i, dl, dt, dd, ol, ul, li, li > ul,
a, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption,
footer, header, hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  line-height: 1;
}

li {
  list-style-type: none;
}

.textLink {
  text-decoration: underline;
  color: #57A3D9;
}
.textLink:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .spNone {
    display: none !important;
  }
}

.tabOnly {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .tabOnly {
    display: block !important;
  }
}

.pcNone {
  display: block !important;
}
@media screen and (min-width: 768px) {
  .pcNone {
    display: none !important;
  }
}

.tabspOnly {
  display: none !important;
}
@media screen and (min-width: 1024px) {
  .tabspOnly {
    display: block !important;
  }
}

.en {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 400;
}

html {
  scroll-behavior: smooth;
  height: -webkit-fill-available;
  font-size: 62.5%;
}

body {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100%;
  font-size: 16px;
  font-weight: 300;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  color: #1C1B1F;
  background-color: #fff;
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
  }
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

p, li, a, dt, dd {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 300;
  color: #1C1B1F;
}

p, li, a, dt, dd {
  line-height: 1.8;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-family: "heisei-maru-gothic-std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  color: #032052;
}

body.fixed {
  position: fixed;
}

/* ========================================
    layout
======================================== */
.l-inner {
  max-width: 112rem;
  width: 100%;
  margin: 0 auto;
  padding-left: clamp(3rem, 4.39238653vw, 6rem);
  padding-right: clamp(3rem, 4.39238653vw, 6rem);
}
@media screen and (max-width: 767px) {
  .l-inner {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.l-main {
  margin-top: 88px;
}
@media screen and (max-width: 1024px) {
  .l-main {
    margin-top: 84px;
  }
}
@media screen and (max-width: 767px) {
  .l-main {
    margin-top: 130px;
  }
}

.l-wrapper {
  overflow: hidden;
}

/* ========================================
    object / component
======================================== */
.btnA a {
  font-weight: 600;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btnA a .icon {
  width: 2.6rem;
  height: 2.6rem;
  background-color: #57A3D9;
  border-radius: 10rem;
  position: relative;
  overflow: hidden;
}
.btnA a .icon .iconInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 5.2rem;
  position: relative;
}
.btnA a .icon .iconInner::after {
  content: "\e5e1";
  font-size: 1.4rem;
  font-family: "Material Icons";
  font-weight: 300;
  color: #fff;
  width: 2.6rem;
  height: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btnA a .icon .iconInner::before {
  content: "\e5e1";
  font-size: 1.4rem;
  font-family: "Material Icons";
  font-weight: 300;
  color: #fff;
  width: 2.6rem;
  height: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btnA a:hover .iconInner::after {
  -webkit-animation: loop-icon-animation-2 1s ease-out;
  animation: loop-icon-animation-2 1s ease-out;
}
.btnA a:hover .iconInner::before {
  left: 50%;
  -webkit-animation: loop-icon-animation-2 1s ease-out;
  animation: loop-icon-animation-2 1s ease-out;
}
.btnA--small a {
  gap: 0.8rem;
}
.btnA--wide a {
  gap: 1.2rem;
}

.btnB a {
  display: block;
  width: 100%;
  background-color: #57A3D9;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  padding: 1.8rem 3.4rem 1.8rem 1.4rem;
  border-radius: 1rem;
  position: relative;
  white-space: nowrap;
  -webkit-box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.15);
}
.btnB a .icon {
  width: 2.6rem;
  height: 2.6rem;
  background-color: #57A3D9;
  border-radius: 10rem;
  position: relative;
  overflow: hidden;
  position: absolute;
  top: 50%;
  right: 1.1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.btnB a .icon .iconInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 5.2rem;
  position: relative;
}
.btnB a .icon .iconInner::after {
  content: "\e5e1";
  font-size: 1.4rem;
  font-family: "Material Icons";
  font-weight: 300;
  color: #fff;
  width: 2.6rem;
  height: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btnB a .icon .iconInner::before {
  content: "\e5e1";
  font-size: 1.4rem;
  font-family: "Material Icons";
  font-weight: 300;
  color: #fff;
  width: 2.6rem;
  height: 2.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btnB a:hover .iconInner::after {
  -webkit-animation: loop-icon-animation-2 1s ease-out;
  animation: loop-icon-animation-2 1s ease-out;
}
.btnB a:hover .iconInner::before {
  left: 50%;
  -webkit-animation: loop-icon-animation-2 1s ease-out;
  animation: loop-icon-animation-2 1s ease-out;
}
.btnB--white a {
  background-color: #fff;
  color: #57A3D9;
  border: solid 0.1rem #57A3D9;
}
.btnB--white a .icon {
  background-color: #fff;
}
.btnB--white a .icon .iconInner::after {
  color: #57A3D9;
}
.btnB--white a .icon .iconInner::before {
  color: #57A3D9;
}
.btnB--wide {
  max-width: 33rem;
  width: 100%;
}
.btnB--small {
  max-width: 25rem;
}

@-webkit-keyframes loop-icon-animation-2 {
  0% {
    -webkit-transform: translate(-101%);
    transform: translate(-101%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}

@keyframes loop-icon-animation-2 {
  0% {
    -webkit-transform: translate(-101%);
    transform: translate(-101%);
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
/* ========================================
    object / project
======================================== */

.p-flow {
  background-color: #F5F6F7;
}
.p-flow_inner {
  padding-top: clamp(6rem, 10vw, 10rem);
  padding-bottom: clamp(6rem, 10vw, 10rem);
}
.p-flow .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.p-flow_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4rem 5rem;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-flow_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-flow_listItem {
  width: calc((100% - 10rem) / 3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(2rem, 3vw, 3rem);
  background-color: #fff;
  border-radius: 0.8rem;
  padding: clamp(2.4rem, 3vw, 3rem) clamp(2rem, 2.5vw, 2.5rem);
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-flow_listItem {
    width: 100%;
  }
}
.p-flow_listItem::after {
  content: "";
  width: 1rem;
  height: 2rem;
  background-color: #57A3D9;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  right: -3rem;
}
@media screen and (max-width: 1023px) {
  .p-flow_listItem::after {
    top: initial;
    right: initial;
    bottom: -2.8rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 1.6rem;
    height: 0.8rem;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
.p-flow_listItem .number {
  display: inline-block;
  font-size: 1.4rem;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  color: #fff;
  line-height: 1.5;
  background-color: #032052;
  border-radius: 10rem;
  padding: 0.2rem 1.2rem 0;
  margin-bottom: clamp(1rem, 1.1vw, 1.1rem);
}
.p-flow_listItem h3 {
  font-size: 2rem;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  margin-bottom: clamp(1rem, 1.1vw, 1.1rem);
}
.p-flow_listItem .detailBox {
  justify-items: center;
}
.p-flow_listItem .description {
  font-size: 16px;
  font-weight: 600;
}
.p-flow_listItem .detailBox .banner {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 8px;
  padding-bottom: 8px;
}
.p-flow_listItem .read {
  text-align: justify;
}
@media screen and (max-width: 1023px) {
  .p-flow .appBoxPc {
    width: 25rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .p-flow .appBoxPc {
    width: 28rem;
    display: none;
  }
}
.p-flow .appBoxPc h4 {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  text-align: center;
  position: relative;
  margin-bottom: 1.6rem;
}
.p-flow .appBoxPc h4::before, .p-flow .appBoxPc h4::after {
  display: block;
  content: "";
  width: 2.2rem;
  height: 0.1rem;
  background-image: url(../img/common/decora_line.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
}
@media screen and (max-width: 767px) {
  .p-flow .appBoxPc h4::before, .p-flow .appBoxPc h4::after {
    width: 4.2rem;
    background-image: url(../img/common/decora_line02.png);
  }
}
.p-flow .appBoxPc h4::before {
  left: 0;
}
.p-flow .appBoxPc h4::after {
  right: 0;
}
.p-flow .appBoxPc .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.3rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .p-flow .appBoxPc .flex {
    gap: 3rem;
  }
}
.p-flow .appBoxPc .qr {
  width: calc((100% - 1.3rem) / 2);
  max-width: 118px;
  border-radius: 16px;
  background-color: #FFFFFF;
  border: 1px solid #E5F1F9;
  padding: 4px;
}
.p-flow .appBoxPc .download {
  align-content: space-around;
  display: block;
  width: calc((100% - 1.3rem) / 2);
}
.p-flow .appBoxPc .download .apple {
  margin-bottom: 1rem;
}
.p-flow .appBoxPc .download a {
  width: calc((100% - 1.4rem) / 2);
}
.p-flow .appBoxSp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-flow .appBoxSp {
    width: 29rem;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .p-flow .appBoxSp {
    max-width: 29rem;
    display: block;
  }
}
.p-flow .appBoxSp .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(2rem, 7.6923076923vw, 3rem);
}
.p-flow .appBoxSp .thumb {
  width: clamp(9rem, 28.2051282051vw, 11rem);
}
.p-flow .appBoxSp .thumb img {
  margin-bottom: 0.8rem;
  -webkit-filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.1));
}
.p-flow .appBoxSp .thumb h5 {
  font-size: 1.6rem;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  text-align: center;
}
.p-flow .appBoxSp .download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.4rem;
  width: clamp(13rem, 38.4615384615vw, 15rem);
}
.p-flow .imageBox--B {
  max-width: 17.2rem;
  margin: 0 auto -3rem;
}
.p-flow .imageBox--C {
  background-color: #F2FAFF;
  height: 21rem;
  border-radius: 0.8rem;
  overflow: hidden;
  padding-top: 1.4rem;
  text-align: center;
}
.p-flow .imageBox--C img {
  width: 13rem;
}
.p-flow .imageBox--D {
  height: 21rem;
  border-radius: 0.8rem;
  overflow: hidden;
}
.p-flow .imageBox--D .image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.p-flow .menuBox a {
  text-align: center;
}
.p-flow .menuBox a:not(:last-child) {
  margin-bottom: 1.2rem;
}

.p-footer {
  background-color: #F5F6F7;
}
@media screen and (max-width: 767px) {
  .p-footer {
    background-color: #fff;
  }
}
.p-footer_inner {
  padding-top: clamp(3rem, 8vw, 8rem);
  padding-bottom: clamp(3rem, 4.6vw, 4.6rem);
}
.p-footer h2 {
  width: 20rem;
  margin-bottom: 3rem;
}
.p-footer_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 6rem;
}
.p-footer_menuItem {
  width: 23.5%;
}
@media screen and (max-width: 820px) {
  .p-footer_menuItem {
    width: calc((100% - 2rem) / 2);
    margin-bottom: 5rem;
  }
}
.p-footer_menuItem h3 {
  font-size: 1.6rem;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
.p-footer_menuItem a {
  font-size: 1.5rem;
  line-height: 2;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.p-footer_menuItem a:hover {
  color: #878787;
}
.p-footer_bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-footer_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2rem;
  }
}
.p-footer_menuItem .snsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: clamp(1.6rem, 2.4vw, 2.4rem);
}
.p-footer_menuItem .snsBox a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  margin-left: 6rem;
}
@media screen and (max-width: 820px) {
  .p-footer_menuItem .snsBox a {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .p-footer_menuItem .snsBox a {
    border: solid 0.1rem #E3E3E3;
    width: 5.4rem;
    height: 5.4rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10rem;
  }
}
.p-footer_menuItem .snsBox .note {
  width: 2.4rem;
}
.p-footer_menuItem .snsBox .insta {
  width: 2.4rem;
}
.p-footer_menuItem .snsBox .twitter {
  width: 2.2rem;
}
.p-footer_menuItem .snsBox p {
  font-size: 1.4rem;
  line-height: 1;
}
.p-footer_bottom .copyright {
  font-size: 1.2rem;
  white-space: nowrap;
}

.p-header {
  width: 100%;
  padding: 30px 40px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
}
@media screen and (max-width: 767px) {
  .p-header {
    width: 100%;
    height: auto;
    background-color: #fff;
    margin-top: 66px;
    padding: 20px 30px;
  }
  .fixed .p-header {

  }
}
.p-header_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  z-index: 11;
  position: relative;
}
.p-header_logo {
  width: clamp(15.4rem, 14.6412884334vw, 20rem);
}
.p-header_logo a {
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .p-header_nav {
    display: none;
  }
}
.p-header_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(2.1rem, 3.0014641288vw, 4.1rem);
}
.p-header_nav a {
  font-weight: 600;
  color: #032052;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.p-header_nav a:hover {
  color: #57A3D9;
}
.p-header_toggleBox {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-header_toggleBox {
    display: block;
  }
}
.p-header_toggleBox .heading {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  padding-top: 0.5rem;
}
.p-header_toggleBox .hamburgerMenu {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: initial;
  padding: 0;
  cursor: pointer;
  width: 3rem;
  height: 2.1rem;
}
.p-header_toggleBox .hamburgerMenu_bar {
  display: inline-block;
  width: 3rem;
  height: 0.3rem;
  background: #032052;
  position: absolute;
  top: 0rem;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.p-header_toggleBox .hamburgerMenu_bar:first-child {
  top: 0;
}
.p-header_toggleBox .hamburgerMenu_bar:nth-child(2) {
  top: 0.9rem;
}
.p-header_toggleBox .hamburgerMenu_bar:last-child {
  top: 1.8rem;
}
.p-header_toggleBox .hamburgerMenu.active .hamburgerMenu_bar:first-child {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  top: 50%;
}
.p-header_toggleBox .hamburgerMenu.active .hamburgerMenu_bar:last-child {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  top: 50%;
}
.p-header_toggleBox .hamburgerMenu.active .hamburgerMenu_bar:nth-child(2) {
  display: none;
}
.p-header .navigation {
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: scroll;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 767px) {
  .p-header .navigation {
    margin-left: 0;
    width: 100%;
  }
}
.p-header .navigation.active {
  opacity: 1;
  visibility: visible;
}
.p-header .navigation_inner {
  height: calc(100dvh - 9rem);
  margin-top: 9rem;
  padding: 0 clamp(3rem, 4.39238653vw, 6rem) 10.7rem;
  overflow: scroll;
}
@media screen and (max-width: 767px) {
  .p-header .navigation_inner {
    height: calc(100dvh - 6rem);
    margin-top: 6rem;
  }
}
.p-header .navigation_list {
  list-style: none;
}
.p-header .navigation_listItem {
  line-height: 1;
  border-bottom: solid 0.1rem #E3E3E3;
}
.p-header .navigation_listItem a {
  display: block;
  padding: 2.3rem 0;
}
.p-header .navigation_listItem .p-accordion_heading {
  font-weight: 600;
  position: relative;
  cursor: pointer;
  padding: 2.3rem 0;
}
.p-header .navigation_listItem .p-accordion_heading::after {
  content: "\e5e1";
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 10rem;
  background-color: #57A3D9;
  font-size: 1.4rem;
  font-family: "Material Icons";
  font-weight: 300;
  color: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.p-header .navigation_listItem .p-accordion_heading.open::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
  border: solid 0.1rem #57A3D9;
  background-color: #fff;
  color: #57A3D9;
}
.p-header .navigation_listItem .p-accordion_content {
  display: none;
  padding-bottom: 2rem;
  padding-left: 1.5rem;
}
.p-header .navigation_listItem .p-accordion_content a {
  font-size: 1.5rem;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  padding: 1rem 0;
}
.p-header .navigation_listItem .p-accordion_content a:hover {
  color: #878787;
}
.p-header .navigation_info {
  padding: 2rem 0;
  border-bottom: solid 0.1rem #E3E3E3;
}
.p-header .navigation_info a {
  font-size: 1.5rem;
  line-height: 2.5;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.p-header .navigation_info a:hover {
  color: #878787;
}
.p-header .navigation_snsBox {
  padding-top: 2rem;
}
.p-header .navigation_snsBox .heading {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2.5;
  color: #000;
  margin-bottom: 0.8rem;
}
.p-header .navigation_snsBox .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.6rem, 2.4vw, 2.4rem);
}
.p-header .navigation_snsBox .flex a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
}
.p-header .navigation_snsBox .flex .note {
  width: 2.2rem;
}
.p-header .navigation_snsBox .flex .insta {
  width: 2.2rem;
}
.p-header .navigation_snsBox .flex .twitter {
  width: 2.2rem;
}
.p-header .navigation_snsBox .flex p {
  font-size: 1.4rem;
  line-height: 1;
}


.p-newPost_inner {
  padding-top: clamp(8rem, 16vw, 10rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6rem 4rem;
}
@media screen and (max-width: 767px) {
  .p-newPost_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.p-newPost .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
@media screen and (max-width: 767px) {
  .p-newPost .secHeading {
    font-size: 2.6rem;
  }
}
.p-newPost_list {
  border-top: solid 0.1rem #E3E3E3;
  margin-bottom: clamp(2rem, 3vw, 3rem);
}
.p-newPost_listItem {
  border-bottom: solid 0.1rem #E3E3E3;
}
.p-newPost_listItem a {
  display: block;
  padding: 2.6rem 0;
}
.p-newPost_listItem .date {
  font-size: 1.2rem;
  margin-bottom: 1.2rem;
}
.p-newPost_listItem h3 {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  color: #1C1B1F;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.p-newPost_listItem a:hover h3 {
  color: #878787;
}
.p-newPost .btnA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.p-question_inner {
  padding-top: clamp(8rem, 16vw, 10rem);
  padding-bottom: clamp(8rem, 16vw, 10rem);
}
.p-question_content {
  border: solid 0.2rem #032052;
  padding: clamp(3rem, 6vw, 6rem) clamp(2rem, 6vw, 6rem);
  border-radius: 0.8rem;
}
.p-question_content .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
@media screen and (max-width: 767px) {
  .p-question_content .secHeading {
    font-size: 2.2rem;
  }
}
.p-question_content .btnB {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.p-question_content .btnB a {
  width: 29rem;
}
.p-question_list {
  margin-bottom: clamp(2rem, 4vw, 4rem);
}
.p-question_list dl {
  border-bottom: solid 0.1rem #E3E3E3;
  padding-bottom: clamp(2.4rem, 3vw, 3rem);
}
.p-question_list dl:not(:last-child) {
  margin-bottom: clamp(2.4rem, 3vw, 3rem);
}
.p-question_list dt, .p-question_list dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.2rem, 2vw, 2rem);
}
.p-question_list dt span, .p-question_list dd span {
  display: inline-block;
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-family: "poppins", sans-serif;
  font-weight: 600;
  line-height: 1;
  width: clamp(3rem, 4vw, 4rem);
  height: clamp(3rem, 4vw, 4rem);
  border-radius: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.p-question_list dt p, .p-question_list dd p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.p-question_list dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: clamp(1rem, 1.4vw, 1.4rem);
}
.p-question_list dt span {
  border: solid 0.1rem #032052;
}
.p-question_list dt p {
  font-size: clamp(1.6rem, 2vw, 2rem);
  font-weight: 600;
  line-height: 1.3;
  color: #032052;
}
.p-question_list dd.alignCenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .p-question_list dd.alignCenter {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.p-question_list dd span {
  background-color: #032052;
  color: #fff;
}

.secHeading {
  font-family: "heisei-maru-gothic-std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 800;
  line-height: 1.5;
  color: #032052;
  font-size: clamp(2.6rem, 3.4vw, 3.4rem);
}
.secHeading small {
  display: block;
  font-size: clamp(1.3rem, 1.5vw, 1.5rem);
  line-height: 1;
}
.secHeading--small {
  font-size: clamp(2.2rem, 2.6vw, 2.6rem);
}

/* ========================================
    object / page
======================================== */
.pageOnline .kv_inner {
  padding-left: 2rem;
  padding-right: clamp(2rem, 7.5402635432vw, 10.3rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: clamp(4rem, 5.8565153734vw, 8rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .kv_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    gap: 0;
  }
}
.pageOnline .kv .photoBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 0.7;
  height: clamp(36rem, 38.5065885798vw, 52.6rem);
  background-color: #F2FAFF;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: clamp(4rem, 3.7335285505vw, 5.1rem) clamp(5rem, 7.3206442167vw, 10rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .kv .photoBox {
    width: 100%;
  }
}
.pageOnline .kv .photoBox img {
  width: clamp(26rem, 38.5065885798vw, 52.6rem);
}
.pageOnline .kv .detailBox {
  width: clamp(26rem, 30.0146412884vw, 41rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .kv .detailBox {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.pageOnline .kv .detailBox h1 {
  font-size: clamp(2.6rem, 3.1478770132vw, 4.3rem);
  font-weight: 800;
  font-family: "heisei-maru-gothic-std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  margin-bottom: 2.1rem;
}
@media screen and (max-width: 767px) {
  .pageOnline .kv .detailBox h1 {
    display: inline-block;
    background-color: #fff;
    margin-top: -6.5rem;
    margin-left: -1.5rem;
    padding: 1.3rem 2rem;
    border-radius: 0 1rem 0 0;
    margin-bottom: 4rem;
  }
}
.pageOnline .kv .detailBox .headingSub {
  font-size: clamp(1.5rem, 1.6105417277vw, 2.2rem);
  font-weight: 600;
  color: #032052;
  margin-bottom: 2.1rem;
}
@media screen and (max-width: 767px) {
  .pageOnline .kv .detailBox .headingSub {
    background-color: #032052;
    text-align: center;
    color: #fff;
    padding: 0.6rem;
    border-radius: 0.6rem;
    position: relative;
    margin-bottom: 2rem;
  }
  .pageOnline .kv .detailBox .headingSub::after {
    content: "";
    width: 1rem;
    height: 0.6rem;
    background-color: #032052;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    position: absolute;
    bottom: -0.6rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.pageOnline .kv_listItem {
  padding-left: 2.8rem;
  position: relative;
}
.pageOnline .kv_listItem:not(:last-child) {
  margin-bottom: 1.8rem;
  padding-bottom: 1.8rem;
  border-bottom: solid 0.1rem #E3E3E3;
}
.pageOnline .kv_listItem::before {
  content: "\e5ca";
  font-family: "Material Icons";
  font-weight: 300;
  color: #F57474;
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  top: 0;
  left: 0;
}
.pageOnline .downloadTop {
  padding-top: clamp(5rem, 6vw, 6rem);
}
.pageOnline .downloadTop_content {
  border: solid 0.1rem #E5F1F9;
  border-radius: 0.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(1.4rem, 3vw, 3rem);
  padding: clamp(0rem, 2.4vw, 2.4rem);
}
@media screen and (max-width: 820px) {
  .pageOnline .downloadTop_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: none;
    padding: 0;
  }
}
.pageOnline .downloadTop_app {
  width: 55%;
}
.pageOnline .downloadTop_appInner {
  width: clamp(33rem, 64.6vw, 64.6rem);
}
@media screen and (max-width: 100px) {
  .pageOnline .downloadTop_appInner {
    width: auto;
  }
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appInner > h2 {
    margin: 0 auto 1.3rem;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 1;
  }
  .pageOnline .downloadTop_appInner > h2 span {
    display: inline-block;
    padding: 0 0.7rem;
    background-color: #fff;
    font-size: clamp(1.4rem, 1.4641288433vw, 2rem);
    font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
    font-weight: 600;
    line-height: 1.5;
  }
  .pageOnline .downloadTop_appInner > h2::before, .pageOnline .downloadTop_appInner > h2::after {
    display: block;
    content: "";
    width: 6.2rem;
    height: 0.1rem;
    background-image: url(../img/common/decora_line02.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    z-index: -1;
  }
  .pageOnline .downloadTop_appInner > h2::before {
    left: 0;
  }
  .pageOnline .downloadTop_appInner > h2::after {
    right: 0;
  }
}
.pageOnline .downloadTop_appDownload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appDownload {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.pageOnline .downloadTop_appDownload .icon {
  width: clamp(8rem, 11.6vw, 11.6rem);
  margin-right: 1.2rem;
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appDownload .icon {
    width: 14rem;
    margin-right: 2rem;
  }
  .pageOnline .downloadTop_appDownload .icon img {
    margin-bottom: 0.8rem;
    -webkit-filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 0.8rem rgba(0, 0, 0, 0.1));
  }
  .pageOnline .downloadTop_appDownload .icon p {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    color: #032052;
  }
}
.pageOnline .downloadTop_appDownload .btnBox {
  width: clamp(10rem, 29vw, 29rem);
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appDownload .btnBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 0;
  }
}
.pageOnline .downloadTop_appDownload .btnBox h3 {
  font-size: clamp(1rem, 1.8vw, 1.8rem);
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 1vw, 1rem);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appDownload .btnBox h3 {
    margin-bottom: 1.3rem;
  }
}
.pageOnline .downloadTop_appDownload .btnBox .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0.4rem, 0.8vw, 0.8rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appDownload .btnBox .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 1.4rem;
  }
}
.pageOnline .downloadTop_appDownload .btnBox .apple {
  width: clamp(8rem, 14vw, 14rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appDownload .btnBox .apple {
    width: 15rem;
  }
}
.pageOnline .downloadTop_appDownload .btnBox .google {
  width: clamp(8rem, 14vw, 14rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .downloadTop_appDownload .btnBox .google {
    width: 15rem;
  }
}
.pageOnline .downloadTop_appDownload .qr {
  flex-basis: 100px;
  border-radius: 16px;
  background-color: #FFFFFF;
  border: 1px solid #E5F1F9;
  padding: 4px;
}
.pageOnline .downloadTop_appDownload .qr img {
  max-width: 100px;
}
@media screen and (max-width: 1000px) {
  .pageOnline .downloadTop_appDownload .qr img {
    width: calc((100% - clamp(0.5rem, 1.4vw, 1.4rem)) / 2);
  }
}
.pageOnline .downloadTop_detail {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 8px;
}
.pageOnline .downloadTop_detail .read {
  font-size: clamp(1.2rem, 1.4vw, 1.4rem);
  line-height: 1.5;
}
.pageOnline .medicalTime_inner {
  padding-top: clamp(5rem, 14vw, 10rem);
}
.pageOnline .medicalTime_content {
  border: solid 0.2rem #032052;
  border-radius: 1rem;
  padding: clamp(3rem, 6vw, 6rem) clamp(2rem, 6vw, 6rem);
}
.pageOnline .medicalTime .secHeading {
  margin-bottom: clamp(1.4rem, 2vw, 2rem);
  position: relative;
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
}
.pageOnline .medicalTime .secHeading::before {
  display: block;
  font-family: "Material Icons";
  font-weight: 300;
  font-size: 3.8rem;
  color: #032052;
}
.pageOnline .medicalTime .secHeading > span {
  margin-top: 0.6rem;
}
.pageOnline .medicalTime .secHeading.clock::before {
  content: "\e8b5";
}
.pageOnline .medicalTime .secHeading.price::before {
  content: "\eafb";
  font-size: 3.4rem;
}
.pageOnline .medicalTime_table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E3E3E3;
  margin-bottom: clamp(3rem, 6vw, 6rem);
}
.pageOnline .medicalTime_table th, .pageOnline .medicalTime_table td {
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
  line-height: 1.3;
  font-weight: 600;
  border-bottom: 1px solid #E3E3E3;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.pageOnline .medicalTime_table th {
  color: #fff;
  padding: 0.7rem;
}
.pageOnline .medicalTime_table th.reserved {
  background-color: #4C70AA;
  width: 40%;
}
.pageOnline .medicalTime_table th.medical {
  background-color:#002053;
  width: 40%;
}
.pageOnline .medicalTime_table th.none,
.pageOnline .medicalTime_table td.week {
  width: 20%;
}
@media screen and (max-width: 767px) {
  .pageOnline .medicalTime_table th.none,
  .pageOnline .medicalTime_table td.week {
    width: clamp(6rem, 18.6666666667vw, 7rem);
  }
}
.pageOnline .medicalTime_table td {

}
.pageOnline .medicalTime_table td.week {
  text-align: center;
}
.pageOnline .medicalTime_table td.time01 {
  background-color:#FFFFFF;
  color: #4C70AA;
  border-right: 1px solid #E3E3E3;
}
.pageOnline .medicalTime_table td.time02 {
  background-color:#FFFFFF;
  color:#002053;
}
.pageOnline .medicalTime .read {
  margin-bottom: 3rem;
}
.pageOnline .medicalTime .attentionBox {
  background-color: #FFF4F5;
  border: solid 0.1rem #F35252;
  padding: clamp(2rem, 3vw, 3rem);
  border-radius: 0.6rem;
}
.pageOnline .medicalTime .attentionBox h3 {
  font-size: clamp(1.5rem, 1.8vw, 1.8rem);
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  color: #F35252;
  margin-bottom: 0.6rem;
}
.pageOnline .medicalTime .week-label--weekday {
  background-color: #F4F4F4;
  color: #777777;
  height: 10rem;
}
.pageOnline .medicalTime .week-label--saturday {
  background-color:#E1ECFF;
  color:#5A93E7;
  height: 5rem;
}
.pageOnline .medicalTime .week-label--sunday-holiday {
  background-color: #FFE7E7;
  color:#EE6869;
  height: 5rem;
}
.pageOnline .news_inner {
  padding-top: clamp(8rem, 16vw, 10rem);
  padding-bottom: clamp(8rem, 16vw, 10rem);
}
.pageOnline .news .secHeading {
  margin-bottom: clamp(1.6rem, 2.4vw, 2.4rem);
}
.pageOnline .news_list {
  border-top: solid 0.1rem #E3E3E3;
  margin-bottom: clamp(2rem, 3vw, 3rem);
}
.pageOnline .news_listItem {
  border-bottom: solid 0.1rem #E3E3E3;
}
.pageOnline .news_listItem a {
  padding: 2.6rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.2rem;
}
@media screen and (max-width: 767px) {
  .pageOnline .news_listItem a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.pageOnline .news_listItem .date {
  width: auto;
  white-space: nowrap;
  font-size: 1.2rem;
}
.pageOnline .news_listItem h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.6rem;
  font-weight: 300;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  color: #1C1B1F;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.pageOnline .news_listItem a:hover h3 {
  color: #878787;
}
.pageOnline .news .btnA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pageOnline .capable {
  background-color: #F5F6F7;
}
.pageOnline .capable_inner {
  padding-top: clamp(6rem, 10vw, 10rem);
  padding-bottom: clamp(6rem, 10vw, 10rem);
}
.pageOnline .capable_head {
  text-align: center;
  margin-bottom: clamp(1.6rem, 3vw, 3rem);
}
.pageOnline .capable_head .heading {
  display: inline-block;
  font-size: clamp(2rem, 2.4vw, 2.4rem);
  font-weight: 800;
  font-family: "heisei-maru-gothic-std", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  color: #032052;
  position: relative;
  margin-bottom: 0.5rem;
}
.pageOnline .capable_head .heading::before, .pageOnline .capable_head .heading::after {
  content: "";
  width: 0.2rem;
  height: 2.1rem;
  background-color: #032052;
  position: absolute;
  top: 50%;
}
.pageOnline .capable_head .heading::before {
  left: -1.1rem;
  -webkit-transform: translateY(-50%) rotate(-11deg);
  transform: translateY(-50%) rotate(-11deg);
}
.pageOnline .capable_head .heading::after {
  right: -1.1rem;
  -webkit-transform: translateY(-50%) rotate(11deg);
  transform: translateY(-50%) rotate(11deg);
}
.pageOnline .capable_head .secHeading {
  font-weight: 800;
}
.pageOnline .capable_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(1.6rem, 2vw, 2rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .capable_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.pageOnline .capable_listItem {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0.8rem;
  overflow: hidden;
  background-color: #fff;
}
.pageOnline .capable_listItem .detailBox {
  padding: clamp(2.4rem, 3vw, 3rem) clamp(2rem, 3vw, 3rem);
}
.pageOnline .capable_listItem .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0.6rem, 1vw, 1rem);
  margin-bottom: clamp(1rem, 1.4vw, 1.4rem);
}
.pageOnline .capable_listItem .head .number {
  width: clamp(2.4rem, 3vw, 3rem);
  height: clamp(2.4rem, 3vw, 3rem);
  font-size: clamp(1.4rem, 1.6vw, 1.6rem);
  background-color: #032052;
  border-radius: 10rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pageOnline .capable_listItem .head h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  line-height: 1.2;
}
.pageOnline .subject_inner {
  padding-top: clamp(8rem, 16vw, 10rem);
  padding-bottom: clamp(8rem, 16vw, 10rem);
}
.pageOnline .subject .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.pageOnline .subject .read {
  margin-bottom: clamp(3rem, 4.3vw, 4.3rem);
}
.pageOnline .subject_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: solid 0.1rem #E3E3E3;
  }
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem {
    padding: 2.5rem 0;
    border-bottom: solid 0.1rem #E3E3E3;
  }
}
.pageOnline .subject_listItem:nth-child(1) {
  margin-right: clamp(6rem, 13vw, 13rem);
}
@media screen and (max-width: 1023px) {
  .pageOnline .subject_listItem:nth-child(1) {
    margin-right: clamp(6rem, 10vw, 10rem);
  }
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem:nth-child(1) {
    margin-right: 0;
  }
}
.pageOnline .subject_listItem:nth-child(2) {
  margin-right: clamp(6rem, 16.9vw, 16.9rem);
}
@media screen and (max-width: 1023px) {
  .pageOnline .subject_listItem:nth-child(2) {
    margin-right: clamp(6rem, 10vw, 10rem);
  }
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem:nth-child(2) {
    margin-right: 0;
  }
}
.pageOnline .subject_listItem h3 {
  display: inline-block;
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  color: #fff;
  background-color: #032052;
  border-radius: 10rem;
  padding: 0.6rem 2rem;
  margin-bottom: clamp(0.8rem, 2.2vw, 2.2rem);
}
.pageOnline .subject_listItem:nth-child(1) .listBox {
  width: clamp(17rem, 22vw, 22rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem:nth-child(1) .listBox {
    width: 22.5rem;
  }
}
.pageOnline .subject_listItem:nth-child(2) .listBox {
  width: clamp(13.1rem, 18.1vw, 18.1rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem:nth-child(2) .listBox {
    width: 20.6rem;
  }
}
.pageOnline .subject_listItem:nth-child(3) .listBox {
  width: clamp(19.7rem, 24.7vw, 24.7rem);
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem:nth-child(3) .listBox {
    width: 22.2rem;
  }
}
.pageOnline .subject_listItem .listBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0 4rem;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem .listBox {
    gap: 0 5.9rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.pageOnline .subject_listItem .listBox li {
  font-size: clamp(1.8rem, 2vw, 2rem);
  width: calc((100% - 4rem) / 2);
  padding-left: 1.6rem;
  position: relative;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pageOnline .subject_listItem .listBox li {
    width: calc((100% - 5.9rem) / 2);
  }
}
.pageOnline .subject_listItem .listBox li::before {
  content: "";
  background-color: #032052;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 0.7rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pageOnline .p-question .btnB .iconInner::before {
  content: "\e5e1";
}
.pageOnline .p-question .btnB .iconInner::after {
  display: none;
}
.pageOnline .p-question .btnB a:hover .iconInner::before {
  -webkit-animation: initial;
  animation: initial;
}

.pageTop .kv_inner {
  height: calc(100dvh - 9rem);
  padding-left: clamp(1.5rem, 1.4641288433vw, 2rem);
  padding-right: clamp(1.5rem, 1.4641288433vw, 2rem);
}
@media screen and (max-width: 1440px) {
  .pageTop .kv_inner {
    height: 100%;
  }
}
.pageTop .kv_content {
  width: 100%;
  height: calc(100dvh - 27rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: clamp(2rem, 4.39238653vw, 6rem);
  border-radius: 1rem 1rem 0 0;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .pageTop .kv_content {
    height: 100%;
    min-height: 64rem;
  }
}
@media screen and (max-width: 767px) {
  .pageTop .kv_content {
    min-height: 116vw;
  }
}
.pageTop .kv_content h1 {
  max-width: 132.6rem;
  width: 100%;
  padding-left: clamp(3.8rem, 6.0761346999vw, 8.3rem);
  padding-right: clamp(3.8rem, 5.3440702782vw, 7.3rem);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_content h1 {
    padding-left: clamp(2rem, 4.9543676662vw, 3.8rem);
    padding-right: clamp(2rem, 4.9543676662vw, 3.8rem);
  }
}
.pageTop .kv_content h1 span {
  display: block;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_content h1 span {
    text-align: center;
  }
}
.pageTop .kv_content h1 span img {
  width: clamp(28.4rem, 29.5021961933vw, 40.3rem);
}
.pageTop .kv_content h1 span.shadow {
  -webkit-filter: drop-shadow(0 0 1.6rem rgba(0, 0, 0, 0.25));
  filter: drop-shadow(0 0 1.6rem rgba(0, 0, 0, 0.25));
}
.pageTop .kv_content h1 span.shadow img {
  width: clamp(27.5rem, 30.0146412884vw, 41rem);
}
.pageTop .kv_content .photoBox {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_content .photoBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.pageTop .kv_content .photoBox .image {
  width: 50%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_content .photoBox .image {
    width: 100%;
    height: 50%;
    overflow: hidden;
  }
}
.pageTop .kv_content .photoBox .image--01 {
  background-image: url(../img/index/kv_photo01.jpg);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_content .photoBox .image--01 {
    background-image: url(../img/index/kv_photo01_sp.png);
  }
}
.pageTop .kv_content .photoBox .image--02 {
  background-image: url(../img/index/kv_photo02.jpg);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_content .photoBox .image--02 {
    background-image: url(../img/index/kv_photo02_sp.png);
  }
}
.pageTop .kv_app {
  background-color: #F2FAFF;
  padding-top: clamp(3rem, 2.3426061493vw, 3.2rem);
  padding-bottom: clamp(2.8rem, 2.3426061493vw, 3.2rem);
  border-radius: 0 0 1rem 1rem;
}
.pageTop .kv_appInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appInner {
    display: block;
  }
}
.pageTop .kv_appInner > h2 {
  font-size: clamp(1.8rem, 1.4641288433vw, 2rem);
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 0.878477306vw, 1.2rem);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appInner > h2 {
    margin-bottom: 1.3rem;
    text-align: center;
  }
}
.pageTop .kv_appContent {
  max-width: 132.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(4rem, 9.1508052709vw, 12.5rem);
  padding-left: clamp(2rem, 6.0761346999vw, 8.3rem);
  padding-right: clamp(2rem, 5.3440702782vw, 7.3rem);
  position: relative;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.pageTop .kv_appDownload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appDownload {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.pageTop .kv_appDownload .icon {
  width: clamp(8rem, 8.4919472914vw, 11.6rem);
  margin-right: clamp(1rem, 2.196193265vw, 3rem);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appDownload .icon {
    width: 13rem;
  }
}
.pageTop .kv_appDownload .btnBox {
  width: clamp(10rem, 22.9868228404vw, 31.4rem);
  margin-right: clamp(1rem, 1.8301610542vw, 2.5rem);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appDownload .btnBox {
    width: 31.5rem;
  }
}
.pageTop .kv_appDownload .btnBox h2 {
  font-size: clamp(1rem, 1.4641288433vw, 2rem);
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  margin-bottom: clamp(0.5rem, 0.878477306vw, 1.2rem);
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appDownload .btnBox h2 {
    margin-bottom: 1.3rem;
  }
}
.pageTop .kv_appDownload .btnBox .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0.5rem, 0.9516837482vw, 1.3rem);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appDownload .btnBox .flex {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 1.2rem;
  }
}
.pageTop .kv_appDownload .btnBox .apple {
  width: clamp(8rem, 10.980966325vw, 15rem);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appDownload .btnBox .apple {
    width: 15rem;
  }
}
.pageTop .kv_appDownload .btnBox .google {
  width: clamp(8rem, 10.980966325vw, 15rem);
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appDownload .btnBox .google {
    width: 15rem;
  }
}
.pageTop .kv_appDownload .qr {
  flex-basis: 120px;
  border-radius: 16px;
  background-color: #FFFFFF;
  border: 1px solid #E5F1F9;
  padding: 4px;
}

.pageTop .kv_appImage {
  width: clamp(25rem, 32.9428989751vw, 45rem);
  position: absolute;
  bottom: clamp(-5.45rem, -3.9897510981vw, -2.45rem);
  right: clamp(2.5rem, 5.270863836vw, 7.2rem);
}
@media screen and (max-width: 1200px) {
  .pageTop .kv_appImage {
    bottom: clamp(-5.15rem, -4.2916666667vw, -2.45rem);
  }
}
@media screen and (max-width: 767px) {
  .pageTop .kv_appImage {
    position: initial;
  }
}
@media screen and (max-width: 767px) {
  .pageTop .flexColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 767px) {
  .pageTop .news {
    background-color: #F5F6F7;
  }
}
.pageTop .news_inner {
  padding-top: clamp(4rem, 6vw, 6rem);
  height: 30rem;
}
@media screen and (max-width: 767px) {
  .pageTop .news_inner {
    padding-top: 4rem;
    padding-bottom: 34rem;
  }
}
.pageTop .news_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  height: 4rem;
  gap: clamp(1.2rem, 2.4vw, 10.3rem);
  margin-bottom: clamp(2rem, 3vw, 3rem);
}
@media screen and (max-width: 767px) {
  .pageTop .news_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.pageTop .news_head {
  width: 16rem;
  display: flex;
  align-items: center;
}
.pageTop .news_head h2 {
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .pageTop .news_head h2 {
    margin-bottom: 1.6rem;
  }
}
.pageTop .news_content ul {
  flex-grow: 1;
}
.news__item {
  margin-bottom: 2.4rem;
}
.news__item--date {
  font-size: 1.2rem;
}
.news__item--title {
  color: #002053;
  font-size: 1.6rem;
  font-weight: normal;
  margin-bottom: 2.4rem;
}
.news__item--title:hover {
  color: #57A3D9;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .news__item--link {
    color: #002053;
    font-size: 1.6rem;
  }
}
.pageTop .news_list li:not(:last-child) {
  margin-bottom: 2.6rem;
}
.pageTop .news_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: clamp(1.2rem, 4vw, 4rem);
}
@media screen and (max-width: 767px) {
  .pageTop .news_list a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.pageTop .news_list .dete {
  width: auto;
  font-size: 1.2rem;
  font-weight: 300;
}
.pageTop .news_list h3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.6rem;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 300;
  color: #1C1B1F;
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
}
.pageTop .news_list a:hover h3 {
  color: #878787;
}
.pageTop .news .btnA {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pageTop .about_inner {
  padding-top: clamp(2rem, 2rem, 10rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(2.4rem, 5.5vw, 5.5rem);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .pageTop .about_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 8rem;
  }
}
.pageTop .about_inner .decora {
  width: clamp(74.5rem, 92.3vw, 92.3rem);
  position: absolute;
  top: clamp(2rem, 20.2vw, 20.2rem);
  right: -19.5rem;
  z-index: -2;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .pageTop .about_inner .decora {
    width: 100%;
    top: 3.4rem;
    right: 0;
  }
}
.pageTop .about_head {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.pageTop .about_head .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.pageTop .about_head .read {
  font-size: clamp(1.6rem, 1.8vw, 1.8rem);
  line-height: 2;
  margin-bottom: clamp(3rem, 5vw, 5rem);
}
@media screen and (max-width: 767px) {
  .pageTop .about_head .btnB {
    margin: 0 auto;
  }
}
.pageTop .about_photo {
  width: clamp(33rem, 46.5vw, 46.5rem);
}
.pageTop .service_inner {
  padding-top: clamp(2rem, 2vw, 10rem);
  padding-bottom: clamp(8rem, 16vw, 10rem);
}
.pageTop .service .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.pageTop .service_listItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(2.2rem, 6vw, 6rem);
}
@media screen and (max-width: 767px) {
  .pageTop .service_listItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.2rem;
  }
}
.pageTop .service_listItem:not(:last-child) {
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .pageTop .service_listItem:not(:last-child) {
    margin-bottom: 6rem;
  }
}
.pageTop .service_listItem .photoBox {
  width: clamp(33rem, 42vw, 42rem);
  height: clamp(22rem, 30vw, 30rem);
  border-radius: 0.8rem;
  overflow: hidden;
  background-color: #F2FAFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pageTop .service_listItem .photoBox {
    width: 100%;
  }
}
.pageTop .service_listItem .photoBox .image01 {
  width: clamp(25.1rem, 26.9vw, 26.9rem);
}
.pageTop .service_listItem .photoBox .image02,
.pageTop .service_listItem .photoBox .image03 {
  width: clamp(25.1rem, 28.1vw, 28.1rem);
}
.pageTop .service_listItem .detailBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.pageTop .service_listItem .detailBox .secHeading {
  margin-bottom: clamp(1.2rem, 1.4vw, 1.4rem);
  line-height: 1.5;
}
.pageTop .service_listItem .detailBox .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  margin-bottom: clamp(1.2rem, 1.4vw, 1.4rem);
}
.pageTop .service_listItem .detailBox .point li {
  background-color: #fff;
  color: #F57474;
  font-size: clamp(1.3rem, 1.5vw, 1.5rem);
  font-weight: 600;
  line-height: 1;
  padding: 0.6rem 1.2rem;
  border: solid 0.1rem #F57474;
  border-radius: 10rem;
  white-space: nowrap;
}
.pageTop .service_listItem .detailBox .read {
  margin-bottom: clamp(2.2rem, 3vw, 3rem);
}
@media screen and (max-width: 767px) {
  .pageTop .service_listItem .detailBox .btnB {
    margin: 0 auto;
  }
}
.pageTop .company_inner {
  padding-top: clamp(8rem, 16vw, 10rem);
}
.pageTop .company_inner > .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.pageTop .company_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(2.4rem, 6vw, 6rem);
}
@media screen and (max-width: 767px) {
  .pageTop .company_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.4rem;
  }
}
.pageTop .company .photoBox {
  width: clamp(33rem, 48vw, 48rem);
  height: clamp(17rem, 32vw, 32rem);
  border: solid 1px #E3E3E3;
  border-radius: 0.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .pageTop .company .photoBox {
    width: 100%;
  }
}
.pageTop .company .photoBox img {
  width: clamp(16rem, 22vw, 22rem);
}
.pageTop .company .detailBox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.pageTop .company .detailBox .heading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.pageTop .company .detailBox .heading .secHeading {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 600;
  margin-bottom: 0.6rem;
}
.pageTop .company .detailBox .heading small {
  display: block;
  font-size: clamp(1.3rem, 1.5vw, 1.5rem);
  font-family: "poppins", sans-serif;
  font-weight: 600;
  line-height: 1;
  color: #032052;
}
.pageTop .company .detailBox .read {
  margin-bottom: clamp(2rem, 3vw, 3rem);
}
.pageTop .company .detailBox .btnB {
  max-width: 33rem;
}
@media screen and (max-width: 767px) {
  .pageTop .company .detailBox .btnB {
    margin: 0 auto;
  }
}
.pageTop .doctor_inner {
  padding-top: clamp(8rem, 16vw, 10rem);
}
.pageTop .doctor_inner > .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.pageTop .doctor_inner > .secSubHeading {
  font-size: 16px;
  margin-bottom: 4rem;
}
.pageTop .doctor_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 64px;
}
.pageTop .doctor_listItem {
  width: calc((100% - 12.8rem) / 3);
}
/* タブレットは2列 */
@media (min-width: 768px) and (max-width: 1023px) {
  .pageTop .doctor_listItem {
      width: calc((100% - 6.4rem) / 2);
  }
}
/* スマートフォンは1列 */
@media screen and (max-width: 767px) {
  .pageTop .doctor_listItem {
    width: 100%;
  }
}
.pageTop .doctor_listItem .photoBox {
  border-radius: 16px;
  height: auto;
  overflow: hidden;
  margin-bottom: 1.6rem;
}
.pageTop .doctor_listItem .doctor_image {
  display: block;
  height: auto;
  object-fit: cover;
  width: 100%;
}
.pageTop .doctor_listItem .position {
  margin-bottom: 0.4rem;
  color: #032052;
  font-weight: 300;
  font-size: 14px;
}
.pageTop .doctor_listItem .name {
  font-size: clamp(1.8rem, 2.4vw, 2.4rem);
  font-weight: 600;
  color: #032052;
}
.pageTop .doctor_listItem .separator {
  border-color:#E3E3E3;
  border-style: dotted;
  border-width: 1px;
}
.pageTop .doctor_listItem .profile_item {
  list-style: outside;
  margin-left: 24px;
}
.pageTop .doctor_listItem .profile_description {
  font-size: 14px;
}
.pageTop .tieup_inner {
  padding-top: clamp(8rem, 16vw, 10rem);
}
.pageTop .tieup_inner > .secHeading {
  margin-bottom: clamp(1.6rem, 2vw, 2rem);
}
.pageTop .tieup_inner > .read {
  margin-bottom: clamp(2.4rem, 3vw, 3rem);
}
.pageTop .tieup_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}
.pageTop .tieup_listItem {
    width: calc((100% - 4rem) / 3);
}
@media screen and (max-width: 767px) {
  .pageTop .tieup_listItem {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: calc((100% - 2rem) / 2);
  }
}
.pageTop .tieup_listItem .logoBox {
  width: 100%;
  height: clamp(8.8rem, 18vw, 18rem);
  border: solid 0.1rem #E3E3E3;
  border-radius: 0.8rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: clamp(1rem, 1.6vw, 1.6rem);
}
.pageTop .tieup_listItem .logoBox .logo01 {
  width: clamp(11.7rem, 19.6vw, 19.6rem);
}
.pageTop .tieup_listItem .logoBox .logo02 {
  width: clamp(12.3rem, 24.6vw, 24.6rem);
}
.pageTop .tieup_listItem .logoBox .logo03 {
  width: clamp(13.1rem, 21.9vw, 21.9rem);
}
.pageTop .tieup_listItem h3 {
  font-size: clamp(1.2rem, 1.6vw, 1.6rem);
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #1C1B1F;
}
.pageTop .tieup_listItem h3 a:after {
  content: "\e89e";
  font-size: 1.8rem;
  vertical-align: middle;
  font-family: "Material Icons";
  font-weight: 300;
  color: #032052;
  margin-left: 10px;
}
.pageTop .p-question .btnB .iconInner::before {
  content: "\e5e1";
}
.pageTop .p-question .btnB .iconInner::after {
  display: none;
}
.pageTop .p-question .btnB a:hover .iconInner::before {
  -webkit-animation: initial;
  animation: initial;
}

/* ========================================
    object / utility
======================================== */