@charset "UTF-8";

.intro-img {background: url("../../images/menu/artmake/intro.jpg") #f5c7b6 no-repeat top right; background-size: cover;padding: 30vw 0; }



/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {
.intro-img {background: url("../../images/menu/artmake/intro.jpg") #f5c7b6 no-repeat top right;background-size: 1000px;padding:0; height: 500px;width: 50%;}
.tab li{width: 49%;}

}

 /* ========================================
 retina
==========================================*/
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.intro-img {background: url("../../images/menu/artmake/intro@2x.jpg") #f5c7b6 no-repeat top right;background-size: 1000px;padding:0; height: 500px;}

}