@charset "utf-8";

/*-----mainバナー画像-----*/

.bnrImg01,
.bnrImg02,
.bnrImg03,
.bnrImg04 {
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.bnrImg01:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.itokanten.jp/images/sp/bnrImg01.jpg) no-repeat center center;
    background-size: cover;
    transition: all 0.5s ease-out;
}

.bnrImg02:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.itokanten.jp/images/sp/bnrImg02.jpg) no-repeat center center;
    background-size: cover;
    transition: all 0.5s ease-out;
}

.bnrImg03:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.itokanten.jp/images/sp/bnrImg03.jpg) no-repeat center center;
    background-size: cover;
    transition: all 0.5s ease-out;
}

.bnrImg04:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(https://www.itokanten.jp/images/sp/bnrImg04.jpg) no-repeat center center;
    background-size: cover;
    transition: all 0.5s ease-out;
}

.bnrImg01:hover:after,
.bnrImg02:hover:after,
.bnrImg03:hover:after,
.bnrImg04:hover:after {
    opacity: 0.8;
    transform: scale(1.1);
}

.bnrText01,
.bnrText02 {
    z-index: 1;
    position: relative;
    top: 17%;
	display: block;
    height: 100%;
}
img.bnrText03 {
    width: 65% !important;
}
.bnrText03 {
    z-index: 1;
    position: relative;
    top: 2%;
    left: -15%;

}
img.bnrText04 {
    width: 70% !important;
}
.bnrText04 {
    z-index: 1;
    position: relative;
    top: 2%;
    left: -14%;
}
li.bnrImg03 a,li.bnrImg04 a {
    width: 100%;
    height: 100%;
    display: block;
}