@charset "UTF-8";

.construction .bg {display: -webkit-flex; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.67) 0%, rgba(0, 0, 0, 0.67) 100%), url('../img/construction/construction-element.jpg'); background-size: cover; background-position: center;}

.construction .tit {text-align: center;}
.construction .bg-highlight {display: inline-block; position: relative; text-decoration: underline; text-decoration-thickness: 20px; text-underline-offset: -10px; text-decoration-color: rgba(239, 1, 139, 0.35); white-space: pre-wrap;}

section:not(.bg)>* + * {margin-top: 80px;}
section:not(.bg) + section {margin-top: 150px;}

.construction img {width: 100%; height: 100%; object-fit: contain; display: block;}
.construction .img-area2 img {display: none;}





@media (orientation: landscape){
    .construction .img-area2 .pc-img {display: block;}
}
  
@media (orientation: portrait){
    .construction .img-area2 .mobile-img {display: block;}
    .construction .img-area2 .mobile-img {max-width: clamp(100px, 100%, 368px); margin: 0 auto;}
}