@charset 'UTF-8';

/*----------虫眼鏡の配置----------*/
.img-area a {
    position: absolute;
}

.img-area a:nth-of-type(1) {/*電子レンジ*/
    top: 208px;
    left: 867px;
}

.img-area a:nth-of-type(2) {/*シンク*/
    top: 272px;
    left: 392px;
}

.img-area a:nth-of-type(3) {/*コンロ*/
    top: 272px;
    left: 661px;
}

.img-area a:nth-of-type(4) {/*冷蔵庫*/
    top: 358px;
    left: 86px;
}

.img-area a:nth-of-type(5) {/*ゴミ箱*/
    top: 358px;
    left: 250px;
}

.img-area a:nth-of-type(6) {/*炊飯器*/
    top: 358px;
    left: 838px;
}

.img-area a:nth-of-type(7) {/*電気ポット*/
    top: 358px;
    left: 937px;
}

/*-----------テキスト、背景、ボタンカラー-----------*/
:root {
    --kitchenPage-color: #E2A500;
}

.section01 h2 {
    color: var(--kitchenPage-color);
}

.section02 p {
    background-color: var(--kitchenPage-color);
}

.section02 p::after {
    border-top: solid 36px var(--kitchenPage-color);
}

.section02-bg {
    border: solid 4px var(--kitchenPage-color);
}

.btn input {
    background-color: var(--kitchenPage-color);
}

/*----------画面幅500px以下----------*/
@media screen and (max-width: 500px) {

    .img-area a:nth-of-type(1) {
        top: 92px;
        left: 371px;
    }

    .img-area a:nth-of-type(2) {
        top: 118px;
        left: 170px;
    }

    .img-area a:nth-of-type(3) {
        top: 118px;
        left: 286px;
    }

    .img-area a:nth-of-type(4) {
        top: 156px;
        left: 40px;
    }

    .img-area a:nth-of-type(5) {
        top: 156px;
        left: 108px;
    }

    .img-area a:nth-of-type(6) {
        top: 156px;
        left: 360px;
    }

    .img-area a:nth-of-type(7) {
        top: 156px;
        left: 402px;
    }

    .section02-bg {
        border: solid 3px var(--kitchenPage-color);
    }
}