body{
	overflow-x: hidden;
}
.solutionIndex{
	padding:48px 15px;
	width:96%;
	max-width:1050px;
	margin:0 auto;
}

.solutionInner{
	/* display:flex;
	justify-content: flex-start;
	flex-wrap: wrap; */
}


@media(min-width:1024px){
	.childPageHeader:before{
		position:absolute;
		content:"";
		background:right / cover no-repeat url(../img/titlebg.png);
		width:100%;
		height:100%;
		right:0;
		top:0;
		bottom:0;
	}
}

/*20200514 追記分*/
div,article,section,figure{
	box-sizing: border-box;
}

.childpageHero{
	width:100%;
	text-align: center;
	color:#fff;
	padding:36px 16px;
}

.childpageHero#solutionHero{
	background-image:url(../img/bg_solution2.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
}

.childpageHero>h1{
	font-size:24px;
	font-weight:600;
	padding-bottom:10px;
}
.childpageHero>h2{
	font-size:14px;
	font-weight:600;
}
.childpageHero>p{
	font-size:12px;
	text-align: left;
}
#mainContents{
	width:100%;
	padding-left:16px;
	padding-right:16px;
	text-align: left;
}
.solutionCategories{
	position:relative;
	width:100%;
	z-index:9;
}

.solutionCategory{
	position:absolute;
}

.solutionCategory>ul{
	background:linear-gradient(90deg,#004DA1,#00A4E3);
	display: inline-block;
	border-radius:100px;
	box-shadow:3px 6px 10px rgba(0,0,0,0.16);
	margin:0;
	padding:0;
	list-style: none;
}
.solutionCategory>ul>li>a:not([class]){
	color:#fff;
	text-decoration: none;
	font-weight:600;
	font-size:12px;
	padding:8px 16px;
	display:block;
}
.solutionCategory>ul>li>ul{
	display:none;
}

#gatewaymta{
	top:22%;
	left:0;
	right:0;
	margin:auto;
	width:140px;
}

#gatewaymta>ul{
	position: relative;
}

#gatewaymta>ul:before{
	content:"";
	position:absolute;
	background-image: url("../img/sp_arrow.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
	width:5px;
	height:25px;
	transform: rotate(180deg);
	margin:auto;
	bottom:-24px;
	left:0;
	right:0;
}

#popimap{
	top:50%;
	left:0;
	margin:auto;
	width:140px;
}

#popimap>ul{
	position: relative;
}

#popimap>ul:before{
	content:"";
	position:absolute;
	background-image: url("../img/sp_arrow.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
	width:5px;
	height:25px;
	margin:auto;
	top:-24px;
	left:0;
	right:0;
}

#backend{
	top: 8%;
    right: -7%;
	margin:auto;
	width:180px;
}

#backend>ul{
	position: relative;
}

#backend>ul:before{
	content:"";
	position:absolute;
	background-image: url("../img/sp_arrow.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
	width:5px;
	height:25px;
	margin:auto;
	bottom:-24px;
	left:0;
	right:0;
	transform: rotate(180deg);
}

#mobileaccess{
	top:74%;
	right:0;
	margin:auto;
	width:130px;
}

#mobileaccess>ul{
	position: relative;
}

#mobileaccess>ul:before{
	content:"";
	position:absolute;
	background-image: url("../img/sp_arrow.png");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
	width:5px;
	height:25px;
	margin:auto;
	top:-24px;
	left:0;
	right:0;
}

#mailsystem{
	bottom:-12%;
	right:10%;
	margin:auto;
	width:140px;
}

#consulting{
	bottom:-12%;
	left:1%;
	margin:auto;
	width:140px;
}

.headdingS.fontH.solutionCategories{
	padding-top:40px;
	padding-bottom:0;
	text-align: center;
}

.solutionLineUp>h3{
	font-size:16px;
	font-weight:600;
	padding:10px 16px 10px 52px ;
	background:linear-gradient(90deg,#28BBF8,#0E69E2);
	color:#fff;
}

.solutionLineUpContainer{
	background:#EDF3FF;
	padding-bottom:50px;
}
.solutionLineUpChild{
	/* padding:10px 7px 12px; */
	display: inline-flex;
	flex-wrap: wrap;
}

.solutionLineUpChild>h4{
	font-size:15px;
	font-weight:600;
	padding-top:4px;
	margin-top:4px;
	padding-bottom:4px;
	margin-bottom:10px;
	/* border-left:8px solid #004DA1; */
	padding-left:22px;
	margin-left:.8rem;
	width:100%;
	position:relative;
}

.solutionLineUpChild>h4:before{
	position:absolute;
	content:"";
	background:center / contain no-repeat url(../img/child_arrow.png);
	width:16px;
	height:16px;
	top:7px;
	left:0px;
}

/* .solutionLineUpChild>figure{
	width:48%;
	width:48%;
	margin:10px 1% 0;
	position:relative;
} */
.solutionLineUpChild>a,.solutionLineUpChild>div{
	/* width:48%;
	margin:10px 1% 0; */
	position:relative;
}
/* 
#lu022.solutionLineUpChild>figure{
	width:100%;
} */

/* .solutionLineUpChild>figure>figcaption{
	margin:4px 2px;
	color:#404040;
} */
.solutionLineUpChild>a>h5,.solutionLineUpChild>div>h5{
	margin:4px 2px;
	color:#404040;
	font-size:1.6rem;
	font-weight:500;
	text-decoration:none;
}

/* .solutionLineUpChild>figure>a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	margin:auto;
	top:0;
	left:0;
} */

/* .solutionLineUpChild>figure>figcaption>a{
	color:#027ACC;
} */
.solutionLineUpChild>a>h5{
	color:#0272BD;
	text-decoration:underline;
}
#lu01>h3{
	position:relative;
}
#lu01>h3:before{
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	margin:auto;
	left:16px;
	top:0;
	bottom:0;
	background-image: url("../img/cat01.svg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
}

#lu02>h3{
	position:relative;
}
#lu02>h3:before{
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	margin:auto;
	left:16px;
	top:0;
	bottom:0;
	background-image: url("../img/cat02.svg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
}

#lu03>h3{
	position:relative;
}
#lu03>h3:before{
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	margin:auto;
	left:16px;
	top:0;
	bottom:0;
	background-image: url("../img/cat03.svg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
}

#lu04>h3{
	position:relative;
}
#lu04>h3:before{
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	margin:auto;
	left:16px;
	top:0;
	bottom:0;
	background-image: url("../img/cat04.svg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
}

#lu05>h3{
	position:relative;
}
#lu05>h3:before{
	position:absolute;
	content:"";
	width:30px;
	height:30px;
	margin:auto;
	left:16px;
	top:0;
	bottom:0;
	background-image: url("../img/cat05.svg");
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center;
}
.headdingS.fontH.solutionCategories{
	position:relative;
	z-index: 999;
	width:100%;
}

.headdingS.fontH.solutionCategories:after{
	position:absolute;
	content:"";
	width:100%;
	height:100px;
	background:#fff;
	top:0px;
	left:0;
	z-index:-1;
}
.solutionCategories>figure{
	text-align: center;
}

#solutionListTitle{
	margin-top:12rem;
}

@media(min-width:768px){
	.childpageHero>p{
		text-align: center;
	}
	.pageSec>p{
		text-align: center;
	}
	.solutionCategories{
		width:54%;
		margin:0 auto;
	}
	#popimap>ul:before{
		right:-34px;
	}
	#mobileaccess>ul:before{
		left: -55px;
	}
	.solutionLineUp>.solutionLineUpChild:last-child{
		padding-bottom:10px;
	}
	/* .solutionLineUpChild{
		width:49.5%;
	} */
	
}

@media(min-width:769px){
	/* #lu022.solutionLineUpChild>a,#lu022.solutionLineUpChild>div{
		width:100%;
	} */
}

@media(min-width:1024px){
	#solutionListTitle{
		margin-top:24rem;
	}
	.solutionCategories{
		width:100%;
		max-width:1050px;
		margin:0 auto;
	}
	.solutionCategories>figure{
		width:50%;
		max-width:440px;
		margin:0 auto;
	}
	.solutionCategory>ul>li>ul{
		display:block;
		padding:16px 26px 16px 40px;
	}
	.solutionCategory>ul{
		background:#f3f3f3;
		border-radius:0px;
		width:100%;
	}
	.solutionCategory>ul>li{
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.solutionCategory{
		width:300px !important;
	}
	.solutionCategory>ul>li>a:not([class]){
		font-size:1.7rem;
		background:linear-gradient(90deg,#28BBF8,#0E69E2);
		text-align: center;
		/* border-top-left-radius: 10px;
		border-top-right-radius: 10px; */
	}
	.solutionCategory>ul>li>ul>li{
		position:relative;
	}
	.solutionCategory>ul>li>ul>li:before{
		position:absolute;
		content:"";
		width:15px;
		height:15px;
		background-image: url("../img/child_arrow.png");
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		margin:auto;
		left:-20px;
		/* top:-3px; */
		top:3px;
		bottom:0;
	}
	.solutionCategory>ul>li>ul>li>a:not([class]){
		font-size:1.6rem;
		padding:2px;
		display:block;
		color:#404040;
	}
	#gatewaymta{
		right:initial;
		right:auto;
		top: 12%;
	}
	#popimap{
		top: 68%;
	}
	#mobileaccess{
		top:52%;
	}
	#consulting{
		left:0;
		/* bottom:-45%; */
		/* bottom:-53%; */
		bottom:-61%;
	}
	#mailsystem{
		right:0;
		bottom: -31%;
	}
	#backend{
		right:0;
	}
	#mobileaccess {
		top:64%;
	}
	#gatewaymta>ul:before{
		width:78.4px;
		height:85.5px;
		background-image: url("../img/pc_cat01arrow.png");
		transform:rotate(0deg);
		bottom:initial;
		bottom:auto;
		top:26px;
		left:initial;
		left:auto;
		right:-68px;
	}
	#popimap>ul:before{
		width:150.8px;
		height:58.3px;
		background-image: url("../img/pc_cat02arrow.png");
		right: -440px;
	}
	#backend>ul:before{
		width:80.8px;
		height:53px;
		background-image: url("../img/pc_cat03arrow.png");
		transform: rotate(0deg);
		right:initial;
		right:auto;
		bottom:initial;
		bottom:auto;
		top:28px;
		left:-70px;
	}
	#mobileaccess>ul:before{
		width:82px;
		height:40px;
		background-image: url("../img/pc_cat04arrow.png");
		transform: rotate(0deg);
		right:initial;
		right:auto;
		left: -76px;
		top:-10px;
	}
	.mailsystem>ul{
		position:relative;
	}
	#mailsystem>ul:before{
		position:absolute;
		content:"";
		width:94px;
		height:26px;
		background-image: url("../img/pc_cat05arrow.png");
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		top:0;
		left:-80px;
	}
	#consulting>ul{
		position:relative;
	}
	#consulting>ul:before{
		content:"";
		position:absolute;
		width:150.8px;
		height:58.3px;
		background-image: url("../img/pc_cat02arrow.png");
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		/* right: -40px; */
		z-index:-1;
		right: -100px;
        top: -30px;
        transform: rotate(-20deg);
	}
	.solutionLineUpContainer{
		width:100%;
		max-width:1050px;
		margin:0 auto;
	}
	/* .solutionLineUpChild{
		padding:30px 7px 30px;
	} */
	/* #lu023{
		width:24.5%;
		padding:0;
	}
	#lu022{
		padding-left:7px;
	}
	#lu023>a{
		width:100%;
	} */
	.childpageHero{
		padding:60px 0;
	}
	.solutionLineUp>h3{
		font-size:2rem;
	}
	.solutionLineUpChild>h4{
		font-size:1.6rem;
	}
	.childpageHero>h1{
		font-size:3.6rem;
	}
	.childpageHero>h2{
		font-size:2rem;
	}
	.childpageHero>p{
		font-size:1.5rem;
	}
	.headdingS.fontH.solutionCategories:after{
		height:110px;
		top:-13px;
	}
}

/*アンカーリンク調整*/
/* .solutionLineUpChild{
	margin-top:-100px;
	padding-top:110px
}

.solutionLineUp{
	margin-top:-70px;
	padding-top:100px;
} */

@media(min-width:1024px){
	.solutionLineUpChild{
		/* margin-top:-100px;
		padding-top:130px; */
	}
}

@media(min-width:769px){
	/* #lu021{
		flex-direction: column;
		width:24.3%;
	}
	
	#lu021 > a{
		width:100%;
	}

	#lu021.solutionLineUpChild > div{
		width:100%;
	}
	
	#lu022{
		width:24.3%;
	}
	
	#lu023{
		width:24.3%;
	}
	
	#lu032,#lu034{
		width:24.5%;
	}
	
	#lu032 > a,#lu034 > a{
		width:100%;
	} */
}

/* @media(max-width:768px){
	#lu023{
		width:49.5%;
	}
	#lu023 > a{
		width:48%;
	}
	#lu021{
		width:49.5%;
		flex-direction: row;
	}
	#lu022{
		width:49.5%;
	}
	#lu021 > a{
		width:48%;
	}
} */

@media(max-width:480px){
	/* #lu021{
		width:100%;
	}
	#lu022{
		width:100%;
	}
	#lu023{
		width:100%;
	}
	.solutionIndex{
		width:100%;
	} */
}
/* 
#lu051{
	width:100%;
} */

@media(min-width:1024px){
	/* #lu051{
		width:100%;
	}
	#lu051>a{
		width:23.3%;
		margin: 10px .7% 0;
	} */
	/* #lu051{
		width:74%;
	}
	#lu051>a{
		width:31.9%;
		margin: 10px .7% 0;
	}
	#lu052{
		width:25%;
	}
	#lu052 > a{
		width:100%;
	} */
}

@media(min-width:481px) and (max-width:1023px){
	/* .solutionLineUpChild{
		width:100%;
	}
	.solutionLineUpChild>a picture, .solutionLineUpChild>div picture{
		display:block;
		width:100%;
	}
	.solutionLineUpChild>a picture img, .solutionLineUpChild>div picture img{
		width:100%;
	} */
	/* #lu022{
		width:100%;
	} */
	
}

@media(min-width:769px) and (max-width:1023px){
	/* #lu021,#lu022,#lu023{
		width:49%;
		margin-left:.8%;
	} */
	/* #lu021 a,#lu021 div,#lu022 a,#lu023 a{
		margin-left:1.4%;
		width:100%;
	} */
	/* #lu022{
		margin-left:1%;
	} */
	/* #lu023.solutionLineUpChild>a{
		width:100%;
	}
	#lu032, #lu034{
		width:49.3%;
	} */
	/* #lu051>a{
		width:48.3%;
	} */
}
.solutionLineUp > .solutionLineUpChild:last-of-type{
	margin-bottom:3.2rem;
}
.solutionLineUpChild{
	width:100%;
}

.solutionLineUpChild>a, .solutionLineUpChild>div{
	width:50%;
	padding: 0 .4rem;
}
.solutionLineUpChild>a>h5, .solutionLineUpChild>div>h5{
	font-size:1.3rem;
}

.solutionLineUpChild img{
	width:100%;
}


@media(min-width:900px){
	.solutionLineUp > .solutionLineUpChild:last-of-type{
		margin-bottom:.8rem;
		padding-bottom:0;
	}
	.solutionLineUp{
		display:flex;
		flex-wrap:wrap;
	}
	.solutionLineUp>h3{
		width:100%;
		margin-bottom:1.6rem;
	}
	.solutionLineUpChild>a>h5, .solutionLineUpChild>div>h5{
		font-size:1.6rem;
	}
	.solutionLineUpChild{
		width:50%;
		display:flex;
		align-items:flex-start;
		align-content: flex-start;
		margin-bottom:.8rem;
	}
	.solutionLineUpChild>a, .solutionLineUpChild>div{
		margin-bottom:.8rem;
	}

	/* #lu022,#lu023,#lu032,#lu034{
		width:25%;
	}
	#lu022.solutionLineUpChild>a,#lu022.solutionLineUpChild>div,#lu023.solutionLineUpChild>a,#lu023.solutionLineUpChild>div,#lu032.solutionLineUpChild>a,#lu034.solutionLineUpChild>a,#lu032.solutionLineUpChild>div,#lu034.solutionLineUpChild>div{
		width:100%;
	} */
	#lu032{
		width:25%;
	}
	#lu032.solutionLineUpChild>a,#lu032.solutionLineUpChild>div{
		width:100%;
	}
	#lu051{
		/* width:75%; */
		width:100%;
	}
	#lu051.solutionLineUpChild>a,#lu051.solutionLineUpChild>div{
		/* width:33.3%; */
		width:25%;
	}
	#lu052{
		width:100%;
	}
	#lu052.solutionLineUpChild>a,#lu052.solutionLineUpChild>div{
		width:25%;
	}
}

.anker{
	margin-top:-10rem;
	padding-top:10rem;
}
.solution-anchor{
	margin-top:-10rem;
	padding-top:10rem;
	z-index:-100;
}