@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.6rem;
  line-height: 1.4;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  font-size: 62.5%;
}

em {
  color: black;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after {
  content: '';
  content: none;
}

q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.content {
  margin-top: 0;
}

.wrap {
  width: 100%;
}

.main {
  padding: 0;
  border-radius: 0;
  border: none;
}

.mysyle {
  overflow: hidden;
}

a {
  text-decoration: none;
}

input[type="submit"],
input[type="checkbox"],
input[type="radio"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

p {
    margin-bottom: 3.5rem;
}

.pc-layout {
  display: block;
}

.sp-layout {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .pc-layout {
    display: none !important;
  }
  .sp-layout {
    display: block !important;
  }
}

@font-face {
  font-family: 'poppin';
  src: url("../font/POPPINS-SEMIBOLD.woff") format("woff"), url("../font/Poppins-SemiBold.ttf") format("truetype");
  font-weight: semibold;
  font-style: normal;
}

html.active,
body.active {
  overflow: hidden;
}

.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: scroll;
  z-index: 500;
}

.overlay.active {
  pointer-events: all;
  opacity: 1;
}

.overlay .humbergerclose {
  position: absolute;
  top: 5rem;
  right: 5.3rem;
  width: 3.4rem;
  height: 2.1rem;
}

.overlay .humbergerclose div {
  position: absolute;
  top: 50%;
  background: #000000;
  width: 100%;
  height: 0.2rem;
}

.overlay .humbergerclose div:first-of-type {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.overlay .humbergerclose div:last-of-type {
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

.overlay .overlayWrapper .ul {
  padding-top: 20rem;
}

.overlay .overlayWrapper .ul__li {
  text-align: center;
}

.overlay .overlayWrapper .ul__li .link {
  color: #000000;
  font-weight: 700;
  font-size: 2.4rem;
}

.overlay .overlayWrapper .ul__li + .ul__li {
  margin-top: 2.5rem;
}

html,
body {
  background: #fff;
}

.m-header .navWrapper {
    height: 11rem;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3rem 2rem 2rem 4rem;
    z-index: 99999;
    background:#fff;
}

.m-header .navWrapper .headerNavLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 0rem;
    height: 5rem;
}

.imgArea {
    display: block;
    vertical-align: top;
}

.imgArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
}

.m-header .navWrapper .headerNavLeft .titlelogo img {
    max-width: 15rem;
}

.m-header .navWrapper .headerNavRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.8rem;
    position: relative;
    top: -0.5rem;
    right: 0;
}

.m-header .navWrapper .headerNavRight .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2.3rem;
    border-radius: 5rem;
    padding: 1.5rem 0 1.5rem 5rem;
}

.m-header .navWrapper .headerNavRight .nav .ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    height: 100%;
}

.m-header .navWrapper .headerNavRight .nav .ul .li {
    padding: 0.5rem 0;
}

.m-header .navWrapper .headerNavRight .nav .ul .li .link {
    color: #002543;
    font-size: 1.4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.m-header .navWrapper .headerNavRight .nav .ul .li .link span {
    display: block;
    font-family: Poppins;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 12px;
    color: #BEBEBE;
}

.m-header .navWrapper .headerNavRight .nav .ul .li.tocontact {
   background: #000;
padding-top: 0.5rem;
color: #fff;
font-size: 1.4rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: bold;
padding: 0.8rem 3.6rem 0.3rem;
border-radius: 3rem;
position: relative;
height: 80%;
margin-top: 0.5rem;
}
.m-header .navWrapper .headerNavRight .nav .ul .li.tocontact .link {
    color: #fff;
    font-size: 1.4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.m-footer {
    position: relative;
    padding: 5rem 4rem 5rem 4rem;
    z-index: 1;
    background: #000000;
}

.m-footer .footerWrapper {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: end;
    color:#fff;
}

.m-footer .footerWrapper .logolink img {
    width: 15.5rem;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    image-rendering: -webkit-optimize-contrast;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 4.4rem;
}

.m-footer .ul.fmenu1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5rem;
    margin-bottom: 6rem;
}
.m-footer .ul.fmenu1 .li {
    padding: 0.5rem 0;
}
.m-footer .ul.fmenu1 .li .link {
    color: #fff;
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.m-footer .ul.fmenu1 .li .link span {
    display: block;
    font-family: Poppins, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
}
.addressinfo {
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
}
.gmaplink {
    color: #fff;
    font-size: 1.2rem;
    font-family: Poppins, sans-serif;
    text-decoration: underline;
}
.mailaddress {
    border: 1px solid #585858;
    padding: 1.5rem 6rem;
    font-family: Poppins, sans-serif;
    text-align:center;
    margin-bottom: 10rem;
    text-decoration: none;
}
.mailaddress span {
    display: block;
    font-size: 1.2rem;
    color: #fff;
}
.copylightlink {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: end;
}
.copylight {
    font-family: Poppins, sans-serif;
    font-size: 1.2rem;
}
.footerWrapper .link {
    font-family: Poppins, sans-serif;
    font-size: 1.2rem;
    color: #fff;
}
.bannerspace {
    max-width: 104rem;
    margin: 10rem auto 11rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.front .imgArea.mv{
    max-height: 70vh;
    overflow: hidden;
}

.front .section1 {
    background: #F5F1ED;
    margin-top: -0.4rem;
    padding: 10rem 0;
}
.front .section1__wrapper.leftside {
    max-width: 110rem;
    background: #fff;
    padding: 10rem 20rem;
}
h2.readtxt {
    font-size: 4rem;
    font-weight: 400;
}
h3.etitle, section.message h3.etitle {
    font-size: 1.6rem;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #7EC4C8;
    letter-spacing: 0.1em;
    margin-bottom: 5rem;
}
.flexspace{
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.circlewrap {
    width: 23rem;
    border: 0.5px solid #000;
    padding: 10.8rem 1rem;
    text-align: center;
    border-radius: 12rem;
    font-weight: bold;
    font-size: 2.4rem;
    height: 23rem;
}
.btnlinkwrapper {
    text-align: center;
background: #7EC4C8;
color: #fff;
padding: 1rem 0 1rem;
font-size: 1.4rem;
font-family: Poppins,"Noto Sans JP", sans-serif;
border-radius: 3rem;
width: 15rem;
margin: 7rem auto 0;
font-weight: 600;
}
.tocontactbanner .btnlinkwrapper {
    background: #000;
    font-size: 1.2rem;
    width: 25rem;
    margin: 2rem auto 0;
    font-weight: 700;
}
/* .btnlink.readmorebtn {
    background: #7EC4C8;
    color: #fff;
    padding: 1rem 4rem 1.2rem;
    font-size: 1.4rem;
    font-family: Poppins,"Noto Sans JP", sans-serif;
    border-radius: 3rem;
}*/
.front .section2, .serviceslists {
    padding: 10rem 0 0;
}
.front .section2__wrapper.rightside {
    max-width: 110rem;
    background: #F5F1ED;
    padding: 10rem 20rem;
    margin-left: auto;
}
.squarebtn {
    background: #fff;
    padding: 4rem;
    margin-bottom: 1rem;
    font-size: 2.4rem;
color: #000;
display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: end;
}
.squarebtn img {
    width: 3.2rem;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger {
    position: relative;
    width: 3rem;
height: 2rem;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger div {
    position: absolute;
    top: 49.5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 100%;
    height: 0.2rem;
    background: #000;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger div:nth-of-type(1) {
    top: 2%;
}

.m-header .navWrapper .headerNavRight .menuArea .humberger div:nth-of-type(3) {
    top: 98%;
}

.m-header .humbergerclose {
    display: none;
}

.humbergerclose {
    position: absolute;
    top: -1rem;
    right: 50%;
    width: 3.4rem;
    height: 2.1rem;
}

.humbergerclose div {
    position: absolute;
    top: 50%;
    width: 100%;
    background: #fff;
    height: 0.2rem;
}

.humbergerclose div:first-of-type {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.humbergerclose div:last-of-type {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
    overflow: scroll;
    z-index: 500;
    color: #000;
    background:#fff;
}

.overlay .overlayWrapper .ul {
    padding: 10rem 3rem 5rem;
}

.overlay .overlayWrapper .li .link {
    font-size: 2.1rem;
    color: #000;
}

html.active, body.active {
    overflow: hidden;
}

.overlay.active {
    pointer-events: all;
    opacity: 1;
}

.active .m-header .humberger {
    display: none;
}

.active .m-header .humbergerclose {
    display: block;
}

.menuArea {
    display: none;
}

.breadcrumblist .breadcruminner {
    font-size: 1.4rem;
    padding-left: 4rem;
}

.breadcrumblist .link {
    color: #8C8C8C;
    font-family: Poppins,"Noto Sans JP", sans-serif;
    position: relative;
    margin-right: 3rem;
    font-size: 1.4rem;
}
.breadcrumblist .link.current {
    color: #000;
}

.breadcrumblist .link:not(:last-child)::after {
    content: "";
position: absolute;
top: 38%;
right: -2.5rem;
width: 12px;
height: 8px;
border-top: 1px solid #8C8C8C;
-webkit-transform: rotate(300deg);
transform: rotate(300deg);
}
.breadcrumblist .link:first-child:before {
content: '';
display: inline-block;
width: 1rem;
height: 1rem;
background-image: url(../img/common/homeicon.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
margin-right: 1rem;
}

.page .mv {
    width: 104rem;
    margin: 6rem auto 5rem;
}

.page .mv h3.etitle {
    margin-bottom: 2.5rem;
}

.services.rightside {
    max-width: 110rem;
    background: #F5F1ED;
    padding: 10rem 20rem;
    margin-left: auto;
}

.feature__wrapper {
    padding: 10rem 0 0;
}

.sectionTitle {
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2.8rem;
    position: relative;
}

.sectionTitle.border:before {
    content: "";
display: inline-block;
position: absolute;
bottom: -2.3rem;
width: 1.6rem;
height: 0.5px;
background: #8C8C8C;
left: 0;
right: 0;
margin: auto;
}

.sectionTitle.leftborder:before {
    content: "";
display: inline-block;
position: absolute;
bottom: -2.3rem;
width: 1.6rem;
height: 0.5px;
background: #8C8C8C;
left: 0;
}


.feature .etitle {
    text-align: center;
    margin: 4.5rem 0 9rem;
}

.feature .imgArea.points {
    width: 70rem;
    margin: 0 auto 10rem;
}

.flexspace .pointimg, .flexspace .pointtxt {
    width: 50%;
}


section h3 {
    font-size: 2.4rem;
    letter-spacing: 0.2em;
    margin-bottom: 4rem;
}
.pointtxt {
    padding: 0 10rem;
}
section .pointtxt h3{
    color:#7EC4C8;
}
.pointtxt p {
    font-size: 2rem;
    line-height: 1.6;
}

.companyprofile__wrapper{
padding: 10rem 10rem 6rem;
}
.companyprofile .flexspace {
    align-items: start;
}
.companyprofile .titlespace {
    width: 25%;
}
.companyprofile .sectionTitle {
    text-align: left;
}
.companyprofile .etitle {
    margin: 4.5rem 0 0;
}

.profiledetail {
    width: 75%;
    padding: 0 7rem;
}

.profiledetail table {
    width: 100%;
}

.profiledetail table th {
    text-align: left;
padding: 0 0 4rem;
vertical-align: middle;
font-weight: 400;
}

.serviceinfo {
    padding: 5rem 0 0;
}

.serviceinfo .flexspace {
    max-width: 104rem;
    margin: 0 auto 2rem;
    border: 1px solid #DEDEDE;
    padding: 4rem;
}

.serviceinfo .pointimg {
    width: 34%;
}

.serviceinfo a img {
    width: 3.2rem;
}
.serviceinfo a .pointimg img {
width: 100%;
}

.serviceinfo .pointtxt {
    width: 62%;
    padding: 0 3.5rem;
}

.serviceinfo .pointtxt h3 {
    letter-spacing: 0;
    color: #000;
    margin-bottom: 3rem;
}

.serviceinfo .pointtxt p {
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 0;
    color: #000;
}

.servicedetail {
    padding: 5rem 0 0;
}

.servicedetail__wrapper {
    padding: 0 10rem 6rem;
}

.servicedetail .sectionTitle {
    text-align: left;
}

.detailpage .section1 {
    background: #F5F1ED;
    padding-top: 5rem;
    margin-top: 0.2rem;
    padding-bottom: 0.1rem;
    margin-bottom: 4rem;
}

.page.detailpage .mv {
    margin: 0 auto 4rem;
}

.servicedetail .flexspace {
    gap: 6rem;
    margin-bottom: 4rem;
}
.servicedetail .pointtxt {
    padding: 0;
}
.servicedetail .pointtxt p {
    line-height: 2;
    font-size: 1.6rem;
}
section .targetlists h3 {
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    margin-bottom: 2rem;
    font-family: Poppins, sans-serif;
    font-weight: 400;
}
.targeticon {
    width: 10rem;
    background: #F5F1ED;
    padding: 2.5rem;
}
section .targetlists .targettitle h3 {
    font-size: 2rem;
    letter-spacing: 0;
    margin-bottom: 0;
    font-family: initial;
}
.servicedetail .targetwrapper .flexspace {
    gap: 2rem;
    margin-bottom: 0;
    width: 50%;
    justify-content: start;
}
.servicedetail .targetwrapper.flexspace {
    margin-bottom: 0;
    border-top: 0.5px solid #8C8C8C;
    padding: 3rem 2rem;
}
.targetwrapper.last.flexspace {
    border-bottom: 0.5px solid #8C8C8C;
}

.tocontactbanner {
    background: #7EC4C8;
    padding: 7rem 0;
}
.partnerrecruit .tocontactbanner {
    background: #fff;
}


.tocontactbanner .bannerspace {
    background: #fff;
    padding: 4rem 0;
    text-align: center;
    flex-direction: column;
    margin: 0 auto;
}
.tocontactbanner .first .bannerspace {
    border: 1px solid #7EC4C8;
}
.realestate .tocontactbanner .bannerspace {
    padding: 5rem 0;
}

.tocontactbanner h3 {
    font-size: 2rem;
    letter-spacing: 0;
    margin-bottom: 3rem;
}

.renovation .tocontactbanner .iconlists.flexspace, .equipmentconstruction .tocontactbanner .iconlists.flexspace {
    justify-content: center;
    gap: 4rem;
}
.iconlists img {
    width: 2.4rem;
}

.topropertylist .flexspace {
    max-width: 104rem;
    margin: 0 auto 4rem;
    gap: 2rem;
}

.servicedetail__wrapper.epoc {
    max-width: 104rem;
    margin: 0 auto 6rem;
    background: #F5F1ED;
    padding: 4.5rem;
}
.servicedetail__wrapper.epoc .flexspace {
    background: #fff;
    box-shadow: 0px 4px 40px 0px #0000001A;
    padding: 4.5rem;
    margin-bottom: 0;
}
.servicedetail__wrapper.epoc .flexspace .pointimg {
    width: 12.3rem;
}
.servicedetail__wrapper.epoc .pointtxt {
    width: calc(100% - 12.3rem);
    text-align: center;
}
.servicedetail .epoc .pointtxt p {
    line-height: 1.6;
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 0;
}

.renovation .tocontactbanner .flexspace, .equipmentconstruction .tocontactbanner .flexspace {
    max-width: 104rem;
    margin: 0 auto;
    gap: 6rem;
}
.equipmentconstruction .tocontactbanner .flexspace, .renovation .tocontactbanner .flexspace {
        justify-content: center;
}
.renovation .tocontactbanner .flexspace .bannerspace, .equipmentconstruction .tocontactbanner .flexspace .bannerspace {
    width: 50%;
    margin: initial;
    min-height: 21.6rem;
    justify-content: center;
}

.consultation {
    padding: 5rem 0;
}
.consultation .flexspace {
    max-width: 82rem;
    margin: 0 auto;
    background: #F5F1ED;
    padding: 2rem;
    gap: 4rem;
}
.consultation .flexspace .pointimg {
    width: 56rem;
}
.consultation .flexspace h3 {
    color: #000;
    letter-spacing: 0;
    margin-bottom: 2.3rem;
}
.consultation .flexspace p {
    margin-bottom: 0;
}
.consultation .flexspace .pointtxt {
    width: initial;
}

.notfound .section1, .comingsoon .section1 {
    background: #F5F1ED;
    padding: 5.5rem;
}
.detailpage .comingsoon .section1 {
    margin-bottom: 0;
}


.notfound .section1__wrapper, .comingsoon .section1__wrapper {
    background: #fff;
    max-width: 104rem;
    margin: 0 auto;
    text-align: center;
    padding: 10rem;
}


.notfound .readtxt, .comingsoon .readtxt {
    font-size: 4.8rem;
    font-weight: 500;
    font-family: Poppins, sans-serif;
    margin-bottom: 0.5rem;
}
.comingsoon .readtxt {
    margin-bottom: 3rem;
}
.notfound .etitle {
    font-size: 1.8rem;
    letter-spacing: 0;
    margin-bottom: 3rem;
}
.notfound .section1 p, .comingsoon .section1 p {
    line-height: 2;
}
.notfound .section1 .btnlinkwrapper {
    background: #fff;
    color: #000;
    padding: 1.2rem 0 1rem;
    font-size: 1.2rem;
    margin: 0 auto 0;
    border: 0.5px solid #000000;
    font-weight: 400;
}

.partnerrecruit .message {
    background: #F8F8F8;
    padding: 10rem 0 4rem;
    text-align: center;
}
.partnerrecruit .sectionTitle {
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 4.8rem;
}
.partnerrecruit .etitle {
    margin-bottom: 10rem;
}
.partnerrecruit .message p {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 6rem;
}
.partnerrecruit .organization {
    padding: 10rem 0 0;
    text-align: center;
}
.partnerrecruit .organization .etitle {
    margin-bottom: 6rem;
}
.partnerrecruit .organization .imgArea {
    max-width: 90rem;
    margin: 0 auto;
}
.partnerrecruit .tocontactbanner .flexspace .bannerspace {
    width: 50%;
    margin: initial;
    padding: 4rem;
    text-align: left;
}
.partnerrecruit .tocontactbanner .flexspace {
    max-width: 104rem;
    margin: 0 auto 6rem;
    gap: 6rem;
    align-items: start;
}
.partnerrecruit .tocontactbanner .flexspace .bannerspace .sectionTitle {
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 4rem;
    text-align: left;
}
.partnerrecruit .tocontactbanner .flexspace .bannerspace .sectionTitle.leftborder::before {
    bottom: -1.3rem;
}
.partnerrecruit .tocontactbanner .flexspace .bannerspace li {
    margin-bottom: 1.6rem;
}
.partnerrecruit .tocontactbanner .flexspace.first .bannerspace {
    min-height: 34.5rem;
}
.partnerrecruit .tocontactbanner .flexspace.last {
    gap: 0;
    border: 1px solid #7EC4C8;
}
.partnerrecruit .tocontactbanner .flexspace.last p {
    font-weight: 500;
    line-height: 2;
    margin-bottom: 0;
    text-align: center;
}

.partnerrecruit .tocontactbanner .bannerspace.first {
    min-height: 28rem;
}
.partnerrecruit .tocontactbanner .flexspace.last .bannerspace {
    min-height: 30.5rem;
    padding: 4rem 3.5rem;
}
.partnerrecruit .tocontactbanner .flexspace.last h3 {
    text-align: center;
}
.partnerrecruit .tocontactbanner .iconlists.flexspace{
margin: 0 auto 0.5rem;
justify-content: center;
}
.tocontactbanner .contactinfo {
    border:1px solid #DEDEDE;
    padding: 4rem 2rem;
}

/*物件一覧*/
.propertydetail .propertylistsgroup {
    background: #F5F1ED;
}
.propertylists__wrapper {
    width: 104rem;
    margin: 0 auto 0;
    padding: 10rem 0;
    position: relative;
}

.propertylistsgroup .sectionTitle {
    text-align: left;
    font-size: 4rem;
    font-weight: 400;
}
.propertylistsgroup .etitle {
    margin-bottom: 2rem;
}
.propertylistsgroup .sectionTitle.leftborder::before {
    bottom: -1.3rem;
}
.propertydetail .propertylistsgroup .etitle {
    color: #7EC4C8;
    margin-bottom: 4rem;
}
.propertydetail .propertylistsgroup .readmorespage {
    position: absolute;
    right: 0;
    top: 15rem;
    border-bottom: 0.5px solid #000;
    padding-bottom: 1.5rem;
    width: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.propertydetail .propertylistsgroup .readmorespage span {
    color: #000;
}
.propertydetail .propertylistsgroup .readmorespage img {
    width: 3.2rem;
}
.catlists a {
    font-size: 1.2rem;
    color: #000;
    border: 0.5px solid #000;
    border-radius: 2rem;
    padding: 0.2rem 1rem 0.4rem;
    margin-right:0.5rem;
}
.catlists a.current {
    background: #000;
    color: #fff;
}
.catlists {
    margin-bottom: 3rem;
}
.propertylists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: left;
    gap: 4rem;
}
.propertylist {
    width: calc((100% - 8rem) / 3);
    position:relative;
}
.propertylist img {
    width: 100%;
}
.propertylist h2 {
    font-weight: 500;
    margin: 0.5rem 0 0.2rem;
}
.propertylist .time {
    font-size: 1.2rem;
    font-family: Poppins, sans-serif;
    border-right: 1px solid #8C8C8C;
        margin-right: 1rem;
        padding-right: 1rem;
}

.propertylist .catlist a {
    font-size: 1.2rem;
    color: #000;
}
.newMark {
    position: absolute;
    top: 0;
    box-sizing: border-box;
    z-index: 9;
    left: 0;
    background: linear-gradient(90deg, #fff, rgba(255, 255, 255, 0));
    padding:  0.2rem 2rem;
    font-family: Poppins, sans-serif;
}
.pagenavi {
    width: 44rem;
    margin: 5rem auto;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pagenavi .previouspostslink {
    color: rgba(117, 117, 117, 0.5);
}
.pagenavi .current {
    background: #000;
    color: #fff;
    padding: 0.4rem 1.2rem 0.6rem;
    border-radius: 0.8rem;
}
.pagenavi a, .pagenavi span {
color:#000;
}

.recruitmentinformation .positions {
    background: #F5F1ED;
    padding: 10rem 0 4rem;
}
.recruitmentinformation .positions__wrapper {
    background: #fff;
    max-width: 104rem;
    margin: 0 auto;
    padding: 6rem 7rem 5rem;
}
.recruitmentinformation .positions .etitle {
    text-align: center;
    margin-bottom: 5rem;
}
.tabArea {
    display: flex;
    width: 95%;
margin: 0 auto;
}
.tab {
    background: #EBEBEB;
    height: 4.8rem;
    width: calc(100% / 4);
    margin: 0 1rem;
    border-radius: 5px 5px 0px 0px;
}
.tab.active {
    background: #7EC4C8;
    color: #fff;
}
.tab .text {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.positionslists .flexspace .pointtxt {
    width: 55%;
    padding: 0 4rem 0 0;
}
.positionslists .flexspace .pointimg {
    width: 45%;
}
.positionslists .sectionTitle.leftborder {
    text-align: left;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 1rem;
}
.positionslists .etitle {
    text-align: left;
    color: #8C8C8C;
    margin-bottom: 3.5rem;
    letter-spacing: 0;
}
.positionslists .sectionTitle.leftborder::before {
    bottom: -4.5rem;
}
.positionslists .pointtxt p {
    font-size: 1.6rem;
    line-height: 2;
    margin-bottom: 2rem;
}
.positionslists span {
    font-size: 2rem;
    font-family: Poppins, sans-serif;
    letter-spacing: 0.1em;
    color: #000;
}
.positionslists a {
justify-content: end;
gap: 2rem;
}
img.allowbtn {
    width: 3.2rem;
}
.positionslists .flexspace.positionslist {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 5rem 0;
    border-bottom: 0.5px solid var(--button-gray, #8C8C8C);
}
.positionslists .btnlinkwrapper {
    background: #fff;
    font-size: 1.2rem;
    width: 20rem;
    margin: initial;
    font-weight: 700;
    border: 0.5px solid #000;
    color: #000;
}
.positionslists .flexspace.positionslist:last-child {
border: none;

}

.recruitmentinformation .positions .titlespace .etitle {
    text-align: left;
}

.tabAreaWrapper {
    display: none;
}
.tabAreaWrapper.active {
    display: block;
}

.iconlists.flexspace {
    justify-content: center;
    gap: 4rem;
}

.pheader {
    background: #F5F1ED;
    padding: 5rem 0;
}

.pheader__wrapper {
    width: 104rem;
    margin: 0 auto;
    display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.pheader .btnlinkwrapper {
    margin-top: 0;
    font-size: 1.2rem;
font-weight: 400;
}
.pheader .catlists {
    margin-bottom: 0;
}
.pheader h2.readtxt {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.overviewtxt, .pdetail {
    width: 104rem;
    margin: 8rem auto 0;
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 8rem;
}
.propertydetail .sectionTitle {
    text-align: left;
    letter-spacing: 0.6rem;
}
.propertydetail .overviewtxt table, .propertydetail .pdetail table {
    width: 100%;
    border: 1px solid #DEDEDE;
    border-right: none;
}
.propertydetail .overviewtxt table td {
    padding: 2rem 5rem;
    border-bottom: 1px solid #F4F4F4;
    display: inline-flex;
width: 50%;
}
.propertydetail .overviewtxt table td img {
    width: 2.4rem;
    margin-right: 2rem;
}
.propertydetail .overviewtxt table td.double {
width: 100%;
}
.propertydetail .pdetail table td, .propertydetail .pdetail table th {
    padding: 2rem 0 2rem 5rem;
border-bottom: 1px solid #F4F4F4;
text-align: left;
}
.propertydetail .pdetail table th {
    min-width: 14rem;
    font-weight: 500;
}
.propertydetail .pdetail table td {
border-right: 1px solid #F4F4F4;
}
.amenities {
    width: 104rem;
    margin: 8rem auto 12rem;
}
.amenitieslist {
    border: 1px solid rgba(222, 222, 222, 1);
    padding: 6rem 0;
text-align: center;
width: 25%;
}
.amenitieslist .icon .imgArea {
    width: 6rem;
    margin: 0 auto 2rem;
}
.amenitieslist h3 {
    font-size: 2.4rem;
letter-spacing: 0;
margin-bottom: 2rem;
font-weight: 500;
color: #7EC4C8;
}
.amenitieslist p {
    margin-bottom: 0;
}
.overview {
    margin-top: -1rem;
    background: #F5F1ED;
}
.propertydetail .sectionTitle.leftborder::before {
    bottom: -1.3rem;
}
.propertydetail .overview .sectionTitle {
    font-size: 4rem;
font-weight: 400;
}
.propertydetail .overview .pointtxt p {
    font-size: 1.6rem;
    line-height: 2;
}
.propertydetail .overview .btnlinkwrapper {
    margin: initial;
    margin-top: 5rem;
}
.faq {
    width: 104rem;
    margin: 8rem auto 12rem;
}
.propertydetail .faq .sectionTitle {
    letter-spacing: 0;
    font-size: 4rem;
    font-weight: 400;
}
section h3.question {
    font-size: 2rem;
    letter-spacing: 0;
    margin-bottom: 0;
    font-weight: 500;
}
.faq .article {
    padding: 4rem 0;
    border-top: 1px solid #DEDEDE;
}
.faq .article:last-child {
    border-bottom: 1px solid #DEDEDE;
}
.accordionBtn.next {
    position: relative;
}
.accordionBtn.next.close .imgArea {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    width: 3.2rem;
}
.answer.accordionMenu {
    margin-top: 3rem;
}
.answer p {
    margin-bottom: 0;
}
.accordionBtn.next .imgArea {
position: absolute;
    display: block;
    top: -20%;
    -webkit-transform: translateY(-50%);
    right: 0;
    width: 3.2rem;
    transform: rotate(-180deg);
    transition: .4s;
}
.swiper1_thumb {
    margin-top: 1rem;
}
.propertydetail .overviewtxt table td.doublesp {
    display: none;
}
.propertydetail .overviewtxt table tr td {
    border-right: 1px solid #F4F4F4;
}
.mailaddress a {
    color: #fff;
}
.recruitmentinformation .positions .titlespace .etitle br {
    display: none;
}
.partnerrecruit .tocontactbanner {
    padding: 2rem 0 7rem;
    background: #fff;

}
.message {
    background: #7EC4C8;
    padding: 11rem 0 6rem;
    text-align: center;
}
section.message h3 {
    color: #fff;
    font-size: 4.8rem;
    letter-spacing: 0.1em;
}
.comingsoon .cicon {
    width: 6.5rem;
    margin: 2rem auto;
}

.front .imgArea.mv img {
    margin-top: -13.5vh;
    }


@media screen and (min-width: 768px) {
  html {
    font-size: 0.685vw;
  }
  .m-footer .footerWrapper .left {
    padding-bottom: 2rem;
    }
    .page .navWrapper, .post .navWrapper {
    height: 7.7rem;
    }
    .about .serviceslists {
    padding: 0 0 0;
    }
    h3.etitle  {
    margin-top: 0.5rem;
    }
    .breadcrumblist {
    margin: 0.5rem 0;
    }
    .servicedetail .sectionTitle {
    margin-bottom: 4rem;
    }
    .page .property .section1__wrapper.mv {
    margin-bottom: 0;
    }
    .property .catlists {
    margin-bottom: 5rem;
    }
    .propertydetail .pdetail table th {
    width: 15%;
}
.propertydetail .pdetail table td {
    width: 35%;
}
.propertydetail .sectionTitle {
    margin-bottom: 3.8rem;
}
.propertydetail .overview .btnlinkwrapper {
    font-size: 1.2rem;
    font-weight: 400;
}
.answer p {
    line-height: 2;
}
.propertydetail .propertylistsgroup .readmorespage span {
    font-size: 1.4rem;
}
.partnerrecruit .message p {
    line-height: 2;
}
.partnerrecruit .tocontactbanner .flexspace.last .bannerspace.flexspace.first {
    justify-content: center;
}

}



@media (min-width: 1600px) {
  html {
    font-size: 62.5%;
  }
}

@media (max-width: 768px) {
  html {
    font-size: 1vw;
  }
  
    .headerNavLeft {
        width: 80%;
    }
    
    .m-header .navWrapper .headerNavRight {
    top: 0;
    }
    
    .m-header .navWrapper .headerNavRight .nav {
        display: none;
    }
    
    .m-header .navWrapper .headerNavRight .menuArea {
        display: block;
    }
    
    .overlay .overlayWrapper .ul {
        padding: 15rem 3rem 5rem;
    }
    
    .overlay .overlayWrapper .li + .li {
    margin-top: 5rem;
    }
    
    html.active .humbergerclose {
        top: 4rem;
        right: 5%;
    }
    
    .active .m-header .navWrapper {
        background: none;
    }
    
    .m-header .navWrapper {
        padding: 4rem 3rem;
        height: 9.5rem;
    }
    
    .active #m-header {
    width: 85%;
    }
    
    .front .section1 {
            padding: 8rem 3rem;
    }
    
    .front .section1__wrapper.leftside {
        padding: 6rem 3rem 5rem;
    }
    
    
    h2.readtxt.ptitle {
        font-size: 4.3rem;
    }
    h2.readtxt {
        font-size: 3.4rem;
    }
    
    h3.etitle, section.message h3.etitle {
        font-size: 1.9rem;
        margin-bottom: 4rem;
    }
    
    .front .section1__wrapper.leftside .imgArea {
        width: 100%;
        margin: 0 auto;
    }
    
    .btnlinkwrapper {
        margin-top: 3rem;
        width: 100%;
        font-size: 2.1rem;
        padding: 1.3rem 0 1.4rem;
    }
    
    .front .section2 {
        padding: 8rem 3rem 0;
    }
    
    .front .section2__wrapper.rightside {
        padding: 6rem 3rem;
    }
    .services.rightside {
        padding: 8rem 3rem 7rem;
    }
    
    .squarebtn {
    padding: 2.9rem 2.8rem 2.7rem;
    font-size: 2rem;
    color: #000;
    align-items: center;
    }
    
    
    .squarebtn img {
    width: 4.3rem;
    }
    
    .bannerspace {
    margin: 8rem auto 8rem;
    display: block;
    padding: 0 3rem;
    max-width: 58rem;
    }
    
    .tocontact {
    margin-top: -1rem;
    }
    
    .m-footer {
    padding: 5rem 3rem 4rem;
    }

    .fmenuforsp .imgArea {
    width: 29%;
    margin-bottom: 2rem;
    }
    
    .m-footer .ul.fmenu1 {
    display: block;
    margin-bottom: 3rem;
    }
    
    .m-footer .ul.fmenu1 .li {
    padding: 1.6rem 0 1.5rem;
    border-bottom: 1px solid #585858;
    }
    
    .m-footer .ul.fmenu1 .li .link span {
    font-size: 1.4rem;
font-weight: 300;
    }
    
    .m-footer .ul.fmenu1 .li .link, .mailaddress {
    font-size: 2rem;
    }
    
    .addressinfo {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    }
    
    .mailaddress {
    margin-bottom: 3rem;
    }
    
    .fmenuforsp {
    color: #fff;
    }
    
    .mailaddress span {
    font-size: 1.5rem;
    }
    
    .gmaplink {
    font-size: 1.6rem;
    }
    
    .copylightlink {
    margin-top: 3rem;
    }
    
    .copylight, .topolicy .link {
    font-size: 1.6rem;
    color: #fff;
    }
    
    .breadcrumblist {
    display: none;
    }
    
    .page .mv {
    width: 88%;
    margin: 5rem auto 4.5rem;
    }
    
    .feature__wrapper {
    padding: 8rem 0 0;
    width: 88%;
    margin: 0 auto 0;
    }
    
    .sectionTitle {
    text-align: left;
    }
    
    .feature .etitle {
    text-align: left;
    margin: 3.5rem 0 4rem;
    }
    
    .sectionTitle.border::before {
    margin: initial;
    bottom: -1.8rem;
width: 2.1rem;
    }
    
    .feature .imgArea.points {
    width: 100%;
    margin: 0 auto 3rem;
    }
    
    .feature .flexspace, .companyprofile .flexspace, .serviceinfo .flexspace {
    flex-direction: column;
    }
    
    .flexspace .pointimg, .flexspace .pointtxt {
    width: 100%;
    }
    
    .pointtxt {
    padding: 2.5rem 0 2rem;
    }
    
    section h3 {
    margin-bottom: 3rem;
    }
    
    .pointtxt p {
    font-size: 2.2rem;
    }
    
    .companyprofile__wrapper {
    width: 88%;
    margin: 0 auto 0;
    padding: 0 0 4rem;
    }
    
    .companyprofile .titlespace {
    width: 100%;
    }
    
    .profiledetail {
    width: 100%;
    padding: 3rem 0 0;
    }
    
    .profiledetail table th {
    padding: 0 3rem 4rem 0;
    font-size: 1.8rem;
    width: 13rem;
    }
    .profiledetail table td {
    font-size: 1.9rem;
    }
    
    .serviceslists {
    padding: 0 0 0;
    }
    
    .serviceinfo {
    padding: 0 0 0;
    }
    
    .serviceinfo .flexspace {
    width: 88%;
    margin: 0 auto 2.5rem;
    padding: 2.5rem;
    }
    
    .serviceinfo .pointtxt {
    margin-top: 2.5rem;
    padding: 0 0;
    margin-bottom: 2rem;
    }
    
    .serviceinfo .pointtxt h3 {
    margin-bottom: 1.8rem;
    letter-spacing: 0.35rem;
    font-size: 2.9rem;
    }
    .service .serviceinfo .pointtxt h3 {
        font-size: 2.8rem;
    }
    
    .serviceinfo .pointtxt p {
    font-size: 1.9rem;
    }
    .serviceinfo a img {
    width: 4.3rem;
    }
    
    .detailpage .section1 {
    padding-top: 5rem;
    margin-top: 0;
    margin-bottom: 0rem;
    }
    .detailpage h2.readtxt {
        font-size: 4.1rem;
    }
    .servicedetail__wrapper {
    padding: 0 3rem 6rem;
    }
    .servicedetail .sectionTitle {
    margin-bottom: 4.8rem;
    }
    .servicedetail .flexspace {
    flex-direction: column;
    }
    .servicedetail .flexspace {
    gap: 1.5rem;
    margin-bottom: 0;
    flex-direction: column;
    }
    .servicedetail .pointtxt p {
    font-size: 2rem;
    line-height: 1.7;
    }
    section .targetlists h3 {
    font-size: 2.5rem;
    }
    .servicedetail .targetwrapper.flexspace, .servicedetail .targetwrapper .flexspace {
    flex-direction: row;
    }
    .targeticon {
    width: 10rem;
    padding: 2rem;
    min-width: 10rem;
    }
    .servicedetail .targetwrapper.flexspace {
    padding: 2rem 0;
    }
    .tocontactbanner {
    padding: 8rem 3rem;
    }
    .realestate .tocontactbanner .bannerspace {
    padding: 8.5rem 0;
    }
    .tocontactbanner h3 {
    font-size: 2.7rem;
    }
    .tocontactbanner .bannerspace {
    padding: 4.5rem 0;
    }
    .tocontactbanner .btnlinkwrapper {
    width: 39rem;
    font-size: 2.2rem;
    margin: 2.5rem auto 0;
    }
    .realestate .servicedetail {
    padding: 5rem 3rem 0;
    }
    .servicedetail__wrapper.epoc {
        margin: 0 auto 2.5rem;
        padding: 5.5rem 2.5rem 5rem;
    }
    .servicedetail__wrapper.epoc .flexspace {
    padding: 3rem 2.5rem;
    }
    .servicedetail__wrapper.epoc .flexspace .pointimg {
    width: 16.4rem;
    }
    .servicedetail__wrapper.epoc .pointtxt {
    width: 100%;
    }
    .servicedetail .epoc .pointtxt p {
    font-size: 1.9rem;
line-height: 1.4;
    }
    .servicedetail__wrapper.topropertylist {
    padding: 0 0 6rem;
    }
    .consultation {
    padding: 1rem 0 0;
    }
    .consultation .flexspace .pointimg {
    width: 100%;
    }
    section h3 {
    font-size: 2.6rem;
    }
    .consultation .flexspace h3 {
    margin-bottom: 1.3rem;
    }
    .renovation .tocontactbanner .flexspace, .equipmentconstruction .tocontactbanner .flexspace {
    gap: 2.5rem;
    flex-direction: column;
    }
    
    
    .renovation .tocontactbanner .flexspace .bannerspace, .equipmentconstruction .tocontactbanner .flexspace .bannerspace {
    width: 100%;
    min-height: 25.6rem;
    }
    .renovation .tocontactbanner .btnlinkwrapper ,.equipmentconstruction .tocontactbanner .btnlinkwrapper {
    font-size: 2rem;
    }
    .renovation .tocontactbanner .iconlists.flexspace, .equipmentconstruction .tocontactbanner .iconlists.flexspace {
    flex-direction: row;
    gap: 4.5rem;
    }
    
    .renovation .tocontactbanner .bannerspace.last, .equipmentconstruction .tocontactbanner .bannerspace.last {
    padding: 6.5rem 0;
    }
    .iconlists img {
    width: 3.2rem;
    }
    .iconlists.flexspace {
    gap: 5rem;
    }
    .equipmentconstruction .servicedetail__wrapper {
    padding: 0 3rem 2rem;
    }
    
    .notfound .section1, .comingsoon .section1 {
    padding: 9rem 3rem;
    }
    
    .notfound .section1__wrapper {
        padding: 5rem 3rem 6rem;
    
    }
    .comingsoon .section1__wrapper {
    padding: 18rem 3rem 18rem;
    }
    .comingsoon .cicon {
    width: 5.3rem;
    }
    .notfound .etitle {
    margin-bottom: 2rem;
    letter-spacing: 0.2rem;
font-size: 1.9rem;
    }
    .notfound .section1 p, .comingsoon .section1 p {
    margin-bottom: 2rem;
    font-size: 1.9rem;
    line-height: 1.5;
    }
    .notfound .section1 .btnlinkwrapper {
    font-weight: 600;
    font-size: 2.1rem;
    padding: 1.7rem 0 1.5rem;
    }
    .partnerrecruit .message {
    padding: 5rem 3rem 1rem;
    }
    .partnerrecruit .sectionTitle {
    text-align: center;
    margin-bottom: 3.8rem;
    }
    .partnerrecruit .sectionTitle.border::before {
    bottom: -1.8rem;
    width: 2.1rem;
    margin: auto;
    }
    .partnerrecruit .message .etitle {
    margin-bottom: 4rem;
    }
    .partnerrecruit .message p {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 4rem;
    line-height: 1.7;
    }
    .partnerrecruit .organization .etitle {
    margin-bottom: 3rem;
    }
    .tocontactbanner .flexspace.first {
    gap: 2.5rem;
    flex-direction: column;
    }
    .partnerrecruit .tocontactbanner .flexspace .bannerspace {
    width: 100%;
    }
    
    .partnerrecruit .tocontactbanner .flexspace .bannerspace .sectionTitle {
    font-size: 2.8rem;
    }
    .partnerrecruit .tocontactbanner .flexspace .bannerspace li {
    font-size: 1.7rem;
margin-bottom: 1rem;
    }
    .partnerrecruit .tocontactbanner .flexspace .bannerspace {
    padding: 3rem;
    }
    .partnerrecruit .tocontactbanner .flexspace.first {
    margin-bottom: 3rem;
    }
    .partnerrecruit .tocontactbanner .flexspace.last {
    flex-direction: column;
    }
    .partnerrecruit .tocontactbanner .flexspace.last .bannerspace {
    min-height: initial;
    padding: 3rem 3rem 0;
    }
    .partnerrecruit .tocontactbanner .flexspace.last p {
    font-size: 2rem;
    font-weight: 400;
    }
    .partnerrecruit .tocontactbanner .flexspace.last .bannerspace.last {
    padding: 3rem 3rem 4rem;
    }
    .partnerrecruit .tocontactbanner .btnlinkwrapper {
    width: 100%;
    font-size: 1.6rem;
    }
    .partnerrecruit .tocontactbanner .flexspace {
    margin: 0 auto 2rem;
    }

.propertylistsgroup {
    width: 88%;
    margin: 2rem auto 8.5rem;
}
.catlists {
    margin-bottom: 2rem;
}
.catlists.sp-layout {
    display: flex!important;
    display: -webkit-flex!important;
    -webkit-justify-content: left;
    justify-content: left;
}
.catlists a {
    font-size: 1.5rem;
padding: 0.3rem 1.3rem 0.6rem;
    margin-right: 1rem;
    width: 30%;
    text-align: center;
}

.propertylists {
    flex-direction: column;
    margin-top: 3.5rem;
    gap: 3rem;
}
.propertylist {
    width: 100%;
}
.newMark {
    padding: 0.9rem 3rem;
    font-size: 1.9rem;
}
.propertylist h2 {
    font-size: 2.1rem;
    margin: 1.5rem 0 1.2rem;
}
.propertylist .time, .propertylist .catlist {
    font-size: 1.6rem;
}
.recruitmentinformation .positions {
    padding: 5rem 3rem 6rem;
}
.recruitmentinformation .positions__wrapper {
    padding: 3rem 3rem;
}
.recruitmentinformation .positions .etitle {
    text-align: center;
    margin-bottom: 3rem;
}
.positionslists .flexspace.positionslist {
    padding: 2.5rem 0;
}
.positionslists .flexspace.positionslist {
    flex-direction: column;
}
.positionslists .flexspace .pointtxt {
    width: 100%;
    padding: 2rem 0 0;
}
.positionslists .flexspace .pointimg {
    width: 100%;
}
.positionslists .pointtxt p {
    font-size: 2rem;
    line-height: 1.8;
    margin-bottom: 2rem;
}
.positionslists .btnlinkwrapper {
    font-size: 2.1rem;
    width: 100%;
}
img.allowbtn {
    width: 4.2rem;
}
.positions .tabWrapper.sp-layout {
    background: #7EC4C8;
    padding: 1rem 2rem;
    cursor: pointer;
    border-radius: 8px;
}
.positions .tabWrapper.sp-layout .accordionBtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.positions .tabWrapper.sp-layout .accordion {
    font-size: 2rem;
    margin-bottom: 0;
    color: #fff;
    display:none;
}
.positions .tabWrapper.sp-layout .accordion.active {
    display:block;
}
.positions .tabWrapper.sp-layout .arrowImg .img {
    width: 1.6rem;
}
.positions .tabWrapper.sp-layout .tab {
    width: 100%;
    margin: 0;
    background: none;
    color: #fff;
}
.positions .tabWrapper.sp-layout .tab.active {
    background: none;
    color: #fff;
}
.positions .tabWrapper.sp-layout .tabArea {
    width: 100%;
    flex-direction: column;
}
.positions .tabWrapper.sp-layout .tab .text {
    justify-content: start;
}
.positions .tabWrapper.sp-layout .accordionMenu {
    margin-top: 1rem;
}
.pheader {
    padding: 6rem 3rem 5.5rem;
}
.pname {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.pheader h2.readtxt {
    font-size: 4rem;
    margin-bottom: 0;
    margin-right: 1rem;
}
.pheader__wrapper {
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: center;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-direction: column;
    gap: 2rem;
}
.pheader .btnlink.readmorebtn {
    width: 100%;
}
.pheader .btnlinkwrapper {
    font-size: 2rem;
}
.overviewtxt, .pdetail {
    width: 88%;
    margin: 2rem auto 4.5rem;
    border:none;
    padding-bottom: 0;
}
.propertydetail .overviewtxt table td {
    flex-direction: column;
}
.propertydetail .overviewtxt table td {
    padding: 2.5rem 2rem;
    flex-direction: column;
    display: inline-block;
vertical-align: top;
font-size: 1.9rem;
}
.propertydetail .pdetail table th {
    border-bottom: none;
    padding: 2rem 2rem 0;
    width: 50%;
}

.propertydetail .pdetail table td {
    padding: 2rem 2rem;
}
.amenities {
    width: 88%;
    margin: 2rem auto 4.5rem;
}
.amenitieswrapper.flexspace {
    display: block;
}
.amenitieslist {
    width: 49%;
    display: inline-block;
    padding: 5rem 0;
}
.amenitieslist .icon .imgArea {
    width: 8rem;
    margin: 0 auto 1rem;
}
.amenitieslist p {
    font-size: 1.9rem;
}
.gmap iframe {
    border: 0;
    height: 50rem;
}
.overview {
    background: #fff;
    padding: 6rem 3rem;
}
.overview .flexspace {
    background: #F5F1ED;
    flex-direction: column;
}
.overview .pointtxt {
    padding: 2.5rem 2.5rem 6rem;
}
.propertydetail .overview .pointtxt p {
    font-size: 1.9rem;
    margin-bottom: 0;
}
.propertydetail .overview .btnlinkwrapper {
    margin-top: 2rem;
}
.faq {
    width: 88%;
    margin: 0 auto 4.5rem;
}
.accordionBtn.next.close .imgArea {
    width: 4.2rem;
}
.answer p {
    font-size: 1.9rem;
    line-height: 1.8;
}
    .propertydetail .propertylistsgroup {
        width: 100%;
        margin: 2rem auto 8.5rem;
    }
    .propertylists__wrapper {
    width: 100%;
margin: 0 auto 0;
padding: 1rem 0;
    position: relative;
}
.propertydetail .propertylistsgroup .propertylists__wrapper {
    width: 88%;
    padding: 6rem 0;
}
.propertydetail .propertylistsgroup .readmorespage {
    position: relative;
    right: initial;
    top: initial;
    width: 100%;
    margin-top: -1rem;
    margin-bottom: 3rem;
}
.propertydetail .propertylistsgroup .readmorespage span {
    font-size: 2.2rem;
}
.propertylist .catlist a {
    font-size: 1.6rem;
}
   .propertydetail  .propertylists {
        flex-direction: column;
        gap: 3rem;
    }
    
    .swiper1 {
    }
    .swiper1_thumb {
    margin-top:1rem;
    }
    .m-header .navWrapper .headerNavLeft .titlelogo img {
    max-width: 14.5rem;
}
.page.detailpage .mv {
    margin: 0 auto 5rem;
}
.servicedetail .consultation .pointtxt p {
    line-height: 1.5;
}
.propertylistsgroup .sectionTitle.leftborder::before {
    width: 2.1rem;
}
.propertylistsgroup .etitle {
    margin-bottom: 3rem;
}
    .propertylist .time, .propertylist .catlist {
        font-size: 1.9rem;
    }
    .pagenavi {
    width: 106%; 
    margin-left: -3%;
}

.propertydetail .overviewtxt table td img {
    width: 3rem;
    margin-right: 0;
    margin-bottom: 1rem;
    display: block;
}
.propertydetail .overviewtxt table td.double {
    display: none;
}
.propertydetail .overviewtxt table td.doublesp {
    display: block;
    width: 100%;
}
.propertydetail .overviewtxt table tr:first-child td {
    height: 13.5rem;
}
.propertydetail .pdetail table td, .propertydetail .pdetail table th {
    font-size: 1.9rem;
}
.amenitieslist h3 {
    font-size: 2.2rem;
}
.sectionTitle.leftborder::before {
    width: 2.1rem;
}
.propertydetail .propertylistsgroup .readmorespage img {
    width: 4.2rem;
}
  .propertylist .time {
        border-right: 1px solid #8C8C8C;
        margin-right: 1rem;
        padding-right: 1rem;
    }
    
    .partnerrecruit .tocontactbanner .flexspace.first .bannerspace {
    min-height: auto;
}
.positionslists span {
    font-size: 2.2rem;
}
.notfound .readtxt {
    font-size: 5.8rem;
}
.amenities table {
    width: 100%;
}
.partnerrecruit .organization {
    padding: 5rem 0 0;
}
.mailaddress a {
    font-size: 2rem;
}
.recruitmentinformation .positions .titlespace .etitle br {
    display: block;
}
.accordionBtn.next .imgArea {
    width: 4.2rem;
}
.partnerrecruit .tocontactbanner .flexspace.last .bannerspace.flexspace.first {
    padding: 3rem 3rem;
}
.message {
    padding: 8rem 0 5rem;
}
section.message h3 {
    font-size: 4rem;
}
}


@media (max-width: 500px) {
  html {
    font-size: 2vw;
  }
  .swiper1 {
    height: 31rem;
    }
    .swiper1_thumb {
    height: 10rem;
    }
    .front .imgArea.mv {
    max-height: 35vh;
    }
    .front .imgArea.mv img {
    margin-top: -13.5vh;
    }
}

@media (max-width: 350px) {
    .catlists a {
        font-size: 1.4rem;
        padding: 0.3rem 1.2rem 0.6rem;
    }  
}
/*# sourceMappingURL=style.css.map */