@charset "UTF-8";

/* =====================================
　Elementor Contents
===================================== */

.elementor-section.elementor-section-boxed>.elementor-container {
   max-width: 100% !important;
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
   padding: 0 !important;
}

.elementor-widget:not(:last-child) {
   margin-bottom: 0 !important;
}

.elementor-heading-title {
   line-height: 2 !important;
}

/* =====================================
　body Contents
===================================== */

.main {
   padding-top: 38px;
}

/* ▼　背景ストライプ */
.l-main {
   position: relative;
}

.l-main:before {
   content: '';
   display: block;
   background: url(/wp-content/uploads/images/index/bg_top.svg) no-repeat;
   background-size: cover;
   width: 100%;
   height: 200px;
   position: absolute;
   top: -140px;
}

section.top-part:after {
   content: '';
   display: block;
   background: url(/wp-content/uploads/images/index/bg_down.svg) no-repeat;
   background-size: 100%;
   background-position: center bottom;
   width: 100%;
   height: 8.78vw;
   position: absolute;
   /* z-index: 1000; */
   bottom: -8.7vw;
}

@media screen and (max-width: 768px) {
   .l-main {
      position: relative;
      margin-top: 0 !important;
   }

   .l-main:before {
      height: 50px;
      position: absolute;
      top: -20px;
      z-index: 1;
   }

   section.top-part:after {
      height: 8.8vw;
      z-index: -1;
   }
}

/* ▲　背景ストライプ */

@media screen and (max-width:1200px) {
   .l-main {
      margin-top: 350px;
   }
}

.over_width {
   width: 100vw;
   margin: 0 calc(50% - 50vw);
}

.has-text-centered {
   margin: 0 0 20px;
}

.bg_blue {
   background: #eefaff;
   width: calc(100% + 200px) !important;
   margin: 150px -100px 100px -100px;
   padding: 50px 100px 70px;
}

.mgn_reset {
   margin-top: 0;
   margin-bottom: 0;
}

.img_center>div {
   text-align: center;
}

.img-center img {
   display: block !important;
   margin: 0 auto;
}

@media screen and (max-width: 768px) {
   .bg_blue {
      background: #eefaff;
      width: calc(100% + 40px) !important;
      margin: 50px -20px 100px -20px;
      padding: 50px 20px 70px;
   }
}

.img_center img {
   display: block !important;
   margin: 0 auto;
}

.main section.treatments img {
   margin-bottom: 0;
}

.treatments h2.title {
   padding: 3vw 0;
   font-weight: 400;
}

.treatments h2.title::after {
   display: none;
}

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

   .flex_rev>div {
      flex-direction: column-reverse;
   }
}

/* 画像ボックス＿テキスト回り込み */
.float-right .elementor-image-box-wrapper,
.float-left .elementor-image-box-wrapper {
   display: block !important;
}

.float-right figure {
   float: right;
   width: 50%;
   margin-left: 50px !important;
}

.float-left figure {
   float: left;
   width: 50%;
   margin-right: 50px !important;
}

@media screen and (max-width: 768px) {
   .float-right figure {
      float: none;
      width: 100%;
      margin-left: 0;
   }

   .float-left figure {
      float: none;
      width: 100%;
      margin-right: 0;
   }
}


/* =====================================
　index
===================================== */
.blog .content ul {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   width: 1100px;
}

.blog .content li {
   width: 330px;
}

.blog .content .item {
   width: 330px;
   padding-bottom: 55px;
   -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 20%);
   box-shadow: 0 0 30px rgb(0 0 0 / 20%);
   position: relative;
   background: #fff;
   -webkit-transition: .5s;
   transition: .5s;
   height: 420px;
}

.blog .content li h3 {
   font-size: 20px;
   text-align: center;
}

.blog .content li h3:first-letter {
   font-size: 1.5em;
   font-weight: bold;
}

.blog .content li:first-of-type h3:first-letter {
   color: red;
}

.blog .content li:nth-of-type(2) h3:first-letter {
   color: #ffd700;
}

.blog .content li:nth-of-type(3) h3:first-letter {
   color: #0091d7;
}

.blog .content li:first-of-type h3 {
   border-bottom: 1px solid red;
   margin-bottom: 20px;
}

.blog .content li:nth-of-type(2) h3 {
   border-bottom: 1px solid #ffd700;
   margin-bottom: 20px;
}

.blog .content li:nth-of-type(3) h3 {
   border-bottom: 1px solid #0091d7;
   margin-bottom: 20px;
}

.blog .content li:first-of-type .item img {
   border: 3px solid red;
}

.blog .content li:nth-of-type(2) .item img {
   border: 3px solid #ffd700;
}

.blog .content li:nth-of-type(3) .item img {
   border: 3px solid #0091d7;
}

@media(max-width:768px) {
   .blog .content .item {
      width: 100%;
      height: 26.67vw;
      padding-bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 5.33vw;
      -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
      box-shadow: 0 0 10px rgba(0, 0, 0, .2)
   }

   .blog .content .item a {
      display: flex;
   }

}