/***ここから********************************************/

section.dbCv div.add-content{
  width: 90%;
  margin: 0 auto;
  margin-top: 12%;
}
section.dbCv div.add-content h3{
  margin-bottom: 5%;
}
section.dbCv div.add-content a{
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}
section.dbCv div.add-content p.add-caution{
  font-size: 1.2em;
  line-height: 1.5em;
}
section.dbCv div.add-content p img{
  filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.1));
}
body{
  position: relative;
}
div.fix-btn{
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 9;
}
div.fix-btn img{
  max-width: 100%;
  vertical-align: bottom;
}
footer{
  padding-bottom: 15%;
}


@media (min-width: 768px) {
  section.dbCv div.add-content{
    max-width: 750px;
    margin: 0 auto;
    margin-top: 120px;
  }
  section.dbCv div.add-content a{
    display: block;
    max-width: 400px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  section.dbCv div.add-content a:hover{
    opacity: 0.6;
    transition: all 0.4s;
  }
  section.dbCv div.add-content h3{
    max-width: 500px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
  div.fix-btn{
    width: 18.4%;
    max-width: 250px;
    position: fixed;
    left: 7%;
    bottom: 2%;
    z-index: 9;
  }
  div.fix-btn a{
    transition: all 0.4s;
  }
  div.fix-btn a:hover{
    opacity: 0.8;
    transition: all 0.4s;
  }
  div.fix-btn img{
    max-width: 100%;
    vertical-align: bottom;
  }
  footer{
    padding-bottom: 0;
  }
}/**/

section.dbCv div.add-btn{
  width: 90%;
  margin: 0 auto;
  margin-top: 5%;
}
@media (min-width: 768px) {
  section.dbCv div.add-btn{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 5%;
    opacity: 1;
    transition: all 0.6s;
  }
  section.dbCv div.add-btn a:hover{
    opacity: 0.6;
    transition: all 0.6s;
  }
}

/***ここまで********************************************/
body.domani_bright .is-ib {
  display: inline-block;
}

@media (min-width: 768px) {
  body.domani_bright .only--sp {
    display: none;
  }
}

@media (max-width: 767px) {
  body.domani_bright .only--pc {
    display: none;
  }
}

@keyframes floorAreaLink01 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.8);
  }
}

@keyframes floorAreaLink02 {
  0% {
    opacity: 1;
  }
  15% {
    opacity: .4;
  }
  50% {
    opacity: 1;
  }
}

@keyframes floorAreaLink03 {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

.dbHeader,
.dbWrap,
.dbModal {
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dbc-cvlink {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 408px;
  height: 56px;
  background: #24486c;
}

@media (min-width: 768px) {
  .dbc-cvlink {
    transition: opacity 300ms ease 0ms;
  }
  .dbc-cvlink:hover {
    opacity: .7;
  }
}

@media (max-width: 767px) {
  .dbc-cvlink {
    width: 100%;
    max-width: 440px;
    height: clamp(47px, 12.53333vw, 56.4px);
    margin: 0 auto;
  }
}

.dbc-cvlink::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  box-sizing: border-box;
  transform: rotate(45deg);
}

.dbc-cvlink > span {
  font-size: 17px;
  font-weight: 700;
  color: #fff;
}

@media (max-width: 767px) {
  .dbc-cvlink > span {
    font-size: clamp(15px, 4vw, 18px);
  }
}

.dbHeader {
  min-width: 1140px;
  margin: 0 auto;
  background: #fff;
}

@media (max-width: 767px) {
  .dbHeader {
    min-width: 0;
  }
}

.dbHeader__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  padding: 0 30px 0 15px;
}

@media (max-width: 767px) {
  .dbHeader__in {
    justify-content: center;
    height: 50px;
    padding: 0;
  }
}

.dbHeader__lg > a {
  display: block;
  padding: 15px;
}

.dbHeader__lg > a > img {
  display: block;
  width: 268px;
  height: auto;
}

@media (max-width: 767px) {
  .dbHeader__lg > a > img {
    width: 138px;
  }
}

@media (max-width: 767px) {
  .dbHeader__btn {
    display: none;
  }
}

.dbWrap {
  position: relative;
  margin: 0 auto;
  overflow: clip;
  background: #f8f6ec;
  font-size: 10px;
  font-weight: 300;
  line-height: calc(10 / 10);
  z-index: 3;
}

.dbWrap img {
  display: block;
  max-width: 100%;
  height: auto;
}

.dbKyvs {
  position: relative;
  max-height: 1200px;
  margin: 0 auto;
  z-index: 2;
}

@media (max-width: 767px) {
  .dbKyvs {
    margin: 0 auto clamp(-75px, -13.33333vw, -50px);
  }
}

.dbKyvs::before {
  content: '';
  display: block;
  padding-top: 55.55556%;
}

@media (max-width: 767px) {
  .dbKyvs::before {
    display: none;
  }
}

.dbKyvs__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50% / cover;
  transition: opacity 2000ms ease 0ms;
  z-index: 1;
}

@media (max-width: 767px) {
  .dbKyvs__bg {
    height: auto;
  }
  .dbKyvs__bg::before {
    content: '';
    display: block;
    padding-top: 69.33333%;
  }
}

.dbKyvs__bg.is-01 {
  opacity: 1;
}

@media (max-width: 767px) {
  .dbKyvs__bg.is-01 {
    position: relative;
  }
}

.is-alt .dbKyvs__bg.is-01 {
  opacity: 0;
}

.dbKyvs__bg.is-02 {
  opacity: 0;
}

.is-alt .dbKyvs__bg.is-02 {
  opacity: 1;
}

@media (min-width: 768px) {
  .dbKyvs__bg.is-01 {
    background-image: url(../images/pic_dbkyvs01.webp);
  }
  .dbKyvs__bg.is-02 {
    background-image: url(../images/pic_dbkyvs02.webp);
  }
}

@media (max-width: 767px) {
  .dbKyvs__bg.is-01 {
    background-image: url(../images/pic_dbkyvs01_sp.webp);
  }
  .dbKyvs__bg.is-02 {
    background-image: url(../images/pic_dbkyvs02_sp.webp);
  }
}

.dbKyvs__dot {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 40px;
  right: 50%;
  transform: translateX(50%);
  z-index: 4;
}

@media (max-width: 767px) {
  .dbKyvs__dot {
    top: 64vw;
    bottom: auto;
    transform: translate(50%, -50%);
  }
}

.dbKyvs__dot__i > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

@media (min-width: 768px) {
  .dbKyvs__dot__i > a {
    transition: opacity 300ms ease 0ms;
  }
  .dbKyvs__dot__i > a:hover {
    opacity: .5;
  }
}

@media (max-width: 767px) {
  .dbKyvs__dot__i > a {
    width: clamp(18px, 4.8vw, 27px);
    height: clamp(18px, 4.8vw, 27px);
  }
}

.dbKyvs__dot__i > a::before {
  content: '';
  display: block;
  width: 37.5%;
  height: 37.5%;
  border-radius: 50%;
  border: 1px solid #fff;
  box-sizing: border-box;
  transition: background 800ms ease 0ms;
}

@media (max-width: 767px) {
  .dbKyvs__dot__i > a::before {
    width: 44.44444%;
    height: 44.44444%;
  }
}

.dbKyvs__dot__i:nth-child(1) > a {
  pointer-events: none;
}

.dbKyvs__dot__i:nth-child(1) > a::before {
  background: #fff;
}

.is-alt .dbKyvs__dot__i:nth-child(1) > a {
  pointer-events: auto;
}

.is-alt .dbKyvs__dot__i:nth-child(1) > a::before {
  background: rgba(255, 255, 255, 0);
}

.dbKyvs__dot__i:nth-child(2) > a::before {
  background: rgba(255, 255, 255, 0);
}

.is-alt .dbKyvs__dot__i:nth-child(2) > a {
  pointer-events: none;
}

.is-alt .dbKyvs__dot__i:nth-child(2) > a::before {
  background: #fff;
}

.dbKyvs__in {
  position: absolute;
  top: 0;
  right: 50%;
  width: 100%;
  height: 100%;
  max-width: clamp(1240px, 64.58333vw, 64.58333vw);
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
  transform: translateX(50%);
  z-index: 2;
}

@media (max-width: 767px) {
  .dbKyvs__in {
    top: 6.92308%;
    right: 0;
    max-width: none;
    height: auto;
    padding: 0 5.33333vw;
    transform: none;
  }
}

@media (min-width: 768px) {
  .dbKyvs__tt {
    position: absolute;
    top: 12.5%;
  }
}

.dbKyvs__tt__bd > span {
  display: block;
}

.dbKyvs__tt__bd > span.is-l {
  width: clamp(484.87555px, 42.53294vw, 581px);
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dbKyvs__tt__bd > span.is-l {
    width: clamp(10px, 54.13333vw, 304.5px);
    margin: 0;
  }
}

.dbKyvs__tt__bd > span.is-t {
  width: clamp(222.82577px, 19.54612vw, 267px);
  margin: 20px auto 0;
}

@media (max-width: 767px) {
  .dbKyvs__tt__bd > span.is-t {
    width: clamp(10px, 33.6vw, 189px);
    margin: 2.4vw 0 0;
  }
}

.dbKyvs__tt__ld {
  margin: 24px 0 0;
  font-size: clamp(16.69107px, 1.46413vw, 20px);
  font-weight: 300;
  line-height: calc(20 / 20);
  text-align: center;
  color: #5d626b;
}

@media (max-width: 767px) {
  .dbKyvs__tt__ld {
    margin: 3.2vw 0 0;
    font-size: clamp(10px, 2.93333vw, 16.5px);
    line-height: calc(16 / 11);
    text-align: left;
  }
}

.dbKyvs__cir,
.dbKyvs__sub {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: -50px;
  right: clamp(30px, 2.08333vw, 2.08333vw);
  width: clamp(292.0937px, 25.62225vw, 350px);
  height: clamp(292.0937px, 25.62225vw, 350px);
  box-sizing: border-box;
  z-index: 3;
}

.dbKyvs__cir {
  padding: 0 0 clamp(50.07321px, 4.39239vw, 60px);
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 254, 246, .7) 0%, rgba(229, 221, 194, .95) 100%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

@media (max-width: 767px) {
  .dbKyvs__cir {
    bottom: auto;
    right: 0;
    width: clamp(10px, 37.33333vw, 210px);
    height: clamp(10px, 37.33333vw, 210px);
    padding: 0;
    transform: translate(.8vw, -50%);
  }
}

.dbKyvs__cir__tt {
  width: clamp(225.32943px, 19.76574vw, 270px);
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dbKyvs__cir__tt {
    width: 77.14286%;
  }
  .dbKyvs__cir__tt img {
    width: 100%;
  }
}

.dbKyvs__sub {
  padding: clamp(58.41874px, 5.12445vw, 70px) 0 0;
}

@media (max-width: 767px) {
  .dbKyvs__sub {
    justify-content: flex-start;
    position: relative;
    bottom: auto;
    right: auto;
    width: auto;
    height: auto;
    padding: clamp(20px, 5.33333vw, 30px) 5.33333vw 0;
  }
}

.dbKyvs__sub__t {
  font-size: clamp(13.35286px, 1.1713vw, 16px);
  line-height: calc(27 / 16);
  text-align: center;
}

@media (max-width: 767px) {
  .dbKyvs__sub__t {
    font-size: clamp(10px, 3.73333vw, 18.9px);
    line-height: calc(24 / 14);
    text-align: left;
  }
}

.dbKyvs__nt {
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 16px 30px 0;
  box-sizing: border-box;
  transform: translate(50%, 100%);
  z-index: 2;
}

@media (max-width: 767px) {
  .dbKyvs__nt {
    position: relative;
    right: auto;
    width: auto;
    margin: 2.66667vw 0 0;
    padding: 0 5.33333vw 0;
    transform: none;
  }
}

.dbKyvs__nt > li {
  overflow: hidden;
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media (max-width: 767px) {
  .dbKyvs__nt > li {
    font-size: clamp(10px, 3.2vw, 14.4px);
    line-height: calc(20 / 12);
  }
}

.dbKyvs__nt > li > span {
  display: block;
}

.dbKyvs__nt > li > span:nth-child(1) {
  float: left;
}

.dbKyvs__nt > li > span:nth-child(2) {
  overflow: hidden;
}

.dbCv {
  padding: 180px 30px;
}

@media (max-width: 767px) {
  .dbCv {
    padding: clamp(80px, 21.33333vw, 120px) 0;
  }
}

.dbCv__bd {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1180px;
  height: 260px;
  margin: 0 auto;
  padding: 0 clamp(42.5px, 7.20339%, 85px) 0 clamp(50px, 8.47458%, 100px);
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(143, 126, 109, .2);
  background: #fff;
}

@media (max-width: 767px) {
  .dbCv__bd {
    flex-direction: column;
    height: auto;
    padding: clamp(30px, 8vw, 36px) 5.33333vw;
    box-shadow: 0 0 4px 0 rgba(143, 126, 109, .2);
  }
}

.dbCv__bd__in {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 767px) {
  .dbCv__bd__in {
    width: 100%;
  }
}

.dbCv__bd__t {
  position: relative;
  padding: 0 17px;
  color: #5d626b;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(16 / 16);
}

@media (max-width: 767px) {
  .dbCv__bd__t {
    padding: clamp(2px, .53333vw, 2.4px) 17px;
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(14 / 14);
  }
}

.dbCv__bd__t::before,
.dbCv__bd__t::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 2px;
  height: 18px;
  background: #5d626b;
  transform-origin: 50% 0;
}

@media (max-width: 767px) {
  .dbCv__bd__t::before,
  .dbCv__bd__t::after {
    top: clamp(2px, .53333vw, 2.4px);
    width: 1px;
  }
}

.dbCv__bd__t::before {
  left: 0;
  transform: rotate(-26deg);
}

.dbCv__bd__t::after {
  right: 0;
  transform: rotate(26deg);
}

.dbCv__bd__tt {
  width: 290px;
  margin: 17px 0 0;
}

.dbCv__bd__tt img {
  width: 100%;
}

@media (max-width: 767px) {
  .dbCv__bd__tt {
    width: clamp(231px, 61.6vw, 346.5px);
    margin: clamp(16px, 4.26667vw, 24px) 0 clamp(29px, 7.73333vw, 34.8px);
  }
}

@media (max-width: 767px) {
  .dbCv__bd__spp {
    width: clamp(251px, 66.93333vw, 376.5px);
    margin: -4px 0;
    background: url(../images/pic_dbcv01.webp) no-repeat 50% 50%/contain;
  }
  .dbCv__bd__spp::before {
    content: '';
    display: block;
    padding-top: 49.34211%;
  }
}

.dbCv__bd__btn {
  margin: 24px 0 0;
}

@media (max-width: 767px) {
  .dbCv__bd__btn {
    width: 100%;
    margin: clamp(29px, 7.73333vw, 34.8px) 0 0;
  }
}

@media (min-width: 768px) {
  .dbCv__bd__p {
    width: 456px;
    background: url(../images/pic_dbcv01.webp) no-repeat 50% 50%/contain;
  }
  .dbCv__bd__p::before {
    content: '';
    display: block;
    padding-top: 49.34211%;
  }
}

.dbLd {
  padding: 0 30px 180px;
}

@media (max-width: 767px) {
  .dbLd {
    padding: 0 5.33333vw clamp(80px, 21.33333vw, 120px);
  }
}

.dbLd__hd {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 80px;
}

@media (max-width: 767px) {
  .dbLd__hd {
    padding: 0 0 clamp(40px, 10.66667vw, 48px);
  }
}

.dbLd__hd__tt {
  width: 484px;
}

@media (max-width: 767px) {
  .dbLd__hd__tt {
    width: 100%;
    max-width: 402px;
  }
  .dbLd__hd__tt img {
    width: 100%;
  }
}

.dbLd__hd__t {
  margin: 40px 0 0;
  font-size: 16px;
  line-height: calc(27 / 16);
  text-align: center;
}

@media (max-width: 767px) {
  .dbLd__hd__t {
    max-width: 480px;
    margin: clamp(30px, 8vw, 36px) auto 0;
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(24 / 14);
    text-align: left;
  }
}

.dbLd__bd {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  position: relative;
  max-width: 1180px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dbLd__bd {
    flex-direction: column;
    max-width: 560px;
    row-gap: clamp(186px, 49.6vw, 297.6px);
  }
}

.dbLd__bd .dbLdBx {
  display: flex;
  row-gap: 40px;
  position: relative;
  width: 29.66102%;
  min-width: 330px;
  z-index: 1;
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx {
    justify-content: space-between;
    row-gap: 0;
    width: 100%;
    min-width: 0;
  }
}

.dbLd__bd .dbLdBx.is-01 {
  flex-direction: column-reverse;
  align-items: flex-end;
  text-align: right;
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx.is-01 {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
  }
}

.dbLd__bd .dbLdBx.is-02 {
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx.is-02 {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx__hd {
    flex: 1 1 auto;
    margin: clamp(33px, 8.8vw, 66px) 0;
  }
}

.dbLd__bd .dbLdBx__hd__tt {
  display: inline-block;
  height: 29px;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx__hd__tt {
    height: clamp(18px, 4.8vw, 21.6px);
  }
}

.dbLd__bd .dbLdBx__hd__tt img {
  width: auto;
  height: 100%;
}

.dbLd__bd .dbLdBx__hd__t {
  margin: 19px 0 0;
  font-size: 20px;
  line-height: calc(30 / 20);
}

@media (min-width: 768px) {
  .dbLd__bd .dbLdBx__hd__t {
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx__hd__t {
    margin: clamp(12px, 3.2vw, 24px) 0 0;
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(24 / 14);
  }
}

.dbLd__bd .dbLdBx__p {
  width: 100%;
  background: no-repeat 50% 50% / cover;
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx__p {
    flex: 0 0 auto;
    width: 53.73134%;
  }
}

@media (min-width: 768px) {
  .dbLd__bd .dbLdBx__p.is-01 {
    background-image: url(../images/pic_dbld01.webp);
  }
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx__p.is-01 {
    background-image: url(../images/pic_dbld01_sp.webp);
    transform: translateX(5.33333vw);
  }
}

@media (min-width: 768px) {
  .dbLd__bd .dbLdBx__p.is-02 {
    background-image: url(../images/pic_dbld02.webp);
  }
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx__p.is-02 {
    background-image: url(../images/pic_dbld02_sp.webp);
    transform: translateX(-5.33333vw);
  }
}

.dbLd__bd .dbLdBx__p::before {
  content: '';
  display: block;
  padding-top: 142.85714%;
}

@media (max-width: 767px) {
  .dbLd__bd .dbLdBx__p::before {
    padding-top: 150%;
  }
}

.dbLd__bd__p {
  position: absolute;
  bottom: 50%;
  right: 50%;
  width: 46.69492%;
  background: no-repeat 50% 50% / contain;
  transform: translate(50%, 50%);
  z-index: 2;
}

@media (min-width: 768px) {
  .dbLd__bd__p {
    background-image: url(../images/pic_dbld03.webp);
  }
}

@media (max-width: 767px) {
  .dbLd__bd__p {
    width: clamp(275px, 73.33333vw, 440px);
    background-image: url(../images/pic_dbld03_sp.webp);
  }
}

.dbLd__bd__p::before {
  content: '';
  display: block;
  padding-top: 55.89837%;
}

@media (max-width: 767px) {
  .dbLd__bd__p::before {
    padding-top: 82.18182%;
  }
}

.dbPlan__hd {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 40px;
}

@media (max-width: 767px) {
  .dbPlan__hd {
    padding: 0 5.33333vw clamp(30px, 8vw, 36px);
  }
}

.dbPlan__hd__tt {
  width: 303px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .dbPlan__hd__tt {
    width: 62.68657%;
    max-width: 252px;
  }
}

.dbPlan__hd__t {
  margin: 40px 0 0;
  font-size: 16px;
  line-height: calc(27 / 16);
  text-align: center;
}

@media (max-width: 767px) {
  .dbPlan__hd__t {
    margin: clamp(30px, 8vw, 36px) auto 0;
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(24 / 14);
  }
}

.dbPlan__hd__nv {
  position: relative;
  margin: 20px 0 0;
  padding: 6px 30px;
  border-top: 1px solid #5d626b;
  border-bottom: 1px solid #5d626b;
  font-size: 16px;
  line-height: calc(27 / 16);
  text-align: center;
}

@media (max-width: 767px) {
  .dbPlan__hd__nv {
    width: 100%;
    padding: clamp(6px, 1.6vw, 7.2px) clamp(30px, 8vw, 36px);
    box-sizing: border-box;
    font-size: clamp(12px, 3.73333vw, 16.8px);
    line-height: calc(22 / 14);
    letter-spacing: -.02em;
  }
}

.dbPlan__hd__nv::before,
.dbPlan__hd__nv::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  right: 50%;
  height: 12px;
  transform: translateX(50%);
}

.dbPlan__hd__nv::before {
  width: 12px;
  margin-top: -6px;
  background: #f8f6ec;
  z-index: 1;
}

.dbPlan__hd__nv::after {
  width: 16px;
  background: url(../images/bg_balloon01.svg) no-repeat 50% 50%/contain;
  z-index: 2;
}

.dbPlan__hd__nv > span {
  position: relative;
  z-index: 3;
}

.dbPlan__bd {
  padding: 70px 30px;
  background: #fff;
}

@media (max-width: 767px) {
  .dbPlan__bd {
    padding: clamp(20px, 5.33333vw, 30px) 0 clamp(10px, 2.66667vw, 15px);
  }
}

.dbPlan__bd__in {
  max-width: 1180px;
  margin: 0 auto;
}

.dbPlan__bd__in .dbPlanFl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 30px;
  margin: 0 0 60px;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl {
    flex-direction: column;
    margin: 0 auto clamp(60px, 16vw, 72px);
  }
}

.dbPlan__bd__in .dbPlanFl__p {
  position: relative;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p {
    flex: 1 1 100% !important;
    width: 100%;
  }
}

.dbPlan__bd__in .dbPlanFl__p::before {
  content: '';
  display: block;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p::before {
    display: none;
  }
}

.dbPlan__bd__in .dbPlanFl__p__n {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 50%;
  width: 70px;
  height: 28px;
  margin-left: -35px;
  background: #585755;
  color: #fff;
  font-size: 16px;
  z-index: 2;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p__n {
    position: relative;
    left: 0;
    margin: 0 0 clamp(20px, 5.33333vw, 24px);
  }
}

.dbPlan__bd__in .dbPlanFl__p__in {
  position: relative;
  margin: 0 auto;
  background: no-repeat 50% 100% / 100% auto;
  z-index: 1;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p__in {
    max-width: 560px;
  }
}

.dbPlan__bd__in .dbPlanFl__p__in::before {
  content: '';
  display: block;
}

.dbPlan__bd__in .dbPlanFl__p__lk {
  position: absolute;
  transform: translate(-50%, -50%);
}

.dbPlan__bd__in .dbPlanFl__p__lk > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p__lk > a {
    width: calc(20 / 375 * 100vw + 20px);
    height: calc(20 / 375 * 100vw + 20px);
    max-width: 50px;
    max-height: 50px;
  }
}

@media (min-width: 768px) {
  .dbPlan__bd__in .dbPlanFl__p__lk > a::before,
  .dbPlan__bd__in .dbPlanFl__p__lk > a::after {
    transition: background-color 300ms ease 0ms;
  }
  .dbPlan__bd__in .dbPlanFl__p__lk > a:hover::before,
  .dbPlan__bd__in .dbPlanFl__p__lk > a:hover::after {
    background: #90285a;
  }
}

.dbPlan__bd__in .dbPlanFl__p__lk > a::before,
.dbPlan__bd__in .dbPlanFl__p__lk > a::after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: #3a5b7e;
  transform: scale(1);
}

.dbPlan__bd__in .dbPlanFl__p__lk > a::before {
  opacity: .5;
  animation: floorAreaLink01 1400ms cubic-bezier(.215, .61, .355, 1) 200ms infinite;
  z-index: 1;
}

.dbPlan__bd__in .dbPlanFl__p__lk > a::after {
  opacity: 1;
  animation: floorAreaLink02 1400ms cubic-bezier(.215, .61, .355, 1) 200ms infinite;
  z-index: 2;
}

.dbPlan__bd__in .dbPlanFl__p__lk > a > span {
  display: block;
  position: relative;
  font-size: 20px;
  color: #fff;
  transform: scale(1);
  animation: floorAreaLink03 1400ms cubic-bezier(.215, .61, .355, 1) 200ms infinite;
  z-index: 3;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p__lk > a > span {
    font-size: clamp(10px, 3.73333vw, 21px);
  }
}

.dbPlan__bd__in .dbPlanFl__p.is-01 {
  flex: 0 1 478px;
}

.dbPlan__bd__in .dbPlanFl__p.is-01::before {
  padding-top: 5.85774%;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p.is-01 .dbPlanFl__p__n {
    position: absolute;
  }
}

.dbPlan__bd__in .dbPlanFl__p.is-01 .dbPlanFl__p__in {
  background-image: url(../images/pic_dbplan01.webp);
  transform: translateX(1.6%);
}

.dbPlan__bd__in .dbPlanFl__p.is-01 .dbPlanFl__p__in::before {
  padding-top: 144.76987%;
}

.dbPlan__bd__in .dbPlanFl__p.is-01 .dbPlanFl__p__lk.is-01 {
  top: 47.68786%;
  left: 53.34728%;
}

.dbPlan__bd__in .dbPlanFl__p.is-01 .dbPlanFl__p__lk.is-02 {
  top: 37.13873%;
  left: 29.2887%;
}

.dbPlan__bd__in .dbPlanFl__p.is-02 {
  flex: 0 1 285px;
}

.dbPlan__bd__in .dbPlanFl__p.is-02::before {
  padding-top: 48.42105%;
}

.dbPlan__bd__in .dbPlanFl__p.is-02 .dbPlanFl__p__in {
  background-image: url(../images/pic_dbplan02.webp);
}

.dbPlan__bd__in .dbPlanFl__p.is-02 .dbPlanFl__p__in::before {
  padding-top: 114.03509%;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p.is-02 .dbPlanFl__p__in {
    width: 59.46667%;
    max-width: 333.01333px;
  }
}

.dbPlan__bd__in .dbPlanFl__p.is-02 .dbPlanFl__p__lk.is-03 {
  top: 51.38462%;
  left: 74.38596%;
}

.dbPlan__bd__in .dbPlanFl__p.is-02 .dbPlanFl__p__lk.is-04 {
  top: 77.84615%;
  left: 92.98246%;
}

.dbPlan__bd__in .dbPlanFl__p.is-03 {
  flex: 0 1 284px;
}

.dbPlan__bd__in .dbPlanFl__p.is-03::before {
  padding-top: 48.59155%;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p.is-03 {
    margin: clamp(40px, 10.66667vw, 60px) 0 0;
  }
}

.dbPlan__bd__in .dbPlanFl__p.is-03 .dbPlanFl__p__in {
  background-image: url(../images/pic_dbplan03.webp);
}

.dbPlan__bd__in .dbPlanFl__p.is-03 .dbPlanFl__p__in::before {
  padding-top: 97.1831%;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanFl__p.is-03 .dbPlanFl__p__in {
    width: 59.46667%;
    max-width: 333.01333px;
  }
}

.dbPlan__bd__in .dbPlanFl__p.is-03 .dbPlanFl__p__lk.is-05 {
  top: 48.91304%;
  left: 9.15493%;
}

.dbPlan__bd__in .dbPlanDt {
  display: flex;
  padding: 20px 0;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(143, 126, 109, .2);
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt {
    flex-direction: column;
    margin: 0 5.33333vw;
    padding: 0 5.33333vw;
    box-shadow: 0 0 4px 0 rgba(143, 126, 109, .2);
  }
}

.dbPlan__bd__in .dbPlanDt > li {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt > li {
    padding: clamp(18px, 4.8vw, 21.6px) 0 1px;
  }
}

@media (min-width: 768px) {
  .dbPlan__bd__in .dbPlanDt > li + li {
    border-left: 1px solid #f0f0f0;
  }
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt > li + li {
    border-top: 1px solid #f0f0f0;
  }
}

.dbPlan__bd__in .dbPlanDt__t {
  font-size: 18px;
  line-height: calc(27 / 18);
  text-align: center;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__t {
    font-size: clamp(14px, 3.73333vw, 16.8px);
    font-weight: 500;
  }
}

.dbPlan__bd__in .dbPlanDt__mdl {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  column-gap: 30px;
  margin: 30px 0 0;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__mdl {
    column-gap: 28px;
    margin: clamp(12px, 3.2vw, 14.4px) 0 clamp(17px, 4.53333vw, 20.4px);
  }
}

.dbPlan__bd__in .dbPlanDt__mdl__p {
  margin: 0 auto 10px;
  background: no-repeat 50% 50% / contain;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__mdl__p {
    margin: 0 atuo clamp(12px, 3.2vw, 14.4px);
  }
}

.dbPlan__bd__in .dbPlanDt__mdl__p::before {
  content: '';
  display: block;
}

.dbPlan__bd__in .dbPlanDt__mdl__p.is-01 {
  width: 69px;
  background-image: url(../images/pic_model_adult01.jpg);
}

.dbPlan__bd__in .dbPlanDt__mdl__p.is-01::before {
  padding-top: 165.21739%;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__mdl__p.is-01 {
    width: clamp(55px, 14.66667vw, 66px);
  }
}

.dbPlan__bd__in .dbPlanDt__mdl__p.is-02 {
  width: 27px;
  background-image: url(../images//pic_model_child03.jpg);
}

.dbPlan__bd__in .dbPlanDt__mdl__p.is-02::before {
  padding-top: 296.2963%;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__mdl__p.is-02 {
    width: clamp(21px, 5.6vw, 25.2px);
  }
}

.dbPlan__bd__in .dbPlanDt__mdl__t {
  font-size: 16px;
  line-height: calc(19 / 16);
  text-align: center;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__mdl__t {
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(24 / 14);
  }
}

.dbPlan__bd__in .dbPlanDt__ext {
  width: 251px;
  margin: 16px auto 0;
  background: url(../images/pic_dbplan_dt01.webp) no-repeat 50% 50%/contain;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__ext {
    width: clamp(196px, 52.26667vw, 235.2px);
    margin: clamp(18px, 4.8vw, 21.6px) auto clamp(15px, 4vw, 18px);
  }
}

.dbPlan__bd__in .dbPlanDt__ext::before {
  content: '';
  display: block;
  padding-top: 62.5498%;
}

.dbPlan__bd__in .dbPlanDt__ar {
  margin: 25px 0 0;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__ar {
    margin: clamp(18px, 4.8vw, 21.6px) auto clamp(55px, 14.66667vw, 66px);
  }
}

.dbPlan__bd__in .dbPlanDt__ar th,
.dbPlan__bd__in .dbPlanDt__ar td {
  font-size: 16px;
  line-height: calc(32 / 16);
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__ar th,
  .dbPlan__bd__in .dbPlanDt__ar td {
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(27 / 14);
  }
}

.dbPlan__bd__in .dbPlanDt__ar td:nth-child(2) > span {
  display: block;
  float: right;
}

.dbPlan__bd__in .dbPlanDt__ar td:nth-child(2)::before {
  content: '\FF1A';
  display: inline-block;
  margin: 0 8px;
}

@media (max-width: 767px) {
  .dbPlan__bd__in .dbPlanDt__ar td:nth-child(2)::before {
    margin: 0 clamp(0px, 1.6vw, 6px);
  }
}

.dbSpec {
  padding: 120px 0;
  background: #c9d2d8;
}

@media (max-width: 767px) {
  .dbSpec {
    padding: clamp(0px, 21.33333vw, 80px) 0;
  }
}

@media (max-width: 767px) {
  .dbSpec__hd {
    padding: 0 5.33333vw;
  }
}

.dbSpec__hd__tt {
  width: 408px;
  margin: 0 auto 80px;
}

@media (max-width: 767px) {
  .dbSpec__hd__tt {
    width: 100%;
    max-width: 402px;
    margin: 0 auto clamp(40px, 10.66667vw, 48px);
  }
  .dbSpec__hd__tt img {
    width: 100%;
  }
}

.dbSpec__bd {
  max-width: 1440px;
  margin: 0 auto;
}

.dbSpec__bd__ls > li + li {
  margin: 80px 0 0;
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li + li {
    margin: clamp(60px, 16vw, 72px) 0 0;
  }
}

.dbSpec__bd__ls > li .dbSpecBx {
  position: relative;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 0 0;
  }
}

.dbSpec__bd__ls > li .dbSpecBx sup {
  display: inline-block;
  padding: 0 1px;
  font-size: 70%;
  vertical-align: 50%;
  line-height: 1;
}

.dbSpec__bd__ls > li .dbSpecBx__hd {
  position: relative;
  box-sizing: border-box;
  z-index: 5;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd {
    order: 1;
    position: absolute;
    top: 65px;
    padding: 4px 30px 0 102px;
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd {
    display: flex;
    align-items: flex-end;
    column-gap: clamp(18px, 4.8vw, 21.6px);
    min-height: clamp(70px, 18.66667vw, 84px);
    margin: 0 auto clamp(20px, 5.33333vw, 24px);
    padding: 0 5.33333vw;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__hd__c {
  width: 60px;
  height: 60px;
  padding: 30px 0 0;
  box-sizing: border-box;
  background: #24486c;
  clip-path: polygon(50% 0, 100% 39%, 100% 100%, 0 100%, 0 39%);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(16 / 16);
  text-align: center;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd__c {
    position: absolute;
    top: 0;
    left: 30px;
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd__c {
    flex: 0 0 auto;
    width: clamp(70px, 18.66667vw, 84px);
    height: clamp(70px, 18.66667vw, 84px);
    padding: clamp(35px, 9.33333vw, 42px) 0 0;
    font-size: clamp(10px, 4.8vw, 21.6px);
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd__in {
    flex: 1 1 auto;
    padding: 0 0 1px;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__hd__p {
  display: inline-block;
  padding: 0 12px;
  border-left: 2px solid #24486c;
  border-right: 2px solid #24486c;
  font-size: 18px;
  font-weight: 500;
  line-height: calc(20 / 18);
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd__p {
    margin: 0;
    font-size: clamp(10px, 4.26667vw, 19.2px);
    line-height: calc(16 / 16);
  }
}

.dbSpec__bd__ls > li .dbSpecBx__hd__t {
  margin: 10px 0 0;
  font-size: 20px;
  font-weight: 500;
  line-height: calc(24 / 20);
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd__t {
    margin: clamp(8px, 2.13333vw, 9.6px) 0 0;
    font-size: clamp(10px, 5.33333vw, 24px);
    line-height: clamp(22px, 5.86667vw, 26.4px);
  }
}

.dbSpec__bd__ls > li .dbSpecBx__hd__t > span {
  font-size: 14px;
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__hd__t > span {
    display: inline-block;
    padding: clamp(7px, 1.86667vw, 8.4px) 0 0;
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(14 / 14);
  }
}

.dbSpec__bd__ls > li .dbSpecBx__mn {
  position: relative;
  background: no-repeat 50% 50% / cover;
  z-index: 2;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__mn {
    order: 2;
    position: absolute;
    top: 0;
    width: calc(50% + 590px);
    max-width: 96.49123%;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__mn::before {
  content: '';
  display: block;
  padding-top: 38.16794%;
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__mn::before {
    padding-top: 53.33333%;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__sb {
  position: relative;
  background: no-repeat 50% 50% / cover;
  z-index: 3;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__sb {
    order: 4;
    width: 37.5%;
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__sb {
    width: 53.33333%;
    margin: -10.66667vw 0 0 auto;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__sb::before {
  content: '';
  display: block;
  padding-top: 62.96296%;
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__sb::before {
    padding-top: 60%;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__inf {
  position: relative;
  box-sizing: border-box;
  z-index: 4;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__inf {
    order: 3;
    display: inline-block;
    padding: 120px 30px 25px;
    margin: 0 0 40px;
    -webkit-backdrop-filter: blur(10px);
            backdrop-filter: blur(10px);
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__inf {
    margin: clamp(20px, 5.33333vw, 24px) auto clamp(24px, 6.4vw, 28.8px);
    padding: 0 5.33333vw;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__inf__t {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(18 / 16);
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__inf__t {
    white-space: nowrap;
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__inf__t {
    margin: 0 0 clamp(9px, 2.4vw, 10.8px);
    font-size: clamp(10px, 4.26667vw, 19.2px);
    line-height: calc(20 / 16);
  }
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__inf__tt {
    height: 96px;
  }
  .dbSpec__bd__ls > li .dbSpecBx__inf__tt img {
    width: auto;
    height: 96px;
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__inf__tt {
    max-width: 402px;
  }
  .dbSpec__bd__ls > li .dbSpecBx__inf__tt img {
    width: 100%;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__dsc {
  box-sizing: border-box;
  color: #24486c;
  z-index: 1;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx__dsc {
    order: 5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .dbSpec__bd__ls > li .dbSpecBx__dsc__h {
    width: calc(50% + 590px);
    max-width: 96.49123%;
    display: block;
  }
  .dbSpec__bd__ls > li .dbSpecBx__dsc__h::before,
  .dbSpec__bd__ls > li .dbSpecBx__dsc__h::after {
    content: '';
    display: block;
  }
  .dbSpec__bd__ls > li .dbSpecBx__dsc__h::before {
    padding-top: 38.16794%;
  }
  .dbSpec__bd__ls > li .dbSpecBx__dsc__h::after {
    height: 30px;
  }
  .dbSpec__bd__ls > li .dbSpecBx__dsc__t,
  .dbSpec__bd__ls > li .dbSpecBx__dsc__nt {
    max-width: 800px;
    padding: 0 30px;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__dsc {
    margin: 0 auto;
    padding: 0 5.33333vw;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__dsc__t {
  font-size: 16px;
  line-height: calc(27 / 16);
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__dsc__t {
    font-size: clamp(10px, 3.73333vw, 16.8px);
    line-height: calc(24 / 14);
  }
}

.dbSpec__bd__ls > li .dbSpecBx__dsc__nt {
  margin: 20px 0;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__dsc__nt {
    margin: clamp(16px, 4.26667vw, 19.2px) 0 0;
  }
}

.dbSpec__bd__ls > li .dbSpecBx__dsc__nt > li {
  font-size: 12px;
  line-height: calc(20 / 12);
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx__dsc__nt > li {
    font-size: clamp(10px, 3.2vw, 14.4px);
  }
}

.dbSpec__bd__ls > li .dbSpecBx__dsc__nt > li > span {
  display: block;
  overflow: hidden;
}

.dbSpec__bd__ls > li .dbSpecBx__dsc__nt > li > span:nth-child(1) {
  float: left;
}

.dbSpec__bd__ls > li .dbSpecBx__dsc__nt > li > span:nth-child(2) {
  overflow: hidden;
}

@media (min-width: 768px) {
  .dbSpec__bd__ls > li .dbSpecBx.is-01 {
    color: #fff;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__hd,
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__inf {
    left: clamp(80px, 50% - 550px, 170px);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__mn {
    right: 0;
    background-image: url(../images/pic_dbspec_ls_mn01.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__sb {
    background-image: url(../images/pic_dbspec_ls_sb01.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__inf {
    background: rgba(0, 0, 0, .2);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__dsc__in {
    margin-left: 37.5%;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 {
    color: #24486c;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__hd,
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__inf {
    right: clamp(140px, 50% - 480px, 230px);
    width: 378px;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__mn {
    left: 0;
    background-image: url(../images/pic_dbspec_ls_mn02.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__sb {
    margin-left: auto;
    background-image: url(../images/pic_dbspec_ls_sb02.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__inf {
    margin-left: auto;
    background: rgba(255, 255, 255, .6);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__dsc__in {
    margin-right: 37.5%;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__dsc__t,
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__dsc__nt {
    margin-left: auto;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 {
    color: #24486c;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__hd,
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__inf {
    left: clamp(80px, 50% - 550px, 170px);
    min-width: 433px;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__mn {
    right: 0;
    background-image: url(../images/pic_dbspec_ls_mn03.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__sb {
    background-image: url(../images/pic_dbspec_ls_sb03.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__inf {
    background: rgba(255, 255, 255, .6);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__dsc__in {
    margin-left: 37.5%;
  }
}

@media (max-width: 767px) {
  .dbSpec__bd__ls > li .dbSpecBx.is-01,
  .dbSpec__bd__ls > li .dbSpecBx.is-02,
  .dbSpec__bd__ls > li .dbSpecBx.is-03 {
    color: #24486c;
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__mn {
    background-image: url(../images/pic_dbspec_ls_mn01_sp.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-01 .dbSpecBx__sb {
    background-image: url(../images/pic_dbspec_ls_sb01_sp.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__mn {
    background-image: url(../images/pic_dbspec_ls_mn02_sp.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-02 .dbSpecBx__sb {
    background-image: url(../images/pic_dbspec_ls_sb02_sp.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__mn {
    background-image: url(../images/pic_dbspec_ls_mn03_sp.webp);
  }
  .dbSpec__bd__ls > li .dbSpecBx.is-03 .dbSpecBx__sb {
    background-image: url(../images/pic_dbspec_ls_sb03_sp.webp);
  }
}

.dbModal {
  display: none;
  position: relative;
  max-width: 870px;
  margin: 0 auto;
  padding: 40px;
  box-sizing: border-box;
  background: #fff;
}

@media (max-width: 767px) {
  .dbModal {
    max-width: 495px;
    padding: 30px;
  }
}

@media (max-width: 374px) {
  .dbModal {
    padding: 8vw;
  }
}

.dbModal.is-shown {
  display: block;
}

.dbModal__in {
  position: relative;
}

.dbModal__tt {
  display: flex;
  align-items: center;
  background: rgba(58, 91, 126, .1);
}

@media (min-width: 768px) {
  .dbModal__tt {
    position: absolute;
    top: 0;
    right: 0;
    width: 315px;
  }
}

@media (max-width: 767px) {
  .dbModal__tt {
    margin: 0 0 15px;
  }
}

.dbModal__tt > span {
  display: block;
}

.dbModal__tt > span.is-n {
  width: 30px;
  height: 30px;
  background: #3a5b7e;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}

@media (max-width: 767px) {
  .dbModal__tt > span.is-n {
    width: 26px;
    height: 26px;
    font-size: 16px;
    line-height: 26px;
  }
}

.dbModal__tt > span.is-t {
  flex: 1;
  padding: 0 0 0 16px;
  font-size: 18px;
}

@media (max-width: 767px) {
  .dbModal__tt > span.is-t {
    padding: 0 0 0 10px;
    font-size: 16px;
  }
}

.dbModal__p {
  width: 435px;
  background: 50% 50% / cover no-repeat;
}

@media (max-width: 767px) {
  .dbModal__p {
    width: 100%;
    margin: 0 auto 15px;
  }
}

.dbModal__p::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.dbModal__p.is-01 {
  background-image: url(../images/pic_dbmodal01.webp);
}

.dbModal__p.is-02 {
  background-image: url(../images/pic_dbmodal02.webp);
}

.dbModal__p.is-03 {
  background-image: url(../images/pic_dbmodal03.webp);
}

.dbModal__p.is-04 {
  background-image: url(../images/pic_dbmodal04.webp);
}

.dbModal__p.is-05 {
  background-image: url(../images/pic_dbmodal05.webp);
}

.dbModal__t {
  font-size: 16px;
  line-height: 1.70625;
}

@media (min-width: 768px) {
  .dbModal__t {
    position: absolute;
    top: 70px;
    right: 0;
    width: 315px;
  }
}

@media (max-width: 767px) {
  .dbModal__t {
    font-size: 14px;
    line-height: 1.57143;
  }
}


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

footer div.black-bg-area {
  font-family: "Shippori Mincho", serif;
  background: #000;
  padding: 10% 0;
}
footer div.black-bg-area img{
  width: 100%;
}
@media screen and (min-width: 768px) {
  footer div.black-bg-area {
    padding: 35px 0;
  }
}

footer div.black-bg-area div.black-bg-area-inner {
  width: 88%;
  margin: auto;
}

@media screen and (min-width: 768px) {
  footer div.black-bg-area div.black-bg-area-inner {
    width: 720px;
  }
}

@media screen and (min-width: 1000px) {
  footer div.black-bg-area div.black-bg-area-inner {
    width: 839px;
  }
}

footer div.black-bg-area div.black-bg-area-inner p.telephone-number {
  color: #FFF;
  border-bottom: solid 1px #fff;
  padding-bottom: 5%;
}
footer div.black-bg-area div.black-bg-area-inner p.telephone-number span{
  display: block;
  text-align: center;
}

@media screen and (min-width: 768px) {
  footer div.black-bg-area div.black-bg-area-inner p.telephone-number {
    padding-bottom: 2%;
  }
  footer div.black-bg-area div.black-bg-area-inner p.telephone-number img {
    display: block;
    width: 70%;
    max-width: 535px;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 0 0;
    gap: 2%;
  }
}

footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p {
  color: #fff;
  text-align: center;
  font-size: 0.76em;
}

footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p a {
  color: #fff;
}

footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p:nth-of-type(1) {
  font-size: 1.48em;
  padding: 5% 0;
  letter-spacing: 0em;
}

footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p:nth-of-type(1) span.small {
  　display: inline-block;
}

@media screen and (min-width: 768px) {
  footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p:nth-of-type(1) {
    width: 300px;
    font-size: 16px;
    padding: 0;
  }
}

@media screen and (min-width: 1000px) {
  footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p:nth-of-type(1) {
    width: 360px;
    font-size: 20px;
  }
}

footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p:nth-of-type(1) span.small {
  font-size: 0.78em;
}

footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p:nth-of-type(2) {
  line-height: 1.52em;
}

@media screen and (min-width: 768px) {
  footer div.black-bg-area div.black-bg-area-inner div.black-bg-area-flex p:nth-of-type(2) {
    font-size: 12px;
    letter-spacing: 0.02em;
    text-align: left;
  }
}

footer div.white-bg-area a {
  display: block;
  width: 73.8%;
  margin: auto;
  padding: 5% 0;
}
footer div.white-bg-area a img{
  display: block;
  width: 100%;
  object-fit: contain;
}
@media screen and (min-width: 768px) {
  footer div.white-bg-area a {
    width: 486px;
    padding: 35px 0;
  }
}

/*footer*/
/*****************************************/