/*------------------------------------------------------------------------------
  PC or ALL
------------------------------------------------------------------------------*/

.header-nav li span {
  font-weight: bold !important;
}

.mainvisual{
  .mainvisual-catch{
    text-shadow: #000 1px 0 10px;
    .copy{
      font-size: 5.4rem;
      font-weight: normal !important;
    }
  }
}
.pc .mainvisual-catch br{display: none;}

.side-sns,
.footer-sns{display: none;}

.footer-main .about {
  & * + p {
    margin-top: 20px;
  }
}

.footer{
  border-top: var(--border-color) 1px solid;
}

.fixed-footer{
  background: url(/mwp/wp-content/themes/mwp-theme/assets/images/message-bg.jpg) no-repeat center 0 / cover;
  .contact a::before{
    display: block;
    width: 20px;
    height: 20px;
    background: #fff;
    mask: url(../images/sns/line-fill.svg) no-repeat center center / contain;
    -webkit-mask: url(../images/sns/line-fill.svg) no-repeat center center /
      contain;  
  }
}
.sphone-fixed-footer ul li.contact a:before{
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  mask: url(../images/sns/line-fill.svg) no-repeat center center / contain;
  -webkit-mask: url(../images/sns/line-fill.svg) no-repeat center center /
    contain;
}


.home .page-content{

margin-bottom: 0;

.sm{
  max-width: 1164px;
  padding: 0 20px;
}

.title-type02, .title-type04{
  &::before{
    width: 80px;
    height: 7px;
    background: url(/mwp/wp-content/themes/mwp-theme/assets/images/title-bgb.png) repeat-x 0 0;
  }
  & span:nth-child(2){
    font-weight: normal;
    color: #999;
    opacity: 1;
  }
}

.main-blog{
  .blog-type01 ul li .category,
  .blog-type04 .swiper-slide .category{
    background: #fff;
    color: #5e5e5e;
  }
}

.main-message{
  &::before{
    background: url(/mwp/wp-content/themes/mwp-theme/assets/images/message-bg.jpg) no-repeat center center / cover;
  }
  text-align: center;
}

.wrap-line-mente{
  &::before{
    background: url(/mwp/wp-content/themes/mwp-theme/assets/images/line-bg.jpg) no-repeat center center / cover;
  }
}
.main-mente{
  .box-h3{
    font-size: 3.2rem;
    letter-spacing: -1px;
  }
  .copy{
    margin: 20px 0;
    font-size: 2.2rem;
    font-weight: normal;
  }
}

.main-insta{
  margin-bottom: 100px;
  .banner-type01{
    .image{
      position: static;
    }
    .text{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      & a{
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        padding: 0;
        & span{
          position: absolute;
          left: 3rem;
        }
        .en{
          font-size: 2.2rem;
          bottom: 4.5rem;
        }
        .ja{
          white-space: nowrap;
          font-size: 3.2rem;
          bottom: 1vmin;
        }
      }
    }
  }
}

.main-gmap{
  margin-bottom: 0;
}
.main-gmap,
.main-gmap iframe{
  height: 560px;
}

/* home*/
}

/* 20240130 added by Fabo */
.mt-0 { margin-top: 0 !important;}
.mt-s { margin-top: 4vh !important;}
.mt-m { margin-top: 7vh !important;}
.mt-l { margin-top: 10vh !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-s { margin-bottom: 4vh !important;}
.mb-m { margin-bottom: 7vh !important;}
.mb-l { margin-bottom: 10vh !important;}

.page-content h2:not([class]),
.page-content h3:not([class]),
.page-content h4:not([class]) {
    margin-bottom: 3vh;
}

.box-color {
    margin: 0 0 6vh;
    padding: 35px;
    background: #f7f7f7;
}
.box-color :first-child {
    margin-top: 0 !important;
}
.box-color :last-child {
    margin-bottom: 0 !important;
}

.page-content .image-text-type01 .text {
    overflow: hidden;
}
.page-content  .list-check-type01 {
    display: flex;
    justify-content: flex-start;
}

.align-center {
    text-align: center;
}

.table_qa {
  width: 100%;
  margin-bottom: 30px;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
.table_qa th {
  width: 5%;
  padding: 20px 10px;
}
.table_qa td {
  padding: 20px 10px;
  vertical-align: middle;
}
.table_qa tr:nth-child(2n-1) td {
  font-size: 18px;
  font-weight: bold;
}
.table_qa tr:nth-child(2n) {
  background: #eaf0f7;
}
.table_qa tr:nth-child(2n) th {
  vertical-align: top;
}
.q_icon {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--main-color);
  line-height: 44px;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.a_icon {
  display: inline-block;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: var(--main-color-2);
  line-height: 44px;
  color: #fff;
  font-family: "Shippori Mincho", serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

/* 20241127 added by Fabo */
.mt-0 { margin-top: 0 !important;}
.mt-s { margin-top: 4vh !important;}
.mt-m { margin-top: 7vh !important;}
.mt-l { margin-top: 10vh !important;}

.mb-0 { margin-bottom: 0 !important;}
.mb-s { margin-bottom: 4vh !important;}
.mb-m { margin-bottom: 7vh !important;}
.mb-l { margin-bottom: 10vh !important;}

.box-color {
    margin: 0 0 6vh;
    padding: 35px;
    background: #f5f5f5;
}
.box-color :first-child {
    margin-top: 0 !important;
}
.box-color :last-child {
    margin-bottom: 0 !important;
}
.align-center {
    text-align: center;
}

.list-check-type01{
  justify-content: left;
}

.page-content h2:not([class]),
.page-content h3:not([class]),
.page-content h4:not([class]) {
margin-bottom: 3vh;
}

.table-fixed {
    margin-bottom: 25px;
    table-layout: fixed;
    width: 100%;
}
.table-fixed th,
.table-fixed td {
    padding: 12px 15px;
    border: 3px solid #fff;
    text-align: center;
    vertical-align: middle;
}
.table-fixed th {
    color: #fff;
    background: #0088cb;
}
.table-fixed td {
    background: #f7f7f7;
}

/* 20250304 added by nakazato */
/*-- ブログ・お知らせのサムネイル画像調整 --*/
.blog-type01 ul li .image{
	aspect-ratio: 1;
}
.blog-type02 ul li .image{
	aspect-ratio: 3 / 2;
}


/*------------------------------------------------------------------------------
  TABLET and SHONE
------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {

.mainvisual{
  height: 60vh;
}

.mainvisual-catch{
  & div.copy{
    font-size: 3rem !important;
  }
  & div.sub-text{
    font-size: 1.8rem !important;
  }
}

.home .page-content{

  .main-insta .banner-type01 .box-ul{
    flex-flow: column;
    .text{
      & span{
        left: 5vw;
      }
      .en{
        bottom: 13vw;
        font-size: 5vw;
      }
      .ja{
        bottom: 2vw;
        font-size: 8vw;
      }
    }
  }
}


}

/*------------------------------------------------------------------------------
  TABLET ONLY
------------------------------------------------------------------------------*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
}

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {

.header-logo img{
  height: 50px;
}

}