@charset "utf-8";

.header .gNavi {
	background: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .gNaviBg {
	background: #1F5CCD;
}
.header .gNavi .naviUl {
	border-color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.header .gNaviBg .naviUl {
	border-color: #1F5CCD;
}
.header .gNavi > ul > .li05 > a:before {
	visibility: visible;
	opacity: 1;
}
#container {
	padding: 100px 0 0;
}
.main .mainBox {
	padding: 305px 0 120px;
	background: url("../images/solution/zd_bg.png") no-repeat center top;
	background-size: cover;
}
.main .mainBoxTg {
	background-image: url("../images/solution/tg_bg.png");
}
.main .mainBoxMg {
	background-image: url("../images/solution/mg_bg.png");
}
.main .mainBox .title {
	margin-bottom: 285px;
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0px 8px 20px rgba(255,120,20,0.3);
}
.main .mainBoxTg .title {
	text-shadow: 0px 8px 20px rgba(0,90,255,0.3);
}
.main .mainBoxMg .title {
	text-shadow: 0px 8px 20px rgba(30,200,120,0.3);
}
.main .mainBox .textBox {
	margin-bottom: 180px;
	padding: 93px 40px;
	position: relative;
	border-radius: 16px;
	background: rgba(0,0,0,0.2);
	backdrop-filter: blur(30px);
}
.main .mainBox .textBox02 {
	margin-bottom: 0 !important;
	padding: 140px 40px 120px;
}
.main .mainBox .textBox img.pos {
	position: absolute;
	left: 0;
	top: 0;
}
.main .mainBox .textBox img.pos02 {
	left: auto;
	right: 0;
}
.main .mainBox .textBox img.pos03 {
	top: auto;
	bottom: 0;
}
.main .mainBox .textBox img.pos04 {
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
}
.main .mainBoxTg .textBox img.pos03 {
	left: 40px;
}
.main .mainBoxTg .textBox img.pos04 {
	right: 40px;
}
.main .mainBox .textBox .ttl {
	padding: 0 80px;
	position: absolute;
	left: 50%;
	top: -60px;
	color: #fff;
	font-size: 48px;
	font-weight: bold;
	line-height: 120px;
	text-align: center;
	background: #EFB300;
	border-radius: 60px;
	box-sizing: border-box;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.main .mainBoxTg .textBox .ttl {
	background: #FF9C00;
}
.main .mainBoxMg .textBox .ttl {
	background: #1EC878;
}
.main .mainBox .textBox .text {
	min-height: 615px;
	position: relative;
	color: #fff;
	font-size: 20px;
	white-space: pre-line;
}
.main .mainBox .textBox .listUl {
	margin: 0 -19px;
	display: flex;
	position: relative;
}
.main .mainBox .textBox .listUl li {
	padding: 0 19px;
	width: 33.33%;
	box-sizing: border-box;
	color: #fff;
}
.main .mainBox .textBox .listUl li img {
	margin-bottom: 16px;
	width: 100%;
	height: 320px;
	object-fit: cover;
	display: block;
}
.main .mainBox .textBox .listUl li span {
	margin-bottom: 8px;
	display: block;
	font-size: 32px;
	font-weight: bold;
}

@media all and (min-width: 1240px) {
	
}

@media all and (min-width: 750px) and (max-width: 1239px) {
	#container {
		padding-top: 80px;
	}
	.main .mainBox {
		padding: 80px 0;
		background-image: url("../images/solution/zd_sp_bg.png");
	}
	.main .mainBoxTg {
		background-image: url("../images/solution/tg_sp_bg.png");
	}
	.main .mainBoxMg {
		background-image: url("../images/solution/mg_sp_bg.png");
	}
	.main .mainBox .title {
		margin-bottom: 120px;
		font-size: 48px;
		text-shadow: 0px 8px 20px rgba(255,120,20,0.3);
	}
	.main .mainBox .textBox {
		margin-bottom: 80px;
		padding: 74px 20px;
		border-radius: 16px;
	}
	.main .mainBox .textBox02 {
		padding-bottom: 36px;
	}
	.main .mainBox .textBox .pos {
		width: 120px;
	}
	.main .mainBoxTg .textBox .pos {
		width: 240px;
	}
	.main .mainBoxTg .textBox img.pos04 {
		right: 0;
	}
	.main .mainBoxMg .textBox img.pos03 {
		width: 100%;
	}
	.main .mainBox .textBox .ttl {
		padding: 0 80px;
		top: -40px;
		font-size: 28px;
		line-height: 80px;
	}
	.main .mainBox .textBox .text {
		min-height: inherit;
		font-size: 28px;
	}
	.main .mainBox .textBox .listUl {
		display: block;
	}
	.main .mainBox .textBox .listUl li {
		padding-bottom: 40px;
		width: auto;
		font-size: 24px;
	}
	.main .mainBox .textBox .listUl li .subBox {
		display: flex;
		align-items: center;
	}
	.main .mainBox .textBox .listUl li img {
		margin: 0 24px 0 0;
		width: 240px;
		height: 180px;
	}
	.main .mainBox .textBox .listUl li p {
		min-width: 1px;
		flex: 1;
	}
	.main .mainBox .textBox .listUl li span {
		margin-bottom: 8px;
		font-size: 28px;
	}
}


@media all and (min-width: 0) and (max-width: 749px) {
	#container {
		padding-top: 40px;
	}
	.main .mainBox {
		padding: 41px 0 40px;
		background-image: url("../images/solution/zd_sp_bg.png");
	}
	.main .mainBoxTg {
		background-image: url("../images/solution/tg_sp_bg.png");
	}
	.main .mainBoxMg {
		background-image: url("../images/solution/mg_sp_bg.png");
	}
	.main .mainBox .title {
		margin-bottom: 60px;
		font-size: 24px;
		text-shadow: 0px 4px 10px rgba(255,120,20,0.3);
	}
	.main .mainBox .textBox {
		margin-bottom: 40px;
		padding: 37px 10px;
		border-radius: 8px;
	}
	.main .mainBox .textBox02 {
		padding-bottom: 18px;
	}
	.main .mainBox .textBox .pos {
		width: 60px;
	}
	.main .mainBoxTg .textBox .pos {
		width: 120px;
	}
	.main .mainBoxTg .textBox img.pos04 {
		right: 0;
	}
	.main .mainBoxMg .textBox img.pos03 {
		width: 100%;
	}
	.main .mainBox .textBox .ttl {
		padding: 0 38px;
		top: -20px;
		font-size: 14px;
		line-height: 40px;
	}
	.main .mainBox .textBox .text {
		min-height: inherit;
		font-size: 14px;
	}
	.main .mainBox .textBox .listUl {
		display: block;
	}
	.main .mainBox .textBox .listUl li {
		padding-bottom: 20px;
		width: auto;
		font-size: 12px;
	}
	.main .mainBox .textBox .listUl li .subBox {
		display: flex;
		align-items: center;
	}
	.main .mainBox .textBox .listUl li img {
		margin: 0 12px 0 0;
		width: 120px;
		height: 90px;
	}
	.main .mainBox .textBox .listUl li p {
		min-width: 1px;
		flex: 1;
	}
	.main .mainBox .textBox .listUl li span {
		margin-bottom: 4px;
		font-size: 14px;
	}
}