@charset 'utf-8';



.office_wrap { width:100%; display:flex; flex-wrap:wrap; }
.office_wrap li { width:100%; margin-bottom:40px; }
.office_wrap li .office_image { width:100%; margin-top:10px; }
.office_wrap li:last-of-type { margin-bottom: 0;}
.office_wrap li .office_image img { width:100%; height:100%; object-fit:cover; border:1px solid #707070;}
h2 { letter-spacing:0.1em; }
h3.fontsize_m { font-size:21px; line-height:1.3em; display:flex; align-items:baseline; margin-bottom:10px; letter-spacing:0.1em; text-align: justify;}
h3.fontsize_m img { display:none;}
.info { width:100%; display:flex; margin-bottom:0; }
.info dt { width:10%; font-family: "Zen Kaku Gothic New", sans-serif; line-height:1.5em; margin-top: 3px; text-align: center; line-break: anywhere;}
.info dd { width:90%; font-family: "Zen Kaku Gothic New", sans-serif; line-height:1.5em; padding-left: 2%;}
.contents { margin-bottom:40px; }
.illust_sekkei { width:60%; height:auto; border:none;  margin:20px auto 0 auto; }
.illust_design { width:60%; height:auto; border:none; margin:20px auto 0 auto; }
.office_wrap li .office_image .movie { width:100%; height:auto; aspect-ratio:16/9; }
.office_main .contents_inner { margin-top:0; }
@media screen and (min-width:768px) {
    .office_wrap { justify-content: space-between;}
    .office_wrap li,.office_wrap li:last-of-type { width:47%; margin-bottom:80px; }
    .office_image { margin-top:0; }
    h3.fontsize_m img { display:inline;}
    h3.fontsize_m .inline_sp { display:block; }
    .info dt { width:7%;}
    .info dd { width:93%; }
    .contents { margin-bottom:80px; }
    .office_wrap li .office_image .movie { width: 100%;aspect-ratio: 648 / 380;object-fit: cover;display: block;height: 100%;}
    .contents_inner .contents .contents_in { width:90%; }
    .contents_inner { margin-top:100px; }

}
@media screen and (min-width:1280px) {
h3.fontsize_m .inline_sp { display:none; }

}