@charset "UTF-8";

@media screen and (max-width: 750px) {
	
/* MV */
    #pagesMv { background-image: url("/images/mediabox_mv_bg_sp.jpg"); }

/* コンテンツ */
    .introTxt { font-size: 1rem; }
    .indexContentsSec { margin-top: 30px; padding-top: 20px; padding-bottom: 0; }
    .indexContentsSec .indexContentsTitleArea { padding-left: 10px; }
    .indexContentsSec .indexContentsTitleArea::after { width: 8px; height: 8px; border-top-width: 2px; border-right-width: 2px; }
    .indexContentsSec .indexContentsTitleArea h2 { font-size: 1.25rem; }
    .indexContentsSec .indexContentsInfoArea { display: block; }
    .indexContentsSec .indexContentsInfoArea .indexContentsInfoImg { width: 100%; }
    .indexContentsSec .indexContentsInfoArea .indexContentsInfoTxt { width: 100%; margin-top: 10px; }
    .indexContentsSec .indexContentsInfoArea .indexContentsInfoList { margin-top: 10px; }
    .indexContentsSec .indexContentsInfoArea .indexContentsInfoList li a { padding-left: 15px; }
    .indexContentsSec .indexContentsInfoArea .indexContentsInfoList li a::before { top: 0.55em; width: 4px; height: 4px; }
    .indexContentsSec .indexContentsInfoArea .indexContentsInfoList li a:hover { text-decoration: none; }


    
    
}