.constraction-margin {
margin-top: 30px;
}
.constraction-margin2 {
margin-top: 80px;
}
.constraction~.constraction {
margin-top: 45px;
}
@media only screen and (max-width: 768px) {
.constraction~.constraction {
margin-top: 20px;
margin-bottom: 40px;
}
}
.constraction-SectionContents {
padding-top: 40px;
vertical-align: middle;
}
.constraction-SectionHeader_text {
margin-top: 5px;
font-size: 1.5rem;
letter-spacing: .05em;
line-height: 1.834;
font-feature-settings: "palt";
text-align: left;
display: inline-block;
}
.constraction-SectionHeader_right {
font-size: 1.5rem;
letter-spacing: normal;
font-feature-settings: "palt";
text-align: right;
vertical-align: middle;
line-height: 1.834;
margin-bottom: 0;
}
.constraction-SectionHeader_center {
margin-bottom: 10px;
font-size: 1.5rem;
letter-spacing: normal;
font-feature-settings: "palt";
text-align: center;
}
@media only screen and (max-width: 768px) {
.constraction-SectionHeader_text {
margin-top: 5px;
font-size: 1.5rem;
letter-spacing: .05em;
line-height: 1.834;
font-feature-settings: "palt";
text-align: left;
}
.constraction-SectionHeader_right {
font-size: 1.5rem;
letter-spacing: normal;
font-feature-settings: "palt";
text-align: right;
line-height: 1.834;
vertical-align: middle;
}
.constraction-SectionHeader_center {
font-size: 1.5rem;
letter-spacing: normal;
font-feature-settings: "palt";
text-align: center;
}
}
.constraction-SectionHeader_Heading {
position: absolute;
top: 50%;
left: 50%;
margin: 0;
color: #fff;
font-size: 1.8rem;
letter-spacing: -.35em;
white-space: nowrap;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: translate(-50%, -50%) translateY(-5px);
}
.constraction-SectionHeader_Heading.-narrow {
letter-spacing: -.55em;
}
@media only screen and (max-width: 768px) {
.constraction-SectionHeader_Heading {
font-size: 2.4rem;
}
}
.constraction-Heading {
margin: 0 0 5px;
font-size: 1.4rem;
letter-spacing: normal;
}
.constraction-Heading_bold {
margin: 0 0 5px;
font-size: 1.5rem;
font-weight: bold;
letter-spacing: normal;
}
.constraction-Heading:not(:first-child) {
margin-top: 10px;
}
@media only screen and (min-width: 769px) {
.constraction-Heading {
margin-bottom: 10px;
font-size: 1.6rem;
}
.constraction-Heading:not(:first-child) {
margin-top: 20px;
}
.constraction-Heading_bold {
margin-bottom: 10px;
font-size: 1.8rem;
}
}
.constraction-Table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.constraction-Table td {
text-align: center;
}
.constraction-Table tbody tr {
background-color: #fff;
}
.constraction-Table tbody td {
height: 50px;
padding: 5px;
border: 1px solid #161a38;
color: #161a38;
font-size: 1.45rem;
line-height: 1.3;
letter-spacing: .03em;
}
.constraction-Table tbody td>span {
display: block;
margin-top: 2px;
font-size: 1.25rem;
}
@media only screen and (min-width: 769px) {
.constraction-Table tbody td {
height: 75px;
padding: 10px;
font-size: 1.5rem;
line-height: 1.5;
}
.constraction-Table tbody td>span {
font-size: 1.4rem;
}
}
.constraction-Table_white {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
}
.constraction-Table_white td {
text-align: center;
}
.constraction-Table_white tbody tr {
background-color: #fff;
}
.constraction-Table_white tbody tr:nth-child(odd) {
background-color: #d7d7d7;
}
.constraction-Table_white tbody td {
height: 50px;
padding: 5px;
border: 1px solid #161a38;
color: #161a38;
font-size: 1.45rem;
line-height: 1.3;
letter-spacing: .03em;
}
.constraction-Table_white tbody td>span {
display: block;
margin-top: 2px;
font-size: 1.25rem;
}
@media only screen and (min-width: 769px) {
.constraction-Table_white tbody td {
height: 75px;
padding: 10px;
font-size: 1.6rem;
line-height: 1.5;
}
.constraction-Table_white tbody td>span {
font-size: 1.4rem;
}
}
.st-ContentsHeader_Heading-Constraction {
font-size: 2.3rem;
}