#mainTtl{
	height: 600px;
	color: #FFF;
	margin-bottom: 40px;
  background-size:  cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-image:url("/corporate/soft99-history/images/img_main.jpg");
	display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center;  /*子要素をflexboxにより中央に配置する */
}
#mainTtl div{
	width: 1180px;
 margin: 50px auto 0 auto;
}
#mainTtl h1{
	font-size: 3.9rem;
	line-height: 5.2rem;
}
#mainTtl span{
	display: block;
	font-size: 2rem;
	line-height: 2rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-top: 10px;
}
.mainTxt {
	width: 460px;
 margin-top: 40px;
	font-size: 1.4rem;
	line-height: 2.2rem;
}


main{color: #333;}
.anchorLink{
 display:inherit;
 justify-content:inherit;
 font-size:inherit;
}
.anchorLink li:not(:last-child){ border-right:inherit;}
.anchorLink a{
 display:inherit;
 padding:inherit;
 color:inherit;
 text-decoration:inherit;
}
.anchorLink a.hover{ color:inherit;}



main .anchorLink{
	display: flex;
	justify-content: space-between;
	width: 1180px;
 margin: 0 auto;
	margin-bottom: 150px;
}
main .anchorLink li{
	font-size: 1.8rem;
	line-height: 1.8rem;
	color: #e60012;
}
main .anchorLink li a{
	display: block;
}
main .anchorLink li a.hover{
}
main .anchorLink li span{
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #c2c0c0;
	display: inline-block;
	margin-left: 10px;
	vertical-align:middle;
}
main .anchorLink .bottomArrow{
 position: relative;
 display: inline-block;
 width: 9px;
 height: 14px;
 margin-right: 15px;
	margin-top: -7px;
}
main .anchorLink li a.hover span{color: #e60012;}

main section{
	margin-bottom: 200px;
}
main section h2{
	height: 460px;
	color: #FFF;
	margin-bottom: 100px;
  background-size:  cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	font-size: 5.1rem;
	line-height: 5.1rem;
	font-weight: normal;
	display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
main section h2 span{
	width: 511px;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.4);
	padding-bottom: 15px;
	margin: 0 auto;
	margin-bottom: 50px;
	text-align: center;
	font-size: 2.2rem;
	line-height: 2.2rem;
	font-family:Avenir , "Century Gothic" , Arial, "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "メイリオ" , Meiryo;
	}
main section h2 + p{
	text-align: center;
	font-size: 2.4rem;
	line-height: 4rem;
}
main section dl{
	width: 1080px;
 margin: 0 auto;
	margin-top: 150px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
main section dt{
	order: 2;
	width: 550px;
}
main section dt time{
	display: block;
	font-size: 3.5rem;
	line-height: 3.5rem;
	color: #e60012;
	font-weight: bold;
margin-bottom: 30px;}

main section dt span{
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 10px;
	display: inline-block;
}
main section dt h3{
	font-size: 3.1rem;
	margin-bottom: 30px;
}
main section dt p{
	font-size: 1.4rem;
	line-height: 2.8rem;
}
main section dd{
	order: 1;
	width: 470px;
}
main section dd img{
	display: inline-block;
}
main section dd:not(:last-child) img{
	width: 100%;
}
main section dd:last-child{
	background-color: #e5e8ea;
	padding: 40px;
	margin-top: 70px;
	width: 100%;
	order: 3;
	text-align: center;
}
main section dd:last-child img{
	margin-left: 25px;
	vertical-align: middle;
}
main section dd:last-child img:first-child{
	margin-left: 0;
}
main section dd:last-child img.tate{
	max-width: 190px;
}
main section dd:last-child img.yoko{
	max-width: 300px;
}
main section dd:last-child h4{
	font-size: 2.4rem;
	line-height: 2.8rem;
	color: #999;
	margin-bottom: 40px;
	font-weight: normal;
}
main section dl:nth-of-type(even) dt{
	order: 1;
}
main section dl:nth-of-type(even) dd{
	order: 2;
}


main section#h1954 h2{
	background-image:url("/corporate/soft99-history/images/img_ttl01.jpg");
}
main section#h1970 h2{background-image:url("/corporate/soft99-history/images/img_ttl02.jpg");}
main section#h1990 h2{background-image:url("/corporate/soft99-history/images/img_ttl03.jpg");}
main section#h2000 h2{background-image:url("/corporate/soft99-history/images/img_ttl04.jpg");}
main section#h2010 h2{background-image:url("/corporate/soft99-history/images/img_ttl05.jpg");}
main section#hFuture h2{background-image:url("/corporate/soft99-history/images/img_ttl06.jpg");}