/*------------------------------------------------------------------------------
  PC or ALL
------------------------------------------------------------------------------*/
.pc .header-logo{
  width: 297px;
}
.header-nav > ul > li{
  margin: 0 15px;
}
.header-nav > ul > li .en{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  font-style: normal;
  letter-spacing: 0.04em;
}

.pc .mainvisual-catch{
  left: 7vw;
}
.pc .mainvisual-catch div.copy{
  font-size: 5.6rem;
}
.mainvisual-catch div.copy{
  font-weight: normal;
}
.mainvisual-catch div.sub-text.en{
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.04em;
}
.pc .mainvisual-catch div.sub-text.en{
  font-size: 2.8rem;  
}

.box h2.box-h2{
  font-size: 1.8rem;
  color: #929060;
}
.title-type01 span:nth-child(2), .title-type02 span:nth-child(2), .title-type03 span:nth-child(2), .title-type04 span:nth-child(2){
  font-size: 3.7rem;
  color: #52513c;
  opacity: 1;
  font-weight: normal;
}
.title-type02:before, .title-type04:before{
  display: none;
}

.box-wrap.sm{
  max-width: 1124px;
  padding: 0;
}

.box-wrap.bg:before{
  background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-bg.png) repeat center center;
}

.pc .box-wrap.sm.main-problems{
  .row{
    gap: 0;
  }
}
.box-wrap.sm.main-problems{
  .col li{
    list-style: none;
    padding: 20px 20px 20px 40px;
    position: relative;
    background: #f9f8ef;
  }
  .col li::before{
    content: '\e834';
    font-family: "Material Symbols Outlined";
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0,-50%);
    font-size: 2rem;
  }
}

.box-wrap.bg.main-solving{
  margin-bottom: 0;
  .title-type02{
    margin-bottom: 0;
  }
  .col .image{
    position: relative;
    margin-bottom: 20px;
  }
  .col .image .btn{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    width: 90%;
  }
  .box .btn a{
    display: block;
    background: url(/mwp/wp-content/themes/mwp-theme/assets/images/main-bg.png) repeat center center;
    border-radius: 0;
    color: #52513c;
    font-size: 1.9rem;
    padding: 13px 20px 12px 21px;
  }
  .box .btn a:after{
    background: #dc3e44;
    color: #fff;
    border-radius: 50%;
    right: 15px;
  }
}
.box-wrap.bg.main-solving > p{
  text-align: center;
  line-height: 2;
  margin-bottom: 40px;
  margin-top: 10px;
}

.box-wrap.bg.main-message{
  margin-left: calc(50% - var(--vw) * 50);
  margin-right: calc(50% - var(--vw) * 50);
  padding: 0 4vmin 90px;
  .box h3.box-h3{
    font-size: 1.8rem;
    color: #929060;
  }
}
.pc .box-wrap.bg.main-message{
  .box.image-text-type03 .box-h3, .box.image-text-type03 .copy, .box.image-text-type03 p, .box.image-text-type03 .btn{
    margin-left: 15px;
    max-width: 650px;
  }
}

.box-wrap.sm.main-blog,
.box-wrap.sm.main-news{
  .title-type02{
    margin-bottom: 0;
  }
}

.pc .box-wrap.xl.footer-con{
  .contact-type01 .title{
    font-size: 3.7rem;
  }
  .contact-type01 .title .en{
    font-size: 2rem;
  }
  .contact-type01 .text .tel{
    font-weight: normal;
    font-size: 7.1rem;
  }
  .contact-type01 .text .btn div a:after, .contact-type02 .text .btn div a:after{
    font-size: 2rem;
  }
}
.box-wrap.xl.footer-con{
  margin-bottom: 0;
  .contact-type01 .text .btn div:nth-child(1) a::after{
    content: '\ebcc';
  }
  .contact-type01 .text .btn div:nth-child(2) a::after{
    content: '\e0c8';
  }
}

.box-wrap.bg.footer-access{
  margin-left: calc(50% - var(--vw) * 50);
  margin-right: calc(50% - var(--vw) * 50);
  margin-bottom: 0;
  .title-type02{
    margin-bottom: 0;
  }
}
.box-wrap.bg.footer-access .text p{
  margin-top: 20px;
}
.box-wrap.bg.footer-access .text p::before{
  content: '\e0c8';
  padding-right: 10px;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
  color: #aaa882;
}

.box-wrap.bg.footer-banner{
  padding-top: 0;
}

.footer{
  background: #706f5a;
  color: #fff;
}
.footer-main .nav ul li a{
  color: #fff;
}
.footer-main .logo{
  width: 297px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(310deg) brightness(103%) contrast(104%);
}
.footer-main:after{
  background: #fff;
}
.sns-icon-list li a{
  background: #dc3e44;
}
.fixed-footer .contact a{
  background: #dc3e44;
  font-size: 1.6rem;
  font-weight: normal;
}
.fixed-footer .tel a{
  font-size: 2.6rem;
  font-weight: normal;
  color: #512827;
}
.fixed-footer p{
  color: #512827;
}
.fixed-footer .tel a:before{
  color: #dc3e44;
}
.fixed-footer{
  background: #fefefe;
}


















































/* 20250315 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: 3.5vh;
    background: #f8f7ef;
}
.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 .image-text-type01 .text :first-child{
    margin-top: 0;
}
.page-content  .list-check-type01 {
    display: flex;
    justify-content: flex-start;
}

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

.table-fixed {
  width: calc(100% + 10px);
  margin: 0 -5px 25px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
}
.table-fixed th,
.table-fixed td {
  padding: 15px;
  text-align: center;
  vertical-align: middle;
}
.table-fixed th {
  background: var(--main-color);
  color: #fff;
  font-weight: bold;
}
.table-fixed td {
  background: var(--sub-color);
}

body:not(.home) .contact-type01.-bg {
	background: #f8f7ef;
}
body:not(.home) .contact-type01.-bg .title,
body:not(.home) .contact-type01.-bg .text {
	color: var(--text-color);
}

body:not(.home) .btn a + a {
    margin-left: 10px;
}

body:not(.home) .image-bg-type02 {

}


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

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

/*------------------------------------------------------------------------------
  SPHONE ONLY
------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
  .contact-type01 .title .en{
    font-size: 1.8rem;
  }
  .footer-main .nav ul{
    flex-wrap: wrap;
  }


	body:not(.home) .btn a + a {
	    margin-top: 10px;
	}
}