@charset "utf-8";
/* CSS Document */





/* ==============================

main_visual

============================== */
.main_visual.lower_page .main_visual-fg .main_visual-fg-title {
    width: min( calc( 591 * 100vw / var( --dw ) ), calc( 591px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .main_visual.lower_page .main_visual-fg .main_visual-fg-title {
        width: calc( 261.91 * 100vw / var( --dw ) );
        left: calc( 50% - calc( calc( 261.91 * 100vw / var( --dw ) ) / 2 ) );
    }
}










/* ==============================

lead

============================== */
.l-sc.lead {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .l-sc.lead {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
}



.lead-content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 0 min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) );
    padding: 0;
}
.lead-content.content_03 {
    margin-bottom: 0;
}
@media screen and ( max-width: 768px ) {
    .lead-content {
        margin: 0 0 calc( 50 * 100vw / var( --dw ) );
    }
    .lead-content.content_03 {
    }
}



.lead-content__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.lead-content__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 60 * 100vw / var( --dw ) ), calc( 60px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.content_02 .lead-content__text {
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .lead-content__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .lead-content__text {
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
        text-align: left;
    }
    .content_02 .lead-content__text {
        margin-bottom: calc( 30 * 100vw / var( --dw ) );
    }
}



.lead-content__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-content__image figure,
.lead-content__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.lead-content__image picture img {
    width: 100%;
}
.lead-content__image figure figcaption {
}
@media screen and ( max-width: 768px ) {
    .lead-content__image {
    }
    .lead-content__image figure,
    .lead-content__image picture {
    }
    .lead-content__image picture img {
    }
    .lead-content__image figure figcaption {
    }
}



.lead-content-left {
    position: relative;
    width: min( calc( 401 * 100vw / var( --dw ) ), calc( 401px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.lead-content-left figure,
.lead-content-left picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.lead-content-left picture img {
    width: 100%;
}
.lead-content-left figure figcaption {
    bottom: -3em;
    color: #333;
    line-height: 1.2;
    text-align: right;
    background-color: transparent;
}
@media screen and ( max-width: 768px ) {
    .lead-content-left {
        width: 100%;
        margin-bottom: calc( 50 * 100vw / var( --dw ) );
    }
    .lead-content-left figure,
    .lead-content-left picture {
    }
    .lead-content-left picture img {
    }
    .lead-content-left figure figcaption {
    }
}



.lead-content-right {
    position: relative;
    width: min( calc( 493 * 100vw / var( --dw ) ), calc( 493px * 1.38 ) );
    margin: 0 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
}
.lead-content-right__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.lead-content-right__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lead-content-right__image picture {
    position: relative;
    display: block;
    width: min( calc( 400 * 100vw / var( --dw ) ), calc( 400px * 1.38 ) );
    margin: 0 auto;
    font-size: 0;
}
.lead-content-right__image picture img {
    width: 100%;
}
@media screen and ( max-width: 768px ) {
    .lead-content-right {
        width: 100%;
        margin: 0;
    }
    .lead-content-right__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        text-align: left;
    }
    .lead-content-right__image {
    }
    .lead-content-right__image picture {
        width: 100%;
        margin: 0;
    }
    .lead-content-right__image picture img {
    }
}










/* ==============================

base

============================== */
.l-sc.base {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    background-color: #EFEFEF;
}
@media screen and ( max-width: 768px ) {
    .l-sc.base {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
}



.base__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.base__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .base__title {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
    }
    .base__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.base-image {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 0 min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
    width: 100%;
    margin: 0 0 min( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 1.38 ) );
    padding: 0 0 0 calc( 50% - min( calc( 231 * 100vw / var( --dw ) ), calc( 231px * 1.38 ) ) );
}
.base-image__item {
    position: relative;
    margin: 0;
    padding: 0;
}
.base-image__item.item_01 {
    width: min( calc( 600 * 100vw / var( --dw ) ), calc( 600px * 1.38 ) );
}
.base-image__item.item_02 {
    width: min( calc( 236 * 100vw / var( --dw ) ), calc( 236px * 1.38 ) );
}
.base-image__item figure,
.base-image__item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.base-image__item picture img {
    width: 100%;
}
.base-image__item figure figcaption {
}
.base-image__item.item_01 figure figcaption {
    position: absolute;
    bottom: -2em;
    color: #333;
    background-color: transparent;
}
@media screen and ( max-width: 768px ) {
    .base-image {
        position: relative;
        flex-direction: column;
        gap: calc( 30 * 100vw / var( --dw ) ) 0;
        margin: 0 0 calc( 40 * 100vw / var( --dw ) );
        padding: 0;
    }
    .base-image__item {
    }
    .base-image__item.item_01 {
        width: 100%;
    }
    .base-image__item.item_02 {
        width: calc( 236 * 100vw / var( --dw ) );
        margin: 0 auto;
    }
    .base-image__item figure,
    .base-image__item picture {
    }
    .base-image__item picture img {
    }
    .base-image__item figure figcaption {
    }
    .base-image__item.item_01 figure figcaption {
    }
}



.base-composite {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .base-composite {
        flex-direction: column;
        justify-content: flex-start;
    }
}



.base-composite-left {
    position: relative;
    width: min( calc( 610 * 100vw / var( --dw ) ), calc( 610px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.base-composite-left__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.base-composite-left__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 25 * 100vw / var( --dw ) ), calc( 25px * 1.38 ) );
    padding: 0;
    text-align: center;
    white-space: nowrap;
}
.base-composite-left__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.base-composite-left__image picture {
    position: relative;
    display: block;
    width: min( calc( 329 * 100vw / var( --dw ) ), calc( 329px * 1.38 ) );
    margin: 0 auto;
    padding: 0;
    font-size: 0;
}
.base-composite-left__image picture img {
    width: 100%;
}
@media screen and ( max-width: 768px ) {
    .base-composite-left {
        width: 100%;
        margin: 0 0 calc( 30 * 100vw / var( --dw ) );
    }
    .base-composite-left__title {
        margin: 0 0 calc( 15 * 100vw / var( --dw ) );
    }
    .base-composite-left__text {
        margin: 0 0 calc( 12.5 * 100vw / var( --dw ) );
        white-space: normal;
        text-align: left;
    }
    .base-composite-left__image {
    }
    .base-composite-left__image picture {
        width: 100%;
        margin: 0;
    }
    .base-composite-left__image picture img {
    }
}



.base-composite-right {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: min( calc( 8 * 100vw / var( --dw ) ), calc( 8px * 1.38 ) ) 0;
    width: min( calc( 568 * 100vw / var( --dw ) ), calc( 568px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.base-composite-right__item {
    position: relative;
    width: min( calc( 280 * 100vw / var( --dw ) ), calc( 280px * 1.38 ) );
    margin: 0;
    padding: 0;
}
.base-composite-right__item figure,
.base-composite-right__item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.base-composite-right__item picture img {
    width: 100%;
}
.base-composite-right__item figure figcaption {
}
.base-composite-right__annotation {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
}
@media screen and ( max-width: 768px ) {
    .base-composite-right {
        gap: calc( 10 * 100vw / var( --dw ) ) 0;
        width: 100%;
    }
    .base-composite-right__item {
        width: 100%;
    }
    .base-composite-right__item figure,
    .base-composite-right__item picture {
    }
    .base-composite-right__item picture img {
    }
    .base-composite-right__item figure figcaption {
    }
    .base-composite-right__annotation {
    }
}



.base-composite-floor {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: min( calc( 80 * 100vw / var( --dw ) ), calc( 80px * 1.38 ) ) 0 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .base-composite-floor {
        flex-direction: column;
        margin: calc( 40 * 100vw / var( --dw ) ) 0 0;
    }
}



.base-composite-link {
}
.base-composite-link a {
    text-underline-offset: 0.2em;
}
.base-composite-link a:hover {
    text-decoration: underline;
}
@media screen and ( max-width: 768px ) {
    .base-composite-link {
        margin-top: calc( 20 * 100vw / var( --dw ) );
        margin-bottom: calc( 20 * 100vw / var( --dw ) );
    }
    .base-composite-link a {
        text-decoration: underline;
    }
}



.base-composite-floor__title {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
    font-family: "Noto Serif JP", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    line-height: 1.652;
    letter-spacing: 0;
    font-feature-settings: "palt";
}
.base-composite-floor__title::after {
    content: '';
    position: absolute;
    top: calc( 50% - 0.5px );
    right: 0;
    width: calc( 100% - 2.5em );
    height: 1px;
    margin: 0;
    padding: 0;
}
.floor_1st .base-composite-floor__title {
    color: #9F3E1E;
}
.floor_1st .base-composite-floor__title::after {
    background-color: #9F3E1E;
}
.floor_2nd .base-composite-floor__title {
    color: #006D2A;
}
.floor_2nd .base-composite-floor__title::after {
    width: calc( 100% - 5.5em );
    background-color: #006D2A;
}
.base-composite-floor-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.base-composite-floor__title span{
    font-size: min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .base-composite-floor__title {
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
        font-size: calc( 40 * 100vw / var( --dw ) );
        text-align: center;
    }
    .base-composite-floor__title::after {
        content: none;
    }
    .floor_1st .base-composite-floor__title {
    }
    .floor_1st .base-composite-floor__title::after {
    }
    .floor_2nd .base-composite-floor__title {
    }
    .floor_2nd .base-composite-floor__title::after {
    }
    .base-composite-floor-item {
        flex-direction: column;
        justify-content: flex-start;
        margin: 0 0 calc( 35 * 100vw / var( --dw ) );
    }
    .base-composite-floor-item.item_right {
        margin-bottom: 0;
    }
}



.base-composite-floor-item-content {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.base-composite-floor-item-content__title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: min( calc( 36 * 100vw / var( --dw ) ), calc( 36px * 1.38 ) );
    margin: 0 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    padding: 0;
    text-align: center;
    background-color: #ccc;
}
.base-composite-floor-item-content__text {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .base-composite-floor-item-content {
        margin: 0 0 calc( 15 * 100vw / var( --dw ) );
    }
    .base-composite-floor-item-content__title {
        height: calc( 36 * 100vw / var( --dw ) );
        margin: 0 0 calc( 10 * 100vw / var( --dw ) );
    }
    .base-composite-floor-item-content__text {
        text-align: left;
    }
}



.base-composite-floor-item__image {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.base-composite-floor-item__image figure,
.base-composite-floor-item__image picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.base-composite-floor-item__image picture img {
    width: 100%;
}
.base-composite-floor-item__image figure figcaption {
}
@media screen and ( max-width: 768px ) {
    .base-composite-floor-item__image {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .base-composite-floor-item__image figure,
    .base-composite-floor-item__image picture {
    }
    .base-composite-floor-item__image picture img {
    }
    .base-composite-floor-item__image figure figcaption {
    }
}



.floor_1st .base-composite-floor-item {
    width: min( calc( 571 * 100vw / var( --dw ) ), calc( 571px * 1.38 ) );
}
.floor_1st .base-composite-floor-item-content {
    width: min( calc( 312 * 100vw / var( --dw ) ), calc( 312px * 1.38 ) );
}
.floor_1st .base-composite-floor-item-content__title {
    color: #9F3F1E;
    background-color: #FFB896;
}
.floor_1st .base-composite-floor-item__image {
    width: min( calc( 250 * 100vw / var( --dw ) ), calc( 250px * 1.38 ) );
}
@media screen and ( max-width: 768px ) {
    .floor_1st .base-composite-floor-item {
        width: 100%;
    }
    .floor_1st .base-composite-floor-item-content {
        width: 100%;
    }
    .floor_1st .base-composite-floor-item-content__title {
    }
    .floor_1st .base-composite-floor-item__image {
        width: 100%;
    }
}



.floor_2nd .base-composite-floor-item.item_left {
    flex-wrap: wrap;
    gap: min( calc( 21 * 100vw / var( --dw ) ), calc( 21px * 1.38 ) ) 0;
    width: min( calc( 645 * 100vw / var( --dw ) ), calc( 645px * 1.38 ) );
}
.floor_2nd .base-composite-floor-item.item_right {
    width: min( calc( 571 * 100vw / var( --dw ) ), calc( 571px * 1.38 ) );
}
.floor_2nd .base-composite-floor-item_left__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: min( calc( 36 * 100vw / var( --dw ) ), calc( 36px * 1.38 ) );
    width: min( calc( 312 * 100vw / var( --dw ) ), calc( 312px * 1.38 ) );
}
.floor_2nd .base-composite-floor-item_left__item {
    color: #005B74;
    background-color: #98D6DF;
}
.floor_2nd .base-composite-floor-item_left__item.item_room {
    /*color: #274A16;
    background-color: #95D684;*/
    color: #005B74;
    background-color: #98D6DF;
}
.floor_2nd .base-composite-floor-item.item_right {
    display: block;
    width: min( calc( 518 * 100vw / var( --dw ) ), calc( 518px * 1.38 ) );
}
.floor_2nd .base-composite-floor-item.item_right figure,
.floor_2nd .base-composite-floor-item.item_right picture {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.floor_2nd .base-composite-floor-item.item_right figure {
    display: block;
}
.floor_2nd .base-composite-floor-item.item_right picture img {
    width: 100%;
}
.floor_2nd .base-composite-floor-item.item_right figure figcaption {
}
.floor_2nd .base-composite-floor-item__annotation {
    text-align: right;
}
@media screen and ( max-width: 768px ) {
    .floor_2nd .base-composite-floor-item.item_left {
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
        width: 100%;
    }
    .floor_2nd .base-composite-floor-item.item_right {
        width: 100%;
    }
    .floor_2nd .base-composite-floor-item_left__item {
        height: calc( 36 * 100vw / var( --dw ) );
        width: 100%;
    }
    .floor_2nd .base-composite-floor-item_left__item {
    }
    .floor_2nd .base-composite-floor-item_left__item.item_room {
    }
    .floor_2nd .base-composite-floor-item.item_right {
        width: 100%;
    }
    .floor_2nd .base-composite-floor-item.item_right figure,
    .floor_2nd .base-composite-floor-item.item_right picture {
    }
    .floor_2nd .base-composite-floor-item.item_right figure {
    }
    .floor_2nd .base-composite-floor-item.item_right picture img {
    }
    .floor_2nd .base-composite-floor-item.item_right figure figcaption {
    }
    .floor_2nd .base-composite-floor-item__annotation {
    }
}










/* ==============================

developer

============================== */
.l-sc.developer {
    padding-top: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
    padding-bottom: min( calc( 70 * 100vw / var( --dw ) ), calc( 70px * 1.38 ) );
}
.l-sc.developer .l-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) ) 0;
}
@media screen and ( max-width: 768px ) {
    .l-sc.developer {
        padding-top: calc( 35 * 100vw / var( --dw ) );
        padding-bottom: calc( 35 * 100vw / var( --dw ) );
    }
    .l-sc.developer .l-inner {
        gap: min( calc( 100 * 100vw / var( --dw ) ), calc( 100px * 1.38 ) ) 0;
        padding: 0;
    }
}



.developer-company {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
@media screen and ( max-width: 768px ) {
    .developer-company {
    }
}



.developer-company__title {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
.developer-company__title picture {
    position: relative;
    display: block;
    margin: 0 auto min( calc( 50 * 100vw / var( --dw ) ), calc( 50px * 1.38 ) );
    padding: 0;
}
.tt .developer-company__title picture {
    width: min( calc( 203 * 100vw / var( --dw ) ), calc( 203px * 1.38 ) );
}
.hhr .developer-company__title picture {
    width: min( calc( 292 * 100vw / var( --dw ) ), calc( 292px * 1.38 ) );
}
.developer-company__title picture img {
    width: 100%;
}
@media screen and ( max-width: 768px ) {
    .developer-company__title {
    }
    .developer-company__title picture {
        margin: 0 auto calc( 25 * 100vw / var( --dw ) );
    }
    .tt .developer-company__title picture {
        width: calc( 203 * 100vw / var( --dw ) );
    }
    .hhr .developer-company__title picture {
        width: calc( 292 * 100vw / var( --dw ) );
    }
    .developer-company__title picture img {
    }
}



.developer-company__lead {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 30 * 100vw / var( --dw ) ), calc( 30px * 1.38 ) );
    padding: 0;
    text-align: center;
}
.developer-company__text {
    position: relative;
    width: 100%;
    margin: 0 0 min( calc( 40 * 100vw / var( --dw ) ), calc( 40px * 1.38 ) );
    padding: 0;
    text-align: center;
}
@media screen and ( max-width: 768px ) {
    .developer-company__lead {
        margin: 0 0 calc( 15 * 100vw / var( --dw ) );
        padding: 0 calc( 27.5 * 100vw / var( --dw ) );
    }
    .developer-company__lead.fs-xl {
        font-size: calc( 17 * 100vw / var( --dw ) );
    }
    .developer-company__text {
        margin: 0 0 calc( 20 * 100vw / var( --dw ) );
        padding: 0 calc( 27.5 * 100vw / var( --dw ) );
        padding: 0 calc( 15 * 100vw / var( --dw ) );
        text-align: left;
    }
}



.developer-company-image_list {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 min( calc( 20 * 100vw / var( --dw ) ), calc( 20px * 1.38 ) );
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
.developer-company-image_list__item {
    position: relative;
    width: min( calc( 320 * 100vw / var( --dw ) ), calc( 320px * 1.38 ) );
    aspect-ratio: 320 / 235;
    margin: 0;
    padding: 0;
    border: 1px solid #707070;
}
.developer-company-image_list__item figure, 
.developer-company-image_list__item picture {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
}
.developer-company-image_list__item picture img {
    width: 100%;
}
.developer-company-image_list__item figure figcaption {
}

.developer .annotation {
    position: relative;
    width: 84%;
    margin: 0 auto;
    padding: 0;
    text-align: right;
}

@media screen and ( max-width: 768px ) {
    .developer-company-image_list {
        flex-direction: column;
        gap: calc( 20 * 100vw / var( --dw ) ) 0;
        margin: 0;
        padding: 0 calc( 27.5 * 100vw / var( --dw ) );
    }
    .developer-company-image_list__item {
        width: 100%;
        aspect-ratio: 320 / 235;
    }
    .developer-company-image_list__item figure, 
    .developer-company-image_list__item picture {
    }
    .developer-company-image_list__item picture img {
    }
    .developer-company-image_list__item figure figcaption {
    }

}



.minohcity-hp{
    margin: 30px auto 30px 0;
    padding: 20px 2% 0;
    border: solid thin #ccc;
    background-color: #fefefe;
}
.minohcity-hp a{
    display: block;
    width: 15vw;
    padding: 3px 20px;
    margin: 20px auto 20px 0;
    text-align: center;
    background-color: #A59B54;
    color: #fff;
}
@media screen and ( max-width: 768px ) {
.minohcity-hp{
    margin: 30px auto;
    padding: 2% 5%;
    border: solid thin #000;
}
.minohcity-hp a{
    width: 70%;
    padding: 5px 20px;
    margin: 20px auto;
}
}