.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}
.clearfix:after {
  clear: both;
}
.wrapper {
  font-size: 15px;
  line-height: 1.53333333;
}
.section--contact .contact--unit {
  padding: 22px 15px;
  box-sizing: border-box;
  background-color: #16366B;
}
.section--contact .contact--unit .contact--part {
  float: left;
  width: calc(50% - 30px);
  margin: 0 15px;
  color: #FFF;
}
.section--multimood {
  height: 34.6875vw;
}
.cb-layout2 .section--multimood {
  height: 56.25vw;
}
.cb-layout2 .section--multimood .content {
  height: 39.0625vw;
}
h1 {
  font-size: 60px;
  line-height: 1.1;
  letter-spacing: 0.5px;
}
h2 {
  font-size: 50px;
  line-height: 1.12;
  letter-spacing: 0.5px;
}
h3 {
  font-size: 24px;
  line-height: 1.33333333;
}
h4 {
  font-size: 19px;
  line-height: 1.52631579;
}
p.skew {
  font-size: 32px;
  line-height: 1.34375;
}
.section--one .area {
  width: 100%;
}
.section--one .area > .unit {
  margin-right: 1.02040816%;
  margin-left: 1.02040816%;
  width: 97.95918367%;
}
.section--one .area .cb-album .body,
.section--one .area .head,
.section--one .area .foot,
.section--one .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim {
  width: 47.95918367%;
}
.section--one .area > .slim .head,
.section--one .area > .slim .foot,
.section--one .area > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--one .area > .slim .tiny {
  width: 100%;
}
.section--two .area {
  width: 100%;
}
.section--two .area > .unit {
  margin-right: 1.25%;
  margin-left: 1.25%;
  width: 97.5%;
}
.section--two .area .cb-album .body,
.section--two .area .head,
.section--two .area .foot,
.section--two .area .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--two .area > .slim {
  width: 30.83333333%;
}
.section--two .area > .slim .head,
.section--two .area > .slim .foot,
.section--two .area > .slim .part {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--two .area > .slim.cb-album .body {
  margin-right: 0%;
  margin-left: 0%;
  width: 100%;
}
.section--two .area > .slim .tiny {
  width: 100%;
}
.section--one .area {
  width: 102.08333333%;
  margin-left: -1.04166667%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.section--two .area {
  width: 102.56410256%;
  margin-left: -1.28205128%;
  display: flex;
  flex-wrap: wrap;
}
.cb-layout2 .section--two .area {
  margin-top: -23.4375vw;
}
.section--four .area {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1023px) {
  .section--one .area .flat.wide {
    width: calc(100% - 80px);
    margin-left: 40px;
    margin-right: 40px;
  }
}
.section--two .area .seam.wide .body {
  width: 102.56410256%;
  margin-left: -1.28205128%;
}
.section--two .area .seam.wide .part.tall {
  width: 97.5%;
  margin-left: 1.25%;
  margin-right: 1.25%;
}
.section--two .area .seam.wide .part.tiny {
  width: 22.5%;
  margin-left: 1.25%;
  margin-right: 1.25%;
}
.section--two .area .pure.wide .body {
  padding: 60px 80px 60px calc((100%/1170*570) + 80px);
  box-sizing: border-box;
  position: relative;
}
.section--two .area .pure.wide .part.pict.tall:first-child {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 48.71794872%;
}
.section--four .area .unit {
  width: 50%;
}
.section--four .area .unit .body {
  padding: 60px 80px 60px 80px;
  justify-content: flex-start;
}
.section--five .area {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0 20px;
}
.section--five .area .unit {
  grid-column: span 6;
}
.section--five .area .unit.seam.slim {
  grid-column: span 3;
}
.section--five .area .unit.seam.wide .body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 20px;
}
.section--five .area .unit.seam.wide .part {
  grid-column: span 3;
}
.section--five .area .unit.seam.wide .part.tiny {
  grid-column: span 1;
}
.section--five .area .unit.seam.wide .part.pict.tiny .cb-image-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.section--five .area .unit.seam.wide .part.pict.tiny .cb-image-caption {
  text-align: center;
}
/*# sourceMappingURL=./screen-medium.css.map */