@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.headLine01 {
	padding: 6px 0 21px;
	background: #EF0009;
}
#main .mainImg {
	margin: -54px 0 -13px;
}
#main .mainImg img {
	width: 100%;
}
#main .headLine02 {
	padding: 65px 0 16px;
	font-size: 6rem;
	line-height: 1.318;
}
#main .topBox {
	padding: 110px 0 66px;
	background: url("../../img/other_service/ts3card/bg01.jpg") no-repeat bottom center /cover;
}
#main .use {
	padding: 101px 0 131px;
	background-color: #FFF6CD;
}
#main .use .headLine02 {
	padding: 55px 0 42px;
}
#main .use ul {
	margin: 0 auto;
	max-width: 1146px;
}
#main .use ul li {
	width: 544px;
}
#main .use ul li img {
	width: 100%;
}
#main .life {
	padding: 96px 0 113px;
	background-color: #FFECE6;
}
#main .life .headLine02 {
	padding: 54px 0 25px;
}
#main .life .text {
	margin-bottom: 69px;
	text-align: center;
	font-size: 2.5rem;
	font-weight: 700;
}
#main .life .photoUl {
	margin: -80px auto 119px;
	max-width: 1144px;
}
#main .life .photoUl li {
	margin-top: 80px;
	width: 544px;
}
#main .life .pay {
	padding: 35px 5px 29px;
	max-width: 1144px;
	margin: 0 auto 9px;
	background-color: #fff;
	box-sizing: border-box;
}
#main .life .pay .ttl {
	margin-bottom: 24px;
	text-align: center;
}
#main .life .pay .ttl span {
	min-width: 650px;
	padding: 14px 5px;
	color: #fff;
	font-size: 2.685rem;
	display: inline-block;
	background-color: #FF8282;
	border-radius: 30px;
	box-sizing: border-box;
}
#main .life .pay .pho {
	max-width: 967px;
	margin: 0 auto 5px;
}
#main .life .note {
	font-size: 1.482rem;
	line-height: 1.4;
	max-width: 1144px;
	margin: 0 auto 130px;
}
#main .life .btnUl {
	text-align: center;
}
#main .life .btnUl li {
	margin: 0 29px;
	width: 472px;
}
@media all and (max-width: 896px) {
	.headLine01 {
		padding: 9px 19px 23px;
	}
	#main .mainImg {
		margin: -43px 0 -13px;
	}
	#main .headLine02 {
		padding: 55px 0 16px;
		font-size: 3.8rem;
		line-height: 1.44;
		letter-spacing: -0.05em;
	}
	#main .topBox {
		padding: 50px 0 33px;
	}
	#main .topBox .headLine02 {
		margin-bottom: 0;
	}
	#main .use {
		padding: 31px 0 21px;
	}
	#main .use .headLine02 {
		margin-bottom: 38px;
		padding: 51px 0 0;
		font-size: 3.4rem;
	}
	#main .use ul {
		margin: 0 0 0 3px;
		max-width: inherit;
		display: block;
	}
	#main .use ul li {
		margin-bottom: 34px;
		width: auto;
	}
	#main .use ul li:last-child {
		margin-bottom: 0;
	}
	#main .life {
		padding: 32px 0 11px;
	}
	#main .life .headLine02 {
		margin-bottom: 3px;
		padding: 36px 0 0;
		font-size: 3.4rem;
	}
	#main .life .text {
		margin-bottom: 41px;
		font-size: 2rem;
		line-height: 1.4;
	}
	#main .life .photoUl {
		margin: 0 0 47px 3px;
		display: block;
	}
	#main .life .photoUl li {
		width: auto;
		margin: 0 0 44px;
	}
	#main .life .photoUl li:last-child {
		margin-bottom: 0;
	}
	#main .life .photoUl li img {
		width: 100%;
	}
	#main .life .pay {
		padding: 24px 17px 27px;
		margin: 0 0 11px 3px;
	}
	#main .life .pay .ttl {
		margin-bottom: 49px;
	}
	#main .life .pay .ttl span {
		padding: 11px 5px 12px;
		font-size: 2.09rem;
		min-width: inherit;
		width: 100%;
	}
	#main .life .pay .pho {
		margin: 0 auto;
		width: 480px;
	}
	#main .life .note {
		margin: 0 30px 62px;
		max-width: inherit;
		font-size: 1.35rem;
		line-height: 1.384;
	}
	#main .life .btnUl li {
		margin: 0 0 30px;
		width: auto;
	}
	#main .life .btnUl {
		margin: 0 0 0 3px;
	}
}
@media all and (min-width: 897px) and (max-width: 1400px) {
	.content {
		max-width: 1180px !important;
	}
}
@media all and (max-width: 575px) {
	#main .life .pay .pho {
		width: auto;
	}
	#main .mainImg {
		margin-top: -20px;	
	}
}