@charset "UTF-8";

.menu-index-item li{margin-bottom: 10vw;}
.menu-index-item li img{width: 100%;margin-bottom: 3vw}
.menu-index-item li p{font-size: 140%;line-height: 1.2;position: relative;margin-bottom: 0;}
.menu-index-item li p::after{content: '\f105';width: 6vw; height: 6vw;color: #fff; font-family: 'icon'; background: var(--green02);-moz-border-radius: 50%;-webkit-border-radius: 50%; border-radius: 50%; position: absolute;  top: 50%; right: 2vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.menu-index-item li p span{font-size: 80%;}






/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

.menu-index-item{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.menu-index-item li{width: 48%;margin-bottom:50px;}
.menu-index-item li img{margin-bottom:20px;}
.menu-index-item li p::after{width: 35px;height: 35px; right: 5px;}
	
}

@media screen and (min-width: 1000px) {
	
.menu-index-item{gap:10px;}
.menu-index-item li{width: 32%;}

}

@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {

}