@charset "utf-8";
    .footer__nav--bottom aside a:nth-child(3){
        display: none;
    }

@media (max-width: 600px) {
    .footer__nav--bottom aside a:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}


.header__fixedcv a[href*="https://now.hiromaz.net/"],
.footer__nav--fixedcv a[href*="https://now.hiromaz.net/"] {
  font-size: 13px;
  height: 44px;
  border-radius: 0;
}

@media (max-width: 800px) {
	.header__fixedcv a:nth-child(5) {
		display: none;
	}
	
}


.main.topPage .main__now {
    margin-top: 80px;
    overflow: hidden;
}
.main.topPage .main__now a {
    position: relative;
    display: block;
    background-color: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	height: 240px;
}

.main.topPage .main__now a h2 {
    color: #a8a8a8;
    letter-spacing: -2px;
    font-size: 90px;
    position: relative;
    top: -14px;
    max-width: 874px;
    padding-left: 5vw;
}
.main.topPage .main__now a h2 span {
    display: block;
    font-weight: 500;
    font-size: 20px;
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 1px;
    margin-top: 20px;
}

.main.topPage .main__now--inner::before {
    content: "";
    width: 80%;
    height: 100%;
    display: block;
    background-image: url(../img/topPage/now__picture.png);
	background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
	right:0;
}
@media (max-width: 1270px) {
		    .main.topPage .main__now a h2, .main.topPage .main__now a:hover h2 {
        font-size: 6vw;
    }
}
@media (max-width: 1000px) {
	    .main.topPage .main__now a h2, .main.topPage .main__now a:hover h2 {
        font-size: 8vw;
    }
}
@media (max-width: 700px) {
    .main.topPage .main__now a h2, .main.topPage .main__now a:hover h2 {
        margin-top: 5%;
        font-size: 9vw;
    }
	    .main.topPage .main__now a h2 span {
        font-size: 16px;
        margin-top: 10px;
    }
	
	.main.topPage .main__now a {
		height: 140px;
	}
}
@media (max-width: 500px) {
	.main.topPage .main__now a h2, .main.topPage .main__now a:hover h2 {
        font-size: 40px;
    }
    .main.topPage .main__now a h2 span {
        font-size: 14px;
    }
	
	.main.topPage .main__now--inner::before {
    background-image: url(../img/topPage/now__picture02.png);

}
}