.spacer1{
height: calc(5vw + 3vh);
min-height:20px;
}
.spacer2{
height: calc(16vw + 8vh);
/* min-height:60px; */
max-height:1000px;
}
.spacer3{
height: calc(4vw + 2vh);
/* min-height:40px; */
max-height:80px;
}


body, a{
color: #eee;
}
body{
background: #000;
line-height: 1.8em;
}

#bgd{
max-width:1000px;
background: #000;
background-size: cover;
background-position: 50% 25%;
background-repeat: no-repeat;
}

#container{
max-width:1000px;
display: flex;
flex-direction: column;
justify-content:center;
margin: 0;
}

#boxAll{
display: block;
margin: 0 auto;
padding: 0;
}
#currentPageTitle{
display: none;
}
#boxAll,
.company{
font-size: 1.4rem;
}

.companies > div{
display: table;
text-align: left;
}
.company{
display:table-row;
}
.jp{
letter-spacing: 0;
letter-spacing: 0.2rem;
}
.jp,
.en{
display:inline-block;
}
.enjp{
white-space: nowrap;
}
.company:nth-of-type(1) .jp:before{
content:"設計―";
}
.company:nth-of-type(2) .jp:before{
content:"施工―";
}
.company:nth-of-type(3) .jp:before{
content:"木材―";
}

.company:nth-of-type(1) .jp:after{
content:"　　　　　";
white-space: pre ;
}
.company:nth-of-type(2) .jp:after{
content:"　　　";
white-space: pre ;
}
.company:nth-of-type(3) .jp:after{
content:"　　";
white-space: pre ;
}
.msg01,
.msg02,
.msg03{
display: block;
text-align: center;
}
.msg02{
margin-top: 0rem;
}
.companies,
.msg02 p{
margin-top: 1em;
}


@media screen and (max-width: 380px) {
#boxAll,
.company{
}

.msg01,
.msg02,
.msg03{
letter-spacing: 0;
font-feature-settings: "palt";
line-height: 1.5em;
}
.spacer1{
height: 25px;
}
.spacer2{
height: 60px;
}
.spacer3{
height: 25px;
}

.companies > div{
text-align: center;
}
.companies .wp-block-group__inner-container{
margin: 0 auto;
}

/* 社名の改行 */
.jp,
.en{
display:block;
line-height: 1.5em;
}

.company:nth-of-type(1) .jp:after,
.company:nth-of-type(2) .jp:after,
.company:nth-of-type(3) .jp:after{
content: "" ;
}
.en{
margin-bottom: 0.8rem;
}
}