﻿/*事業者ページ用*/
.business_content .bg-blue{
  font-size: 2.4rem;
  margin-top: 0;
  background-color: #7f9ab3;
}

@media screen and (max-width: 768px) {
  .business_content .bg-blue{
    font-size: 2.2rem;
  }
}

.mt-0{
  margin-bottom: 0 !important;
}

.lp-mv img {
  width: auto;
}

.business_content h4 {
  font-size: 18px;
  font-weight: bold;
}

.business_content .business_4col {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.business_content .business_4col figure {
  width: 23%;
}

.acc-flex {
  display: flex;
  gap: 2rem;
}

.acc-flex .lp-acc-txt {
  flex: 4;
}

.acc-flex .lp-acc-img {
  flex: 1;
}

.acc-flex .lp-figure {
  text-align: center;
}

.business_content .business_2col {
  display: flex;
  gap: 4rem;
}

.business_2col .business_2col_item {
  flex: 1;
}

figcaption.movie_cap {
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}


.business_content .lp-appFigure--02.lp-appFigure--border {
  border: solid 1rem #00b4db;
}

.business_content .lp-appFigure--02>a span {
  color: #00b4db;
}

.business_content .lp-blueTitle {
  color: black;
}

a.link-arrow+a.link-arrow {
  margin-left: 3rem;
}

.business_3col {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}

.business_3col figure.lp-figure {
  width: 30%;
}

.lp-figure-colmn {
  width: 30%;
}

.business_3col .lp-figure-column figure.lp-figure {
  width: 100%;
}

.lp-figure-colmn figure.lp-figure {
  width: 100%;
}

.business_3col .lp-figure figcaption {
  font-size: 1.2rem;
}

.business_content.lp-pageNav a:hover {
  background-color: #7f9ab3;
}

@media screen and (max-width: 768px) {
  .business_content .lp-acc__head {
    height: auto;
    line-height: 2rem;
    padding: 2rem 2rem 2rem 7rem;
  }

  .acc-flex {
    flex-direction: column;
    justify-content: center;
  }

  .business_content .business_4col figure {
    width: 47%;
  }

  .business_2col.movie {
    margin-top: 25px;
    flex-direction: column;
  }

  a.link-arrow+a.link-arrow {
    display: block;
    margin-top: 10px;
    margin-left: 0;
  }
}

/*ベッド操作*/

.family-content.lp-mv img {
  width: auto;
}

.family-content .lp-sectionTitle span {
  border-bottom: solid 0.4rem rgb(227 200 22);
}


h3.bg-yellow {
  font-size: 22px;
  background-color: #fff79d;
  color: #593a1d;
  padding: 5px 10px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.h4ttl {
  background-color: #f1cf00;
  color: #5d3a17;
  padding: 5px 10px;
  border-radius: 8px;
  display: inline-block;
}

.family-2col {
  display: flex;
}

.family-2col-txt {
  flex: 5;
}

.family-2col-img {
  flex: 1;
}

.family-2col-txt ul li {
  display: block;
  padding: 0 2rem 0 4rem;
  position: relative;
  text-decoration: none !important;
  cursor: default;
}

.lp-pageNav a:hover {
  background-color: #f1cf00;
  color: #fff;
}

.family-2col-txt ul li::before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  background: #fff79d;
  border-radius: 50%;
  position: absolute;
  left: 2rem;
  transform: translateY(50%);
}

.family-content .lp-blockTitle:before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 0.2rem #f1cf00;
  border-radius: 50%;
  position: absolute;
  top: .5em;
  left: 0;
}

.family-2col .family-2col-left {
  flex: 1;
  border-right: 1px solid #f2f2f2;
  padding-right: 50px;
}

.family-2col .family-2col-right {
  flex: 1;
  padding-left: 50px;
}

.family-2col .family-2col-right figure,
.family-2col .family-2col-left figure {
  text-align: center;
  margin-bottom: 15px;
}

.family-2col .family-2col-right figure img,
.family-2col .family-2col-left figure img {
  max-height: 200px;
}

.family-content .notification {
  margin: 20px 0 40px;
  background-color: #fef2e5;
  padding: 5px 20px;
  border-radius: 15px;
}

.family-content .notification .head {
  color: #f08300;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
}

.family-content .notification .body {
  margin-top: 0;
}

.family-2col .family-2col-right .h4_dot,
.family-2col .family-2col-left .h4_dot {
  text-align: center;
  border-bottom: 1px solid #f1cf00;
}

@media screen and (max-width: 768px) {
  h3.bg-yellow {
    background-color: #fff79d;
    color: #593a1d;
    padding: 5px 10px;
    border-radius: 8px;
    margin-top: 40px;
    margin-bottom: 20px;
  }

  .h4ttl {
    background-color: #f1cf00;
    color: #5d3a17;
    padding: 5px 10px;
    border-radius: 8px;
    display: inline-block;
    margin-top: 20px;
  }

  .family-2col-txt {
    flex: 5;
  }

  .family-2col-img {
    flex: 2;
  }
}

@media screen and (max-width:767px) {
  .family-2col-sousa {
    display: block;
  }

  .family-2col-sousa.family-2col .family-2col-left {
    border-right: none;
    border-bottom: 1px solid #f2f2f2;
    padding-right: 0;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .family-2col-sousa.family-2col .family-2col-right {
    padding-left: 0;
  }

  .family-content .lp-section figure {
    margin-bottom: 40px;
  }

  .family-content .family-2col .family-2col-right figure,
  .family-content .family-2col .family-2col-left figure {
    margin-bottom: 0;
  }

  .family-content .family-2col .family-2col-right figure img,
  .family-content .family-2col .family-2col-left figure img {
    max-height: 200px;
    width: auto;
  }

  .family-2col .family-2col-right .h4_dot,
  .family-2col .family-2col-left .h4_dot {
    text-align: center;
    border-bottom: 1px solid #f1cf00;
    margin-bottom: 1rem;
  }

  #section-01 .lp-blockTitle {
    margin-top: 0;
  }
}

.family-content .lp-section .lp-appFigure figcaption {
  color: #00b4db;
}

/*本体ページ*/
@media screen and (min-width: 769px) {
  #top .lp-mv img {
    width: auto;
  }
}

.rakusyou_fit_anchor-wrapper {
  display: flex;
  gap: 5rem;
}

.rakusyou_fit_anchor-wrapper .lp-layout__figure {
  flex: 1;
}

.main-ttl {
  display: flex;
  gap: 7rem;
  margin-bottom: 3rem;
}

.main-ttl-txt {
  font-size: 3rem;
}

.main-medium-ttl-txt {
  font-size: 3rem;
}

.main-medium-ttl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.main-medium-ttl-table {
  text-align: center;
}

.main-medium-ttl-table th {
  padding: 0px 10px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

.main-medium-ttl-table th:last-child {
  border-right: none;
}

.main-medium-ttl-table td:last-child {
  border-right: none;
}

.main-medium-ttl-table td {
  border-right: 1px solid black;
}

.main-medium-ttl-txt span {
  color: #ca875c;
  display: block;
}

.col2 {
  display: flex;
  gap: 4rem;
}

.col2-img {
  flex: 2;
}

.col2-txt {
  flex: 2;
}

.main-medium-ttl-txt span {
  display: block;
  color: #ca875c;
}

.body-fit-notion {
  display: flex;
  border: 2px solid #ebe5e2;
  gap: 3rem;
  padding: 20px 10px;
  align-items: center;
}

.body-fit-notion-img {
  display: flex;
  flex: 7;
  gap: 1rem;
}

.body-fit-notion-txt th,
.body-fit-notion-txt td {
  border: 1px solid black;
  padding: 5px;
  font-size: 14px;
}

.body-fit-notion-txt {
  flex: 8;
}

.body-fit-notion-txt th {
  background-color: #a3a4a5;
  color: #fff;
}

.body-fit-notion-txt table {
  width: 100%;
}

.big-txt {
  font-size: 28px;
}

.fit-2col-row-txt {
  font-weight: bold;
  text-align: center;
}

.table-ttl {
  font-weight: bold;
  margin-bottom: 0;
}

.main-small-ttl-txt {
  font-size: 2.5rem;
}

.main-small-ttl-txt span {
  color: #ca875c;
  margin-left: 20px;
}

.main-small-ttl {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.fit-2col-w100 {
  display: flex;
  justify-content: space-between;
  gap: 7rem;
}

.fit-2col-w100 .fit-2col-row-txt {
  font-weight: normal;
  text-align: left;
}

.fit-2col-w100 .fit-2col-row {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.main-ttl2 {
  display: flex;
  margin-bottom: 8rem;
}

.main-ttl2 .main-ttl2_txt {
  flex: 5;
}

.main-ttl2 .main-ttl2_img {
  flex: 5;
}

.main-ttl2 .main-ttl-img {
  margin-bottom: 30px;
}

.emotion-ttl {
  display: block;
  font-size: 2.5rem;
  position: relative;
  margin-bottom: 3rem;
  margin-left: 10px;
}

.emotion-ttl span {
  display: block;
  color: 2.5rem;
  color: #5a8686;
}

.emotion-ttl:before {
  display: block;
  content: "";
  width: 7px;
  height: 100%;
  background: #5a8686;
  position: absolute;
  margin-left: -10px;
  top: 50%;
  transform: translatey(-50%);
}

.emotion-ttl.blue:before {
  display: block;
  content: "";
  width: 7px;
  height: 100%;
  background: #5880a4;
  position: absolute;
  margin-left: -10px;
  top: 50%;
  transform: translatey(-50%);
}

.emotion-ttl.blue {
  color: #5880a4;
  margin-top: 3rem;
  font-size: 2.5rem;
}

.bg-blue {
  background-color: #5880a4;
  color: white;
  font-size: 2.8rem;
  text-align: center;
  padding: 15px 0;
  margin-bottom: 3rem;
  margin-top: 4rem;
}

.mt-20 {
  margin-bottom: 20px !important;
}

.flex-between {
  justify-content: space-between;
}

.flex-between .col2-img {
  flex: none;
}

.black {
  color: black !important;
}

.lp-layout__figure {
  text-align: center;
}

.item-head {
  font-weight: bold;
}

.txt-3col {
  display: flex;
  gap: 3rem;
  margin-top: 30px;
}

.txt-3col-item {
  width: 28%;
}

p.download-head {}

.download-wrapper {
  border: 1px solid black;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 60px;
}

p.download-head {
  font-size: 20px;
  font-weight: bold;
  color: #5880a4;
}

.download-icon-wrapper {
  /* display: flex; */
  text-align: center;
}

.download-icon-qr {
  display: flex;
  gap: 6rem;
  justify-content: center;
}

.qr-item {
  display: flex;
  flex-direction: column;
  width: 150px;
  gap: 2re;
}

.col3 {
  display: flex;
  gap: 35px;
  margin-bottom: 30px;
}

.emotion-list {
  display: flex;
  margin-bottom: 20px;
  gap: 20px;
}

.emotion-list .list-txt .list-dot {
  font-size: 20px;
  font-weight: bold;
}

.list-txt {
  flex: 5;
}

.list-dot {
  margin-left: 25px;
  position: relative;
}


.list-dot:before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #5a8686;
  position: absolute;
  margin-left: -25px;
  top: 50%;
  transform: translatey(-70%);
}

.dot-blue .list-dot:before{
  background-color: #5880a4;
}

.list-img {
  max-width: 200px;
}

.lp-appFigure--02.lp-appFigure--border {
  border-color: #00b4db;
}

.lp-appFigure--02>a {
  color: #00b4db;
}

.list-txt .sub-ttl {
  display: block;
  font-weight: bold;
}

.col5.fit-2col-w100 {
  gap: 1rem;
}

.list-txt-normal:before {
  margin-left: -20px;
}

.list-txt-normal {
  margin-left: 20px;
  margin-bottom: 30px;
}

.main-medium-ttl {
  margin-top: 6rem;
}

.main-ttl2 {
  margin-top: 6rem;
}

.fit-2col-w100.col4{
  gap: 2rem;
}

.fit-2col-w100.col4 .col4-head p{
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.fit-2col-w100.col4 .col4-head span{
  font-weight: bold;
  color: #ca875c;
  display: block;
}

.fit-2col-w100.col4 .fit-2col-row-txt{
  font-size: 14px;
}

.dot-blue p.list-dot {
    font-size: 22px;
    font-weight: bold;
}

.dot-blue.list-txt{
  flex: none;
  margin-bottom: 10px;
}

.video-col2 .lp-videoFigure__caption{
  text-align: left;
  font-size: 16px;
}

.youtube-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px;
    border: 1px solid black;
    border-radius: 20px;
}

@media screen and (max-width:767px) {

  .main-ttl,
  .main-medium-ttl,
  .col2,
  .body-fit-notion,
  .main-ttl2,
  .fit-2col-w100,
  .rakusyou_fit_anchor-wrapper,
  .main-small-ttl {
    display: block;
  }

  .col3 {
    flex-direction: column;
  }

  .bg-blue {
    font-size: 2rem;
  }

  .emotion-ttl.blue {
    font-size: 1.8rem;
  }

  .main-ttl-txt {
    font-size: 2rem;
  }

  .main-medium-ttl-txt {
    font-size: 1.8rem;
  }

  .col2-img {
    text-align: center;
  }

  .main-small-ttl-txt span {
    display: block;
    font-size: 1.8rem;
  }

  .fit-2col-row-img {
    text-align: center;
  }

  .emotion-list {
    flex-direction: column;
    align-items: center;
  }

  .list-img {
    max-width: 100%;
  }

  .download-icon-qr {
    gap: 3rem;
  }

  .txt-3col {
    flex-direction: column;
    gap: 1rem;
  }

  .txt-3col-item {
    width: 100%;
  }

  .item-head {
    margin-bottom: 0;
  }

  .col5.fit-2col-w100 {
    display: flex;
    flex-wrap: wrap;
  }

  .col5.fit-2col-w100 .fit-2col-row {
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: space-between;
  }

  .col5.fit-2col-w100 .fit-2col-row {
    width: 45%;
  }

  .col5.fit-2col-w100 .fit-2col-row {
    flex: none;
    display: block;
  }

  .main-medium-ttl {
    margin-top: 3rem;
  }

  .main-ttl2 {
    margin-top: 3rem;
  }

  .main-small-ttl-txt span{
    margin-left: 0;
  }

  .dot-blue p.list-dot {
    font-size: 1.8rem;
  }

  .youtube-wrapper {
    display: block;
}
}

@media screen and (min-width: 769px){
    #top .lp-row .lp-row__col--3.col2 {
        width: calc((100% - 12rem) / 2);
    }
}