@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:750px){
	
#aboutWrap #aboutMvSeciton { background: url("/about/images/index_mv_bg_sp.jpg") no-repeat center bottom / cover; position: relative; height: calc(100vw*1.67); }
#aboutWrap #aboutMvSeciton #headerWrap { width: 90%; margin: 0 auto; }
#aboutWrap #aboutMvSeciton #mvTxtArea { position: static; top: auto; margin: 10% auto 0; transform: translateY(0); display: block; }
#aboutWrap #aboutMvSeciton #mvTxtArea h2 { padding: 0; }
#aboutWrap #aboutMvSeciton #mvTxtArea p { padding: 0; width: 82%; margin: 8% auto 0; }

	
	
#aboutWrap .aboutContentsSeciton { margin-top: 45px; }
#aboutWrap .aboutContentsSeciton ul { width: 100%; margin: 50px auto 0; }
#aboutWrap .aboutContentsSeciton ul li { margin-top: 48px; padding-top: 80px; }
#aboutWrap .aboutContentsSeciton ul li p { font-size: 100%; }
#aboutWrap .aboutContentsSeciton ul li p.btnImg { margin: 20px auto 0; }
	
#aboutWrap #aboutIronSeciton h3 { background: url("/about/images/index_iron_mv_bg_sp.jpg") no-repeat center top / cover; }
#aboutWrap #aboutIronSeciton ul li { background: url("/about/images/index_iron_bg_sp.gif") no-repeat center top / 375px; }
#aboutWrap #aboutIronSeciton ul li:first-child { background: none; }
#aboutWrap #aboutIronSeciton ul li:first-child p.btnImg { width: 70%; }
#aboutWrap #aboutIronSeciton ul li:last-child p.btnImg { width: 48%; }

#aboutWrap #aboutPeopleSeciton h3 { background: url("/about/images/index_people_mv_bg_sp.jpg") no-repeat center top / cover; }
#aboutWrap #aboutPeopleSeciton ul li { background: url("/about/images/index_people_bg_sp.gif") no-repeat center top / 375px; }
#aboutWrap #aboutPeopleSeciton ul li:first-child { background: none; }
#aboutWrap #aboutPeopleSeciton ul li:last-child p.btnImg { width: 35%; }

#aboutWrap #aboutEarthSeciton h3 { background: url("/about/images/index_earth_mv_bg_sp.jpg") no-repeat center top / cover; }
#aboutWrap #aboutEarthSeciton ul li { background: url("/about/images/index_earth_bg_sp.gif") no-repeat center top / 375px; }
#aboutWrap #aboutEarthSeciton ul li:first-child { background: none; }
#aboutWrap #aboutEarthSeciton ul li:first-child p.btnImg { width: 48%; }
#aboutWrap #aboutEarthSeciton ul li:last-child p.btnImg { width: 27%; }

	
}