@charset "UTF-8";
/* CSS Document */
.serviceBox01 .inner {
	padding: 100px 1% 60px;
}
.serviceBox01 .inner .txtArea {
	padding: 0 0 50px;
	text-align: center;
}
.serviceBox01 .inner .txtArea .txt {
	padding: 50px 0;
	text-align: left;
	line-height: 1.6;
	font-weight: bold;
}
.serviceBox01 .inner .support .ttl {
	font-size: 20px;
	line-height: 40px;
	font-weight: bold;
	color: #1D1939;
	padding-left: 10px;
	border-left: 8px solid #1D1939;
}
.serviceBox01 .inner .support01 .itemArea {
	padding: 40px 0;
	overflow: hidden;
}
.serviceBox01 .inner .support01 .itemArea .left {
	float: left;
	width: 20%;
}
.serviceBox01 .inner .support01 .itemArea .left .ttl_l {
	display: inline-block;
	margin-top: 200px;
	padding: 44px 20px;
	font-size: 25px;
	color: #fff;
	font-weight: bold;
	line-height: 1.4;
	background-color: #1D193A;
}
.serviceBox01 .inner .support01 .itemArea .right {
	float: right;
	width: 80%;
}
.serviceBox01 .inner .support01 .itemArea .right .item {
	display: flex;
	justify-content: flex-start;
	padding-bottom: 30px;
}
.serviceBox01 .inner .support01 .itemArea .right .item02 {
	padding-left: 10%;
}
.serviceBox01 .inner .support01 .itemArea .right .item03 {
	padding-left: 20%;
}
.serviceBox01 .inner .support01 .itemArea .right .item .step {
	width: 40%;
	text-align: center;
}

.serviceBox01 .inner .support01 .itemArea .right .item .desc {
	margin-left: 3%;
}
.serviceBox01 .inner .support01 .itemArea .right .item .desc ul {
	padding: 50px 0 42px;
}
.serviceBox01 .inner .support01 .itemArea .right .item .desc ul li {
	padding-bottom: 8px;
	font-size: 17px;
	font-weight: bold;
	color: #1D1939;
}
.serviceBox01 .inner .support02 .itemArea {
	padding: 40px 0;
}
.serviceBox01 .inner .support02 .itemArea ul {
	overflow: hidden;
}
.serviceBox01 .inner .support02 .itemArea ul li {
	float: left;
	margin: 0 100px;
	font-size: 17px;
	font-weight: bold;
	color: #1D1939;
}
.serviceBox01 .inner .support02 .itemArea .btn {
	margin-top: 35px;
	text-align: center;
}
.serviceBox01 .inner .support02 .itemArea .btn a {
	padding: 10px 2em 10px 3em;
	border-radius: 20px;
	border: 2px solid #1D1A3B;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	background-color: #1D1A3B;
	color: #FFF;
	position: relative;
}
.serviceBox01 .inner .support02 .itemArea .btn a span {
	font-weight: bold;
}
.serviceBox01 .inner .support02 .itemArea .btn a:hover {
	background-color: #FFF;
	color: #1D1A3B;
}
.serviceBox01 .inner .support02 .itemArea .btn a:before {
	position: absolute;
	content: "▶";
	top: 10px;
	left: 1em;
	color: #FFF;
	font-size: 14px;
	line-height: 1.5;
}
.serviceBox01 .inner .support02 .itemArea .btn02 {
	margin-top: 35px;
	text-align: center;
}
.serviceBox01 .inner .support02 .itemArea .btn02 a {
	padding: 10px 2em 10px 3em;
	border-radius: 20px;
	border: 2px solid #eea21b;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;
	background-color: #eea21b;
	color: #1D1A3B;
	position: relative;
}
.serviceBox01 .inner .support02 .itemArea .btn02 a span {
	font-weight: bold;
}
.serviceBox01 .inner .support02 .itemArea .btn02 a:hover {
	background-color: #FFF;
	color: #1D1A3B;
}
.serviceBox01 .inner .support02 .itemArea .btn02 a:before {
	position: absolute;
	content: "▶";
	top: 10px;
	left: 1em;
	color: #FFF;
	font-size: 14px;
	line-height: 1.5;
}
.serviceBox02 {
	background-color: #F2F2F2;
}
.serviceBox02 .inner {
	padding: 60px 1%;
}
.serviceBox02 .inner .ttl {
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	background-color: #1D1A3B;
}
.serviceBox02 .inner .item {
	padding: 30px 1% 15px;
}
.serviceBox02 .inner .item .ttl_s {
	font-size: 17px;
	line-height: 34px;
	font-weight: bold;
	color: #1D1939;
	padding-left: 10px;
	border-left: 8px solid #1D1939;
}
.serviceBox02 .inner .item ul {
	overflow: hidden;
	padding-top: 15px;
}
.serviceBox02 .inner .item .list01 {
	padding-left: 15px;
}
.serviceBox02 .inner .item .list02 {
	padding-left: 50px;
}
.serviceBox02 .inner .item ul li {
	float: left;
	width: 33%;
	margin: 5px 0;
}
.serviceBox02 .inner .item ul li:nth-child(3n+1) {
	clear: both;
}

@media screen and (max-width: 1050px) {
	.serviceBox01 .inner .support01 .itemArea .left .ttl_l {
		font-size: 18px;
		padding: 39px 15px;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item .desc ul li {
		font-size: 14px;
		line-height: 1.2;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item02 {
		padding-left: 0;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item03 {
		padding-left: 0;
	}
	.serviceBox02 .inner .item ul li {
		letter-spacing: 0;
		line-height: 1.3;
	}
}

@media screen and (max-width: 768px) {
	.serviceBox01 .inner {
		padding: 50px 5vw 30px;
	}
	.serviceBox01 .inner .txtArea {
		padding: 0 0 0;
	}
	.serviceBox01 .inner .txtArea .txt {
		padding: 30px 0 50px;
		font-size: 4vw;
	}
	.serviceBox01 .inner .support .ttl {
		font-size: 5vw;
		line-height: inherit;
	}
	.serviceBox01 .inner .support01 .itemArea {
		padding: 30px 0 40px;
	}
	.serviceBox01 .inner .support01 .itemArea .left {
		float: none;
		width: 100%;
	}
	.serviceBox01 .inner .support01 .itemArea .left .ttl_l {
		display: block;
		margin-top: 0;
		margin-bottom: 20px;
		padding: 20px 0;
		font-size: 4.3vw;
		text-align: center;
	}
	.serviceBox01 .inner .support01 .itemArea .right {
		float: none;
		width: 100%;
		padding: 0 2vw;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item {
		display: block;
		padding-bottom: 25px;
		padding-top: 20px; 
	}
	.serviceBox01 .inner .support01 .itemArea .right .item02 {
		padding-left: 0;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item03 {
		padding-left: 0;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item .step {
		width: 40%;
		margin: 0 auto;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item .desc {
		margin-left: 0;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item .desc ul {
		padding: 30px 0 0;
	}
	.serviceBox01 .inner .support01 .itemArea .right .item .desc ul li {
		font-size: 4vw;
	}
	.serviceBox01 .inner .support02 .itemArea {
		padding: 30px 0;
	}
	.serviceBox01 .inner .support02 .itemArea ul {
		padding: 0 2vw;
	}
	.serviceBox01 .inner .support02 .itemArea ul li {
		float: left;
		width: 50%;
		margin: 0 0;
		font-size: 4vw;
	}
	.serviceBox02 .inner {
		padding: 40px 5vw 30px;
	}
	.serviceBox02 .inner .ttl {
		display: block;
		margin-top: 0;
		margin-bottom: 20px;
		padding: 20px 0;
		font-size: 4.3vw;
		text-align: center;
	}
	.serviceBox02 .inner .item {
		padding: 10px 2vw 15px;
	}
	.serviceBox02 .inner .item .ttl_s {
		font-size: 4vw;
		line-height: inherit;
	}
	.serviceBox02 .inner .item .list01 {
		padding-left: 0;
	}
	.serviceBox02 .inner .item .list02 {
		padding-left: 0;
	}
	.serviceBox02 .inner .item .list03 li {
		float: none;
		width: 100%
	}
	.serviceBox02 .inner .item ul li {
		float: left;
		width: 50%;
		margin: 5px 0;
		font-size: 3.2vw;
	}
	.serviceBox02 .inner .item ul li:nth-child(3n+1) {
		clear: none;
	}
}

@media screen and (max-width: 350px) {
.serviceBox01 .inner .support02 .itemArea .btn a,
.serviceBox01 .inner .support02 .itemArea .btn02 a {
	font-size: 13px;
}
}