@charset 'UTF-8';

.section02 {
    background-color: #eae4e0;
}

/*----------星マーク、文字画像の配置----------*/
.img-area a {
    position: absolute;
}

.img-area a:nth-of-type(1) {/*乾燥機*/
    top: 94px;
    left: 316px;
}

.img-area a:nth-of-type(2) {/*ドライヤー*/
    top: 119px;
    left: 747px;
}

.img-area a:nth-of-type(3) {/*洗濯機*/
    top: 420px;
    left: 316px;
}

.img-area a:nth-of-type(4) {/*歯磨き*/
    top: 389px;
    left: 655px;
}

/*-----------テキスト、背景、ボタンカラー-----------*/
:root {
    --washroomPage-color: #CB6A06;
}
.section01 h2 {
    color: var(--washroomPage-color);
}

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

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

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

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

/*----------画面幅500px以下----------*/
@media screen and (max-width: 500px) {
	
    .img-area a:nth-of-type(1) {
        top: 43px;
        left: 142px;
    }
    
    .img-area a:nth-of-type(2) {
        top: 54px;
        left: 322px;
    }
    
    .img-area a:nth-of-type(3) {
        top: 180px;
        left: 142px;
    }
    
    .img-area a:nth-of-type(4) {
        top: 170px;
        left: 280px;
    }
	
    .section02-bg {
        border: solid 3px var(--washroomPage-color);
    }
}