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

#aboutWrap #aboutMvSeciton { background: url("/about/images/index_mv_bg_pc.jpg") no-repeat center bottom / cover; position: relative; height: calc(100vw*0.8); }
#aboutWrap #aboutMvSeciton #headerWrap { background: none; }
#aboutWrap ul#breadcrumbList li { color: #ffffff; background: url("/common/images/arrow_breadcrumb_white.png") no-repeat left top; }
#aboutWrap ul#breadcrumbList li:first-child { background: none; }
#aboutWrap ul#breadcrumbList li a { color: #ffffff; }
#aboutWrap #aboutMvSeciton #mvTxtArea { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-60%); display: flex; align-items: center; justify-content: center; }
#aboutWrap #aboutMvSeciton #mvTxtArea h2 { padding: 0; padding-left: 45px; }
#aboutWrap #aboutMvSeciton #mvTxtArea p { color: #ffffff; line-height: 2; padding-left: 25px; }


#aboutWrap .aboutContentsSeciton { margin-top: 75px; }
#aboutWrap .aboutContentsSeciton h3 { opacity: 0; }
#aboutWrap .aboutContentsSeciton h3 img { width: 100%; }
#aboutWrap .aboutContentsSeciton ul { width: 786px; margin: 80px auto 0; }
#aboutWrap .aboutContentsSeciton ul li { opacity: 0; margin-top: 55px; padding-top: 90px; text-align: center; }
#aboutWrap .aboutContentsSeciton ul li:first-child { margin-top: 0; padding-top: 0; }
#aboutWrap .aboutContentsSeciton ul li p { margin-top: 30px; font-size: 114%; line-height: 1.8; }
#aboutWrap .aboutContentsSeciton ul li p.btnImg { margin-top: 10px; }

#aboutWrap #aboutIronSeciton { margin-top: 5px; }
#aboutWrap #aboutIronSeciton h3 { background: url("/about/images/index_iron_mv_bg_pc.jpg") no-repeat center top / cover; }
#aboutWrap #aboutIronSeciton ul li { background: url("/about/images/index_iron_bg_pc.gif") no-repeat center top; }
#aboutWrap #aboutIronSeciton ul li:first-child { background: none; }

#aboutWrap #aboutPeopleSeciton h3 { background: url("/about/images/index_people_mv_bg_pc.jpg") no-repeat center top / cover; }
#aboutWrap #aboutPeopleSeciton ul li { background: url("/about/images/index_people_bg_pc.gif") no-repeat center top; }
#aboutWrap #aboutPeopleSeciton ul li:first-child { background: none; }

#aboutWrap #aboutEarthSeciton h3 { background: url("/about/images/index_earth_mv_bg_pc.jpg") no-repeat center top / cover; }
#aboutWrap #aboutEarthSeciton ul li { background: url("/about/images/index_earth_bg_pc.gif") no-repeat center top; }
#aboutWrap #aboutEarthSeciton ul li:first-child { background: none; }