@charset "UTF-8";
/*----------------------------------------

	- content
		+ innerBox
			- innerBox

-----------------------------------------*/

/*----------------------------------------
	pageTitle
-----------------------------------------*/

#pageTitle {
	height: 500px;
	background: transparent url(../img/c_support_tit01.jpg) no-repeat center center;
	background-size: cover;
}

.pageTitle_inner {
	width: 1100px;
	padding: 260px 0 0;
	margin: 0 auto;
	text-align: right;
}

.pageTitle_inner>span {
	display: block;
	letter-spacing: 0.2rem;
}

.pageTitle_inner>span.pageTitle_eng {
	color: #242c3e;
	letter-spacing: -0.3rem;
	opacity: .3;
}

@media screen and (max-width: 767px) {
	#pageTitle {
		height: 48vw;
		background: transparent url(../img/c_support_tit01_sp.jpg) no-repeat center center;
		background-size: cover;
	}

	.pageTitle_inner {
		width: 89.3vw;
		padding: 29.8vw 0 0;
	}

	.pageTitle_inner>span {
		margin-right: -3px;
		letter-spacing: 0.3rem;
	}

	.pageTitle_inner>span.pageTitle_eng {
		margin: 1px -1px 0 0;
		color: #242c3e;
		letter-spacing: -0.1rem;
		opacity: .4;
	}
}

/*----------------------------------------
	innerBox
-----------------------------------------*/
#innerBox {
	margin-top: -120px;
}

@media screen and (max-width: 767px) {
	#innerBox {
		margin-top: 0;
	}
}

/*----------------------------------------
	box01
-----------------------------------------*/
#box01 {
	padding-top: 30px;
	background-color: #fff;
}

#box01>p {
	width: 90%;
	margin: 0 auto;
}

@media (max-width: 767px) {
	#box01 {
		padding-top: 40px;
	}

	#box01>p {
		width: auto;
		text-align: left;
	}

	#box01 br.del {
		display: none;
	}
}

/*----------------------------------------
	box02
-----------------------------------------*/
#box02 > div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 980px;
	margin: 0 auto;
}

#box02 div section {
	background-color: #0086cd;
	box-sizing: border-box;
}
#box02 div section:nth-of-type(n+3) {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#box02 div section:nth-of-type(1) {
	width: 485px;
	padding: 157px 30px 29px;
	background-image: url(../img/i_support_icon01.png);
	background-repeat: no-repeat;
	background-position: center top 30px;
	background-size: 105px auto;
}

#box02 div section:nth-of-type(1) dl {
	margin-top: 22px;
	padding: 17px 29px 27px;
	background-color: #339ed7;
}

#box02 div section:nth-of-type(1) dl dt {
	margin-bottom: 12px;
}

#box02 div section:nth-of-type(1) dl dd::before {
	content: '・';
	display: inline;
}

#box02 div section:nth-of-type(1) p {
	width: 212px;
	margin: 29px auto 0;
}

#box02 div section:nth-of-type(2) {
	width: 485px;
	padding: 157px 30px 29px;
	background-image: url(../img/i_support_icon02.png);
	background-repeat: no-repeat;
	background-position: center top 42px;
	background-size: 90px auto;
}

#box02 div section:nth-of-type(2) p:nth-of-type(1) {
	width: 360px;
	margin: 49px auto 0;
}

#box02 div section:nth-of-type(2) p+p {
	width: 360px;
	margin: 56px auto 0;
}

#box02 div section:nth-of-type(3) {
	width: 485px;
	margin-top: 11px;
	padding: 162px 30px 29px;
	background-image: url(../img/i_support_icon03.png);
	background-repeat: no-repeat;
	background-position: center top 34px;
	background-size: 93px auto;
}

#box02 div section:nth-of-type(3) p:nth-of-type(1) {
	margin-top: 36px;
}

#box02 div section:nth-of-type(3) p+p {
	width: 212px;
	margin: 48px auto 0;
}

#box02 div section:nth-of-type(4) {
	width: 485px;
	margin-top: 11px;
	padding: 144px 30px 29px;
	background-image: url(../img/i_support_icon04.png);
	background-repeat: no-repeat;
	background-position: center top 35px;
	background-size: 89px auto;
}

#box02 div section:nth-of-type(4) p:nth-of-type(1) {
	margin-top: 20px;
}

#box02 div section:nth-of-type(4) p+p {
	width: 212px;
	margin: 25px auto 0;
}

#box02 div section:nth-of-type(5) {
	width: 320px;
	margin-top: 11px;
	padding: 161px 30px 29px;
	background-image: url(../img/i_support_icon05.png);
	background-repeat: no-repeat;
	background-position: center top 35px;
	background-size: 88px auto;
}

#box02 div section:nth-of-type(5) p:nth-of-type(1) {
	margin-top: 36px;
}

#box02 div section:nth-of-type(5) p+p {
	width: 212px;
	margin: 48px auto 0;
}

#box02 div section dl+p a,
#box02 div section p+p a {
	height: 50px;
	padding: 10px 20px;
    background-position: right 9px center;
}

#box02 div section:nth-of-type(2) p+p a {
	height: 70px;
}
#box02 div section p.btn.btn-tile a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
}

@media (max-width: 767px) {
	#box02 > div {
		display: block;
		width: 89.3vw;
	}

	#box02 div section:nth-of-type(1) {
		width: 100%;
		padding: 157px 30px 29px;
		background-image: url(../img/i_support_icon01.png);
		background-repeat: no-repeat;
		background-position: center top 30px;
		background-size: 105px auto;
	}

	#box02 div section:nth-of-type(2) {
		width: 100%;
		margin-top: 11px;
		padding: 157px 30px 29px;
		background-image: url(../img/i_support_icon02.png);
		background-repeat: no-repeat;
		background-position: center top 42px;
		background-size: 90px auto;
	}

	#box02 div section:nth-of-type(3) {
		width: 100%;
		margin-top: 11px;
		padding: 162px 30px 29px;
		background-image: url(../img/i_support_icon03.png);
		background-repeat: no-repeat;
		background-position: center top 34px;
		background-size: 93px auto;
	}

	#box02 div section:nth-of-type(4) {
		width: 100%;
		margin-top: 11px;
		padding: 144px 30px 29px;
		background-image: url(../img/i_support_icon04.png);
		background-repeat: no-repeat;
		background-position: center top 35px;
		background-size: 89px auto;
	}

	#box02 div section:nth-of-type(5) {
		width: 100%;
		margin-top: 11px;
		padding: 161px 30px 29px;
		background-image: url(../img/i_support_icon05.png);
		background-repeat: no-repeat;
		background-position: center top 35px;
		background-size: 88px auto;
	}

	#box02 div section:nth-of-type(1) dl {
		padding: 17px 20px 25px;
	}

	#box02 div section:nth-of-type(1) dl dd {
		margin-top: 20px !important;
	}

	#box02 div section:nth-of-type(1) dl dd+dd {
		margin-top: 17px !important;
	}

	#box02 div section p {
		width: 100% !important;
	}

	#box02 div section p.btn {
		margin-top: 30px !important;
	}

	#box02 div section p.btn a {
		height: 50px !important;
	}
}