/*非継承*/
#Contents:not(.TopPageContents){
	background-image:none;
}
#Contents{
	padding-left: 0px !important;
	padding-right: 0px !important;
	background-image:none;
}
#susumeWrapper h2{
	background:none;
}
.LinkListStyle1 .date,.LinkListStyle1 .text{
	font-size:0.875rem !important;
}
/*継承*/
.NewWin a{
    background-image: url(../../../../image/jp/r1/icon/icon_new_window_hd.gif) !important;
}
/*
#Contents *{
	letter-spacing:0.5px;
}
*/

/*フォントサイズ・40pt*/
.susumeConcept h2{
	font-size:2.5rem;
}
/*フォントサイズ・24pt*/
.susumeContainer h3,.susumeContainer h4,.inquiry,.inquiry a{
	font-size:1.5rem;
}
/*フォントサイズ・20pt*/
.susumeContainer h2{
	font-size:1.25rem;
}
/*フォントサイズ・18pt
.appStore .text{
	font-size:1.125rem;
}
*/
/*フォントサイズ・16pt*/
.susumeConcept .lead{
	font-size:1rem;
}
/*フォントサイズ・14pt*/
.susumeAreaContent .text,.appStore .link,.appStore .text,.jirei article,#newsTopics,.susumeNavi{
	font-size:0.875rem;
}
/*フォントサイズ・12pt*/
.susumeAreaContent .annotation,#newsTopics li .label{
	font-size:0.75rem;
	line-height:190%;
}
/*文字色・ホワイト*/
.susumeNavi a,.susumeConcept,.appStore,.appStore a,#newsTopics li .label{
	color:#fff;
}
/*文字色・ブルー（メインカラー）*/
.susumeContainer h2,.susumeContainer h3 span,.susumeContainer h4,.jirei article span,.jirei li:before,.inquiry,.inquiry a{
	color:#0092B1;
}
/*文字色・ブラック*/
.susumeAreaContent .itemBox .annotation{
	color:#000;
}
/*文字色・グレー*/
.susumeAreaContent .annotation{
	color:#ACACAC;
}
#Contents img{
	image-rendering: -webkit-optimize-contrast;
}

/*ページ内リンク*/
.susumeNavi{
	background:#000;
}
.susumeNavi ul{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-around;
	margin:auto;
}
.susumeNavi ul li{
	position:relative;
}
.susumeNavi a{
	display:block;
	padding:1rem 2rem 1rem 1rem;
	text-decoration:none;
}
.susumeNavi a:after{
	content:url("/products/it/finance/ShakaiSanka-no-SUSUME/img/arrow_b.svg");
	align-items:center;
	position:absolute;
	top: 16px;
	right: 5px;
}
.susumeNavi a:hover{
	background:#e60027;
}

/*概要・リード*/
.susumeConcept{
	background-image: url("/products/it/finance/ShakaiSanka-no-SUSUME/img/bg.png");
	background-size: cover;
	background-position:top center;
	padding-top:110px;
}
.susumeConcept h2{
	font-weight:bold;
	text-align:center;
	margin-bottom:50px;
	width: calc(100% - 30px);
	max-width: 1275px;
	margin-left: auto;
	margin-right: auto;
}
.susumeConcept .lead{
	font-weight:bold;
	line-height:2.3rem;
	margin:auto;
	margin-bottom:2rem;
}

/*挿絵*/
.illust img{
	width:100%;
}

/*記事詳細*/
.susumeContainer{
	margin:auto;
}

.susumeContainer h2{
	font-weight:bold;
	position:relative;
}
.susumeContainer h2 b{
	display:block;
}
.susumeContainer h2 b img,
.susumeContainer h2 p img{
	margin:-3px 12px 24px 0;
}
.susumeContainer h3{
	font-weight:bold;
	position:relative;
}
.susumeContainer h4{
	width:100%;
	font-weight:bold;
	position:relative;
	text-align:center;
	margin:0 auto 40px;
}
#inquiryArea.susumeContainer {
	padding-top: 80px;
}
#inquiryArea.susumeContainer h2 {
	text-align: center;
	color: #fff;
	font-size: 2rem;
	padding-bottom: 20px;
}
.susumeAreaContent{
	margin-top:75px;
}
.susumeAreaContent h3{
	margin-bottom:35px;
	line-height:150%;
}
.susumeAreaContent .right,.susumeAreaContent .left{
	margin-bottom:55px;
}
.susumeAreaContent .text{
	margin-bottom:24px;
}
.susumeAreaContent .right .text:last-of-type{
	margin-bottom:0;
}
.susumeAreaContent .left.center,.appStore .left,.appStore .right{
	text-align:center;
}

/*アプリ紹介*/
.appStore .title{
	margin:60px 0 25px 0;
}
.appStore .text{
	font-weight:bold;
	margin-bottom:12px;
	text-align:center;
}
.appStore .link{
	margin-bottom:12px;
	text-align:center;
}
.appStore ul{
	display:flex;
	justify-content:space-around;
	margin-bottom:24px;
}
.appStore ul li{
	margin:0 6px;
}
/*Next visionの段組み*/
.jirei article{
	border-bottom:1px solid #E8E8E8;
}
.jirei article:last-of-type{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:25px;
}
.jirei h5{
	margin-bottom:16px;
}
.jirei li:before{
	content:"●";
}
.jirei li{
	margin:0 0 0.5rem 1rem;
	text-indent:-1rem;
}

/*お問い合わせ*/
.inquiry,.inquiry a{
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
.inquiry.lead{
	margin-top:80px;
}
.linkButton{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
/*	justify-content:center;*/
}
.linkButton li{
	position:relative;
}
.linkButton li a{
	display:block;
	box-shadow: 0 0 10px #05a0bf;
	border-radius:15px;
	background:#fff;
	padding:55px;
}
.appStore .linkButton li a{
	padding:10px 20px;
}
.linkButton li a:hover{
	opacity: .9;
}
.appStore a:hover{
	opacity: .7;
}
.linkButton li a span:after{
	content:url("/products/it/finance/ShakaiSanka-no-SUSUME/img/arrow_r.svg");
	position:relative;
	top:6px;
	left:4px;
}
.linkButton li a:hover span:after{
	left:8px;
}

/*NewsTopics*/
#newsTopics{
	padding-bottom:30px;
}
#newsTopics h2{
	margin-bottom:50px;
}
#newsTopics li{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:1.5rem;
	padding-bottom:1.5rem;
	align-items:flex-start;
	border-bottom:2px solid #E8E8E8;
}
#newsTopics li:last-child{
	border-bottom:none;

}
#newsTopics li .label{
	background:#0092B1;
	padding:1px;
	text-align:center;
}


/*影付きBOX*/
.itemBox{
	box-shadow: 0 0 10px #e5e5e5;
	border-radius:15px;
	padding:40px;
	width:100%;
	margin-bottom:40px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.itemBox .graph{
	display:inline-block;
}
.itemBox .graph:nth-of-type(2n){
	margin-left:11px;
}

/*ワイド幅背景・グレー*/
.bgWrapper{
	background:#FAFAFA;
}
.bgWrapper2{
	background-image: url("/products/it/finance/ShakaiSanka-no-SUSUME/img/bg2.png");
	background-size: cover;
	background-position:top center;
}
@media screen and (min-width: 995px) and (max-width: 1030px) {
	.susumeContainer{
		width:995px;
		padding:120px 15px !important;
	}
}
@media screen and (min-width: 995px) {
	.disp995{
		display:none;
	}
	
	#susumeHeader{
		background-image: url("/products/it/finance/ShakaiSanka-no-SUSUME/img/head2.png");
		background-position:center;
		background-size: cover;
		height:540px;
		display:flex;
		align-items:center;
	}
	#susumeHeader h1{
		min-width:1275px;
		margin:auto;
		padding-left:10%;
	}
	.susumeConcept .lead{
		width:486px;
	}
	.susumeNavi ul{
		width:995px;
	}
	.susumeContainer{
		width:995px;
		padding:120px 0;
	}
	.itemBox div .graph{
		width:calc( ( 100% - 17px ) / 2);
		justify-content:space-around;
	}
	.appStore{
		width:995px;
		margin:auto;
	}
	.susumeAreaContent{
		display:flex;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	.susumeAreaContent h3{
		margin-top:0;
	}
	.susumeAreaContent .right{
		width:49%;
	}
	#contents04 .susumeAreaContent .left{
		width:calc(51% - 29px);
		margin-left: 29px;
	}
	.appStore .left{
		width:49%;
		margin-left:2%;
	}
	.appStore .right{
		width:49%;
		align-self: flex-end;
	}
	.appStore{
		display:flex;
		align-items:center;

	}
	.linkButton li{
		width:48.5%;
	}
	.linkButton li.single{
		width:100%;
	}

	/*Next visionの段組み*/
	.jirei{
		display:flex;
		flex-wrap:wrap;
	}
	.jirei article{
		width:50%;
		padding:45px 0 35px;
	}
	.jirei article:nth-of-type(odd){
		border-left:1px solid #E8E8E8;
		padding-left:16px;
	}
	.jirei article:nth-of-type(even){
		padding-right:16px;
	}
	.jirei article:nth-last-of-type(2){
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:25px;
	}
	.jirei article.wide{
		width:100%;
		border-left:none;
		padding:0 0 35px 0;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.jirei article.wide h5{
		width:100%;
	}
	.jirei article.wide dl,.jirei article.wide ul{
		width:48%;
	}
	#newsTopics li .date{
		width:13%;
		margin-right:2%;
	}
	#newsTopics li .label{
		width:14%;
		margin-right:2%;
	}
	#newsTopics li .text{
		width:69%;
	}
}
@media screen and (max-width: 994px) {
	.disp996{
		display:none;
	}
	
	/* ここが編集部分 */
	#susumeContactHR{
		background-color: #43B584;
		display: flex;
		padding: 8px 0px;		
	}
	#susumeContactHR h2{
		width: 100%;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		font-weight: bold;
		padding: 0px 16px;
		margin: 0px auto;
		line-height: 1;
		background-image:none !important;
	}
	#susumeContactHR a{
		color: #fff;
		font-size: 14px;
		padding: 0px;
		margin: 0 auto;
		background-image:none !important;
	}
	#susumeContactHR span{
		display: initial;
		padding: initial;
		color: #fff;
		line-height: initial;
		background-color: initial;
		font-size: 16px;
	}
	/* ここまでが編集部分 */
	
	.susumeConcept .lead{
		width:486px;
	}
	.susumeContainer{
		padding:120px 15px;
	}
	.itemBox div .graph{
		width:48%;
		justify-content:space-between;
	}
	.linkButton li{
		width:48.5%;
	}
	.linkButton li.single{
		width:100%;
	}
	.jirei article{
		padding:40px 0;
	}
	.appStore .left img{
		width:100%;
	}
	#newsTopics li .date{
		min-width:120px;
		margin-right:2%;
	}
	#newsTopics li .label{
		min-width:120px;
		margin-right:2%;
	}
	#newsTopics li .text{
		width:calc(100% - 4% - 260px);
	}
}
@media screen and (max-width: 768px) {
	.susumeNavi ul li{
		width:50%;
		text-align:center;
	}
	.susumeNavi a:after{
		position:relative;
		top: 5px;
		left: 5px;
	}
	.susumeNavi a{
		display:block;
		padding:0.3rem 2rem 0.8rem 0.8rem;
		text-decoration:none;
	}
	.susumeConcept .lead{
		width:calc(100% - 30px);
		margin-left:15px;
		margin-right:15px;
	}
	.susumeContainer h2{
		font-size:0.85rem;
	}
	.susumeContainer h2 .textJp img{
		width:26px;
	}
	.linkButton li,.linkButton li.single{
		width:80%;
		margin:auto;
	}
	.linkButton li:nth-of-type(n + 2){
		margin-top:40px;
	}
	#newsTopics li .text{
		width:100%;
		margin-top:2%;
	}
	.itemBox{
		padding:27px;
	}
	.appStore{
		display:flex;
		align-items:center;
	}
	.appStore .left{
		width:51%;
		padding:0 15px 0;
	}
	.appStore .left img{
		width:100%;
	}
	.appStore .right{
		width:49%;
		align-self: flex-end;
	}
	.appStore .right img{
		width:100%;
	}
	.linkButton li,.linkButton li.single{
		width:100%;
		margin:auto;
	}

}
@media screen and (min-width: 768px) and (max-width: 995px) {
	.appStore{
		display:flex;
		align-items:center;
	}
	.appStore .title{
		margin:0 0 25px 0;
	}	
	/*.appStore .right img{
		width:73%;
	}*/
	.appStore .left{
		width:50%;
		padding:40px 15px 0 89px;
	}
	.appStore .right{
		width:50%;
		text-align:left;
		align-self: flex-end;
	}
}
@media screen and (max-width: 580px) {
	.susumeContainer h2{
		font-size:0.6rem;
	}
	.susumeContainer h2 .textJp img{
		width:18px;
	}
	.itemBox{
		padding:16px;
	}
}
@media screen and (max-width: 579px) {
	.susumeNavi ul li{
		width:100%;
		text-align:center;
	}
	.susumeNavi a:after{
		position:relative;
		top: 5px;
		left: 5px;
	}
	.itemBox div .graph{
		width:100%;
		text-align:center;
	}
	.appStore{
		display:flex;
		align-items:center;
		flex-wrap:wrap;
	}
	.appStore .right,.appStore .left{
		width:100%;
	}
	.appStore .right{
		align-self: flex-end;
	}
	.appStore .title{
		margin: 0 0 25px 0;
		padding:60px 15px 0;
	}

}

@media screen and (max-width: 400px) {
	.itemBox{
		padding:18px;
	}
}
@media screen and (max-width: 399px) {
	.linkButton li a{
		padding:30px;
	}
	.susumeConcept h2{
		font-size:2rem;
	}
}
/*IE用*/
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .itemBox .graph img{
		width:100%;
		-ms-interpolation-mode: bicubic !important;
	}
}
@media all and (max-width: 440px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, .jirei h5 img {
	width:100%;
  }
}