/*-----
* lower-style.css ver1.0.0
-----*/
/***** box6 *****/
.box6{
	
}
.box6>.inner{
	
}
.box6 .block1{
	width: 80%;
	margin: 0 auto 60px;
}
.box6 .block1.mb-clear{
	margin: 0 auto 0px;
}
.box6 .block1.w-70{
	width: 70%;
}
.box6 .block1>.wrap{
	
}
.box6 .block1>.wrap>.title{
	
}
.box6 .block1>.wrap>.title>.t1{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.7em;
	background-color: var(--key-color-3);
	color: #fff;
	padding: 5px 10px;
}
.box6 .block1>.wrap>.title>.t1.w-limit{
	display: inline-block;
}
.box6 .block1>.wrap>.text{
	
}
.box6 .block1>.wrap>.text>.t1{
	
}
.box6 .block1>.wrap>.text>.t1>li{
	font-size: 16px;
	line-height: 2em;
	text-indent: -3em;
	padding-left: 3em;
}
.box6 .block1>.wrap>.text>.t1>li:not(:last-child){
	margin-bottom: 10px;
}
.box6 .block1>.wrap>.text>.t2{
	font-size: 16px;
	line-height: 2em;
}
.box6 .block1>.wrap>.text>.t3{
	
}
.box6 .block1>.wrap>.text>.t3>tbody>tr{
	
}
.box6 .block1>.wrap>.text>.t3>tbody>tr>th{
	width: 100px;
	font-size: 16px;
	font-weight: 400;
	line-height: 2em;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	padding: 0;
}
.box6 .block1>.wrap>.text>.t3>tbody>tr>td{
	font-size: 16px;
	line-height: 2em;
	padding: 0;
}
.box6 .block1>.wrap>.text>.t3>tbody>tr:not(:last-child)>td{
	padding: 0 0 30px;
}
.box6 .block1>.wrap>.text>.t4{
	
}
.box6 .block1>.wrap>.text>.t4>li{
	
}
.box6 .block1>.wrap>.text>.t4>li:not(:last-child){
	margin-bottom: 30px;
}
.box6 .block1>.wrap>.text>.t4>li>.t4-1{
	font-size: 24px;
	font-weight: 500;
}
.box6 .block1>.wrap>.text>.t4>li>.t4-2{
	font-size: 18px;
	line-height: 2em;
}
.box6 .block1>.wrap>.text>.t4>li>.t4-3{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5em;
}
.box6 .block1>.wrap>.text>.t4>li>.t4-4{
	
}
.box6 .block1>.wrap>.text>.t4>li>.t4-4>li{
	font-size: 18px;
	line-height: 2em;
}
.box6 .block1>.wrap>.text>.t5{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 30px;
}
.box6 .block1>.wrap>.text>.t5>div{
	width: 50%;
}
.box6 .block1>.wrap>.text>.t5>div>img{
	width: 100%;
	max-width: none;
}
.box6 .block1>.wrap>.text>.t6{
	font-size: 18px;
	line-height: 2em;
}
.box6 .block1>.wrap>.text>.t6>.no-break{
	white-space: nowrap;
}
.box6 .block1>.wrap>.text>.t7{
	font-size: 26px;
	font-weight: 500;
}
.box6 .block1>.wrap>.text>.t8{
	width: 100%;
}
.box6 .block1>.wrap>.text>.t8>tbody>tr{
	
}
.box6 .block1>.wrap>.text>.t8>tbody>tr>th{
	text-align: left;
	vertical-align: top;
	min-width: 260px;
	padding: 0 0 15px;
}
.box6 .block1>.wrap>.text>.t8>tbody>tr>th>p{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7em;
}
.box6 .block1>.wrap>.text>.t8>tbody>tr>td{
	padding: 0 0 15px;
}
.box6 .block1>.wrap>.text>.t8>tbody>tr>td>.t1{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7em;
}
.box6 .block2{
	margin: 0 auto 60px;
}
.box6 .block2>.wrap{
	
}
.box6 .block2>.wrap>a{
	display: flex;
	width: 50%;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	background-color: #fff;
	border: 1px solid var(--border-color);
	padding: 20px 10px;
	justify-content: center;
	margin: auto;
	transition: all 300ms 0s ease;
}
.box6 .block2>.wrap>a:hover{
	opacity: 0.5;
}
.box6 .block2>.wrap>a>.up{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
}
.box6 .block2>.wrap>a>.up>svg{
	width: 18px;
}
.box6 .block2>.wrap>a>.up>svg path{
	fill:#000;
}
.box6 .block2>.wrap>a>.up>span{
	
}
@media screen and (max-width:768px){
	.box6 .block1{
		width: 100%;
		margin: 0 auto 30px;
	}
	.box6 .block1.w-70{
		width: 100%;
	}
	.box6 .block1>.wrap>.title>.t1{
		font-size: 16px;
	}
	.box6 .block1>.wrap>.text>.t1>li{
		font-size: 13px;
	}
	.box6 .block1>.wrap>.text>.t2{
		font-size: 13px;
	}
	.box6 .block1>.wrap>.text>.t3>tbody>tr>th,
	.box6 .block1>.wrap>.text>.t3>tbody>tr>td{
		width:100%;
		display:block;
		font-size: 13px;
	}
	.box6 .block1>.wrap>.text>.t4>li>.t4-1{
		font-size: 18px;
	}
	.box6 .block1>.wrap>.text>.t4>li>.t4-2{
		font-size: 16px;
	}
	.box6 .block1>.wrap>.text>.t4>li>.t4-3{
		font-size: 16px;
	}
	.box6 .block1>.wrap>.text>.t4>li>.t4-4>li{
		font-size: 16px;
	}
	.box6 .block1>.wrap>.text>.t5{
		flex-direction: column;
		gap: 40px;
	}
	.box6 .block1>.wrap>.text>.t5>div{
		width: 100%;
	}
	.box6 .block1>.wrap>.text>.t6{
		font-size: 16px;
	}
	.box6 .block1>.wrap>.text>.t7{
		font-size: 18px;
	}
	.box6 .block1>.wrap>.text>.t8>tbody>tr>th,
	.box6 .block1>.wrap>.text>.t8>tbody>tr>td{
		display: block;
		width: 100%;
	}
	.box6 .block1>.wrap>.text>.t8>tbody>tr>th{
		padding: 15px 0 10px;
	}
	.box6 .block1>.wrap>.text>.t8>tbody>tr>td{
		border-bottom: 1px solid var(--border-color);
		padding: 0 0 15px 15px;
	}
	.box6 .block1>.wrap>.text>.t8>tbody>tr>th>p{
		font-size: 16px;
	}
	.box6 .block1>.wrap>.text>.t8>tbody>tr>td>.t1{
		font-size: 16px;
	}
	.box6 .block2>.wrap>a{
		width: 100%;
		font-size: 16px;
		padding: 15px 10px;
	}
	.box6 .block2{
		margin: 0 auto 10px;
	}
}
/***** box7 *****/
.box7{
	
}
.box7>.inner{
	padding: 0rem 2% 2rem;
}
.box7 .block1{
	width: 70%;
	margin: 0 auto;
}
.box7 .block1>.text{
	
}
.box7 .block1>.text>.t1{
	
}
.box7 .block1>.text>.t1.mb6{
	margin-bottom: 60px;
}
.box7 .block1>.text>.t1>p{
	font-size: 18px;
	text-align: center;
	margin-bottom: 10px;
}
.box7 .block1>.text>.t1>table{
	
}
.box7 .block1>.text>.t1>table>tbody>tr{
	
}
.box7 .block1>.text>.t1>table>tbody>tr>th{
	width: 100px;
	font-size: 18px;
	font-weight: 400;
	line-height: 2em;
	vertical-align: top;
	text-align: left;
	white-space: nowrap;
	padding: 0 10px 0 0
}
.box7 .block1>.text>.t1>table>tbody>tr>th{
	
}
.box7 .block1>.text>.t1>table>tbody>tr>td{
	font-size: 18px;
	line-height: 2em;
	padding: 0;
}
.box7 .block1>.text>.t1>table>tbody>tr>td:not(:last-child){
	padding: 0 0 30px;
}
.box7 .block1>.text>.t1>table>tbody>tr>td>p{
	
}
.box7 .block1>.text>.t1>table>tbody>tr>td>ul{
	
}
.box7 .block1>.text>.t1>table>tbody>tr>td>ul>li{
	text-indent: -3em;
	padding-left: 3em;
}
.box7 .block1>.text>.t1>table>tbody>tr>td>a{
	color:#008ae0;
	transition: all 300ms 0s ease;
}
.box7 .block1>.text>.t1>table>tbody>tr>td>a:hover{
	opacity:0.5;
}
@media screen and (max-width:768px){
	.box7>.inner{
		padding: 0rem 5% 2rem;
	}
	.box7 .block1{
		width: 100%;
	}
	.box7 .block1>.text>.t1>p{
		font-size: 16px;
	}
	.box7 .block1>.text>.t1>table>tbody>tr>th,
	.box7 .block1>.text>.t1>table>tbody>tr>td{
		display: block;
		width: 100%;
		font-size: 16px;
	}
	.box7 .block1>.text>.t1>table.type1>tbody>tr>th,
	.box7 .block1>.text>.t1>table.type1>tbody>tr>td{
		
	}
	.box7 .block1>.text>.t1>table.type1>tbody>tr>td{
		padding-left: 1rem;
	}
	.box7 .block1>.text>.t1>table>tbody>tr:not(:last-child)>td{
		padding-bottom: 30px;
	}
	.box7 .block1>.text>.t1>table.type1>tbody>tr:not(:last-child)>td{
		padding-bottom: 10px;
	}
}
/***** box8 *****/
.box8{
	
}
.box8>.inner{
	
}
.box8>.inner.pd1{
	padding: 2rem 2% 4rem;
}
.box8 .block1{
	width: 90%;
	margin: auto;
}
.box8 .block1>.image{
	
}
.box8 .block1>.image>div{
	
}
.box8 .block1>.image>div>img{
	display: block;
	width: 100%;
	max-width: none;
}
.box8 .block1>.text{
	
}
.box8 .block1>.text>.wrap{
	position: relative;
	width: 95%;
	padding-top: 50px;
	margin: auto;
}
.box8 .block1>.text>.wrap>.t1{
	position: absolute;
	top: -40px;
	left: 0;
}
.box8 .block1>.text>.wrap>.t1>div{
	display: inline-flex;
	background-color: var(--key-color);
	align-items: center;
	justify-content: center;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	padding: 10px 20px;
}
.box8 .block1>.text>.wrap>.t1>div>svg{
	width: 30px;
	height: 30px;
}
.box8 .block1>.text>.wrap>.t1>div>svg path{
	
}
.box8 .block1>.text>.wrap>.t1>div>.t1-1{
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	transition: all 300ms 0s ease;
}
.box8 .block1>.text>.wrap>.t1>div>.t1-1:hover{
	opacity:0.5;
}
.box8 .block1>.text>.wrap>.t2{
	padding: 0 1rem;
}
.box8 .block1>.text>.wrap>.t2>p{
	font-size: 18px;
	line-height: 2em;
}
@media screen and (max-width:768px){
	.box8>.inner {
		padding: 2rem 0%;
	}
	.box8>.inner.pd1{
		padding: 2rem 0% 4rem;
	}
	.box8 .block1{
		width: 100%;
	}
	.box8 .block1>.text>.wrap>.t1>div{
		padding: 10px 10px;
	}
	.box8 .block1>.text>.wrap>.t1{
		top: -20px;
	}
	.box8 .block1>.text>.wrap>.t1>div>.t1-1{
		font-size: 18px;
	}
	.box8 .block1>.text>.wrap>.t1>div>svg{
		width: 18px;
		height: 18px;
	}
	.box8 .block1>.text>.wrap{
		width: 100%;
		padding: 40px 5% 0;
	}
	.box8 .block1>.text>.wrap>.t2{
		padding: 0;
	}
	.box8 .block1>.text>.wrap>.t2>p{
		font-size: 16px;
	}
}
/***** box9 *****/
.box9{
	
}
.box9>.inner{
	padding: 2rem 2% 5rem;
}
.box9 .block1{
	width: 80%;
	margin: auto;
}
.box9 .block1>.title{
	margin-bottom: 20px;
}
.box9 .block1>.title.mb5{
	margin-bottom: 50px;
}
.box9 .block1>.title>.wrap{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	position: relative;
}
.box9 .block1>.title>.wrap>.text{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.box9 .block1>.title>.wrap>.text>.t1{
	margin-bottom: 30px;
}
.box9 .block1>.title>.wrap>.text>.t1>img{
	display: block;
	max-width: 350px;
}
.box9 .block1>.title>.wrap>.text>.t2{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 10px;
}
.box9 .block1>.title>.wrap>.text>.t2>span{
	display: inline-flex;
	font-size: 42px;
	color: #000;
	font-weight: 700;
	background-color: #fff;
	padding: 3px 12px;
	letter-spacing: 3px;
}
.box9 .block1>.title>.wrap>.image{
	width: 55%;
}
.box9 .block1>.title>.wrap>.image>div{
	position: relative;
	width: 100%;
	height: 100%;
}
.box9 .block1>.title>.wrap>.image>div>img{
	max-width: none;
	width: 100%;
}
.box9 .block1>.title>.wrap>.image>div>span{
	position: absolute;
	bottom: -25px;
	right: 0;
	font-size: 15px;
	line-height: 1em;
}
.box9 .block1>.text-box{
	
}
.box9 .block1>.text-box>.t1{
	font-size: 18px;
	line-height: 2em;
	margin-bottom: 40px;
}
.box9 .block1>.text-box>ul{
	
}
.box9 .block1>.text-box>ul>li{
	
}
.box9 .block1>.text-box>ul>li:not(:last-child){
	margin-bottom:20px;
}
.box9 .block1>.text-box>ul>li>.u1{
	font-size: 24px;
	font-weight: 500;
}
.box9 .block1>.text-box>ul>li>.u2{
	font-size: 18px;
	line-height: 2em;
}
.box9 .block1>.text-box>ul>li>.u3{
	margin-top: 5px;
}
.box9 .block1>.text-box>ul>li>.u3>ul{
	
}
.box9 .block1>.text-box>ul>li>.u3>ul>li{
	margin-bottom: 30px;
}
.box9 .block1>.text-box>ul>li>.u3>ul>li>.u3-1{
	font-size: 18px;
	line-height: 2em;
	font-weight: 700;
}
.box9 .block1>.text-box>ul>li>.u3>ul>li>.u3-2{
	font-size: 18px;
	line-height: 2em;
}
.box9 .block1>.text-box>ul>li>.u3>ul>li>.u3-3{
	
}
.box9 .block1>.text-box>ul>li>.u3>ul>li>.u3-3>p{
	font-size: 18px;
	line-height: 2em;
	text-indent: -0.5em;
	padding-left: 0.5em;
}
@media screen and (max-width:768px){
	.box9>.inner{
		padding: 2rem 5% 5rem;
	}
	.box9 .block1 {
		width: 100%;
	}
	.box9 .block1>.title>.wrap{
		flex-direction: column;
	}
	.box9 .block1>.title>.wrap>.text{
		position: relative;
	}
	.box9 .block1>.title>.wrap>.text>.t1>img{ 
		width: 70%;
	}
	.box9 .block1>.title>.wrap>.text>.t2{
		gap: 0px;
		margin-bottom: 20px;
	}
	.box9 .block1>.title>.wrap>.text>.t2>span{
		font-size: 24px;
		padding: 3px 8px;
	}
	.box9 .block1>.title>.wrap>.image{
		width: 100%;
	}
	.box9 .block1>.text-box>ul>li>.u1{
		font-size: 18px;
	}
	.box9 .block1>.text-box>ul>li>.u2{
		font-size: 16px;
	}
	.box9 .block1>.text-box>ul>li>.u3>ul>li>.u3-1{
		font-size: 16px;
	}
	.box9 .block1>.text-box>ul>li>.u3>ul>li>.u3-2{
		font-size: 16px;
	}
	.box9 .block1>.text-box>ul>li>.u3>ul>li>.u3-3>p{
		font-size: 16px;
	}
}
/***** box10 *****/
.box10{
	
}
.box10>.inner{
	
}
.box10 .block1{
	width: 80%;
	margin: auto;
}
.box10 .block1>.title{
	text-align: center;
}
.box10 .block1>.title>.t1{
	font-size: 40px;
	font-weight: 700;
}
.box10 .block1>.text-box{
	
}
.box10 .block1>.text-box>ul{
	
}
.box10 .block1>.text-box>ul>li{
	
}
.box10 .block1>.text-box>ul>li.border{
	border-top: 1px solid var(--border-color);
	padding: 30px 0 30px;
}
.box10 .block1>.text-box>ul>li:last-child{
	padding: 30px 0 0;
}
.box10 .block1>.text-box>ul>li>div{
	
}
.box10 .block1>.text-box>ul>li>div .mb1{
	margin-bottom: 10px;
}
.box10 .block1>.text-box>ul>li>div .mb2{
	margin-bottom: 20px;
}
.box10 .block1>.text-box>ul>li>div .mb3{
	margin-bottom: 30px;
}
.box10 .block1>.text-box>ul>li>div>.t1{
	font-size: 26px;
	font-weight: 500;
}
.box10 .block1>.text-box>ul>li>div>.t2{
	font-size: 20px;
	line-height: 2em;
}
.box10 .block1>.text-box>ul>li>div>.t3{
	
}
.box10 .block1>.text-box>ul>li>div>.t3>li{
	font-size: 20px;
	line-height: 2em;
	text-indent: -1em;
	padding-left: 1em;
}
.box10 .block1>.text-box>ul>li>div>.t4{
	font-size: 20px;
	font-weight: 700;
}
.box10 .block1>.text-box>ul>li>div>.t5{
	font-size: 20px;
	font-weight: 700;
	line-height: 2em;
}
@media screen and (max-width:768px){
	.box10 .block1{
		width: 100%;
	}
	.box10 .block1>.title>.t1{
		font-size: 24px;
	}
	.box10 .block1>.text-box>ul>li>div>.t1{
		font-size: 18px;
	}
	.box10 .block1>.text-box>ul>li>div>.t2{
		font-size: 16px;
	}
	.box10 .block1>.text-box>ul>li>div>.t3>li{
		font-size: 16px;
	}
	.box10 .block1>.text-box>ul>li>div>.t4{
		font-size: 16px;
	}
	.box10 .block1>.text-box>ul>li>div>.t5{
		font-size: 16px;
	}
}
/***** box11 *****/
.box11{
	
}
.box11>.inner{
	
}
.box11 .block1{
	width: 70%;
	margin: auto;
}
.box11 .block1.mb5{
	margin-bottom: 50px;
}
.box11 .block1.mb6{
	margin-bottom: 60px;
}
.box11 .block1>.title{
	text-align: center;
}
.box11 .block1>.title>.t1{
	font-size: 36px;
	font-weight: 700;
}
.box11 .block1>.text-box{
	
}
.box11 .block1>.text-box>.wrap{
	
}
.box11 .block1>.text-box>.wrap .mb1{
	margin-bottom: 10px;
}
.box11 .block1>.text-box>.wrap .mb2{
	margin-bottom: 20px;
}
.box11 .block1>.text-box>.wrap .mb3{
	margin-bottom: 30px;
}
.box11 .block1>.text-box>.wrap>.t1{
	font-size: 26px;
	font-weight: 500;
}
.box11 .block1>.text-box>.wrap>.t2{
	font-size: 18px;
	line-height: 2em;
}
.box11 .block1>.text-box>.wrap>.t3{
	
}
.box11 .block1>.text-box>.wrap>.t3>li{
	font-size: 20px;
	line-height: 2em;
	text-indent: -1em;
	padding-left: 1em;
}
.box11 .block1>.text-box>.wrap>.t4{
	font-size: 18px;
	font-weight: 700;
}
.box11 .block1>.text-box>.wrap>.t5{
	font-size: 20px;
	font-weight: 700;
	line-height: 2em;
}
.box11 .block1>.text-box>.wrap>.t6{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap: 30px;
}
.box11 .block1>.text-box>.wrap>.t6>div{
	width: 50%;
}
.box11 .block1>.text-box>.wrap>.t6>div>img{
	width: 100%;
	max-width: none;
}
.box11 .block1>.text-box>.wrap>.t7{
	
}
.box11 .block1>.text-box>.wrap>.t7>li{
	font-size: 18px;
	line-height: 2em;
	text-indent: -1.2em;
	padding-left: 1.2em;
}
.box11 .block1>.text-box>.wrap>.t7>li:not(:last-child){
	
}
@media screen and (max-width:768px){
	.box11 .block1{
		width: 100%;
	}
	.box11 .block1>.title>.t1{
		font-size: 24px;
	}
	.box11 .block1>.text-box>.wrap>.t1{
		font-size: 18px;
	}
	.box11 .block1>.text-box>.wrap>.t2{
		font-size: 16px;
	}
	.box11 .block1>.text-box>.wrap>.t3>li{
		font-size: 16px;
	}
	.box11 .block1>.text-box>.wrap>.t4{
		font-size: 16px;
	}
	.box11 .block1>.text-box>.wrap>.t5{
		font-size: 16px;
	}
	.box11 .block1>.text-box>.wrap>.t6{
		flex-direction: column;
		gap: 40px;
	}
	.box11 .block1>.text-box>.wrap>.t7>li{
		font-size: 16px;
	}
	.box11 .block1>.text-box>.wrap>.t6>div{
		width: 100%;
	}
}
/***** box12 *****/
.box12{
	
}
.box12.color1{
	background-color: #99af80;
}
.box12>.inner{
	
}
.box12>.inner.pd-1{
	padding: 2rem 2% 60px;
}
.box12 .block1{
	width: 80%;
	margin: auto;
}
.box12 .block1.mb3,
.box12 .block2.mb3{
	margin-bottom: 30px;
}
.box12 .block1.mb4,
.box12 .block2.mb4{
	margin-bottom: 40px;
}
.box12 .block1.mb5,
.box12 .block2.mb5{
	margin-bottom: 50px;
}
.box12 .block1>.wrap{
	background-color: #fff;
	padding: 20px 40px 40px;
	border-radius: 25px;
}
.box12 .block1>.wrap>.title{
	text-align: center;
}
.box12 .block1>.wrap>.title>.t1{
	font-size: 42px;
	font-weight: 700;
}
.box12 .block1>.wrap>.title>.t2{
	font-size: 18px;
	line-height: 1.7em;
}
.box12 .block1>.wrap>.pay-box{
	background-color: #707070;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    margin: 30px 0;
}
.box12 .block1>.wrap>.pay-box>div{
	
}
.box12 .block1>.wrap>.q-box{
	
}
.box12 .block1>.wrap>.q-box>.wrap{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
.box12 .block1>.wrap>.q-box>.wrap>.image{
	width: 50%;
	display: flex;
	justify-content: center;
}
.box12 .block1>.wrap>.q-box>.wrap>.image>img{
	width: 70%;
	max-width: 250px;
}
.box12 .block1>.wrap>.q-box>.wrap>.text{
	width: 50%;
}
.box12 .block1>.wrap>.q-box>.wrap>.text>div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 30px;
}
.box12 .block1>.wrap>.q-box>.wrap>.text>div>a{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
}
.box12 .block1>.wrap>.q-box>.wrap>.text>div>a>div{
	display: flex;
	align-items: center;
	border: 1px solid #005cb9;
	border-radius: 50%;
	padding: 3px;
	justify-content: center;
}
.box12 .block1>.wrap>.q-box>.wrap>.text>div>a>div>svg{
	width: 10px;
	height: 10px;
	transform: translateX(1px);
}
.box12 .block1>.wrap>.q-box>.wrap>.text>div>a>div>svg path{
	fill:#005cb9;
}
.box12 .block1>.wrap>.q-box>.wrap>.text>div>a>span{
	display: inline-block;
	font-size: 13px;
	color: #005cb9;
	line-height: 1em;
}
.box12 .block1>.wrap>.list-box{
	
}
.box12 .block1>.wrap>.list-box>.t1{
	
}
.box12 .block1>.wrap>.list-box>.t1>li{
	
}
.box12 .block1>.wrap>.list-box>.t1>li:not(:last-child){
	margin-bottom: 30px;
}
.box12 .block1>.wrap>.list-box>.t1>li>.t1-1{
	font-size: 22px;
	font-weight: 700;
}
.box12 .block1>.wrap>.list-box>.t1>li>.t1-2{
	font-size: 18px;
	line-height: 2em;
}
.box12 .block1>.wrap>.link-box{
	text-align: center;
}
.box12 .block1>.wrap>.link-box>a{
	display: inline-flex;
	width: 50%;
	min-width: 350px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1em;
	background-color: #ffd422;
	color: #000;
	border: 1px solid var(--key-color-2);
	border-radius: 40px / 50%;
	padding: 20px 25px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
	transition: all 300ms 0s ease;
}
.box12 .block1>.wrap>.link-box>a:hover{
	opacity: 0.5;
}
.box12 .block1>.wrap>.link-box>a>div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 7px;
}
.box12 .block1>.wrap>.link-box>a>div>svg{
	width: 18px;
}
.box12 .block1>.wrap>.link-box>a>div>svg path{
	fill: #000;
}
.box12 .block1>.wrap>.link-box>a>div>span{
	
}
.box12 .block1>.wrap>.link-box2{
	text-align: center;
}
.box12 .block1>.wrap>.link-box2>a{
	display: inline-flex;
	width: 50%;
	min-width: 350px;
	font-size: 20px;
	line-height: 1em;
	background-color: #fff;
	color: #000;
	border: 1px solid var(--key-color-2);
	border-radius: 25px / 50%;
	padding: 15px 25px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
	transition: all 300ms 0s ease;
}
.box12 .block1>.wrap>.link-box2>a:hover{
	opacity: 0.5;
}
.box12 .block1>.wrap>.link-box2>a>div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 7px;
}
.box12 .block1>.wrap>.link-box2>a>div>svg{
	width: 18px;
}
.box12 .block1>.wrap>.link-box2>a>div>svg path{
	fill: #000;
}
.box12 .block1>.wrap>.link-box2>a>div>span{
	
}
.box12 .block2{
	text-align: center;
}
.box12 .block2>a{
	display: inline-flex;
	width: 50%;
	min-width: 300px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	background-color: #fff;
	border: 1px solid var(--key-color-2);
	border-radius: 60px / 50%;
	padding: 10px 20px;
	transition: all 300ms 0s ease;
}
.box12 .block2.ty-2>a{
	border-radius: 30px / 50%;
	width: 40%;
	min-width: 250px;
}
.box12 .block2>a:hover{
	background-color: var(--key-color-2);
}
.box12 .block2>a>p{
	font-size: 24px;
	font-weight: 700;
	color: var(--key-color-2);
	letter-spacing: 4px;
	transition: all 300ms 0s ease;
}
.box12 .block2>a:hover>p{
	color: #fff;
}
.box12 .block2>a>div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 7px;
}
.box12 .block2>a>div>svg{
	width: 20px;
}
.box12 .block2>a>div>svg path{
	fill: var(--key-color-2);
	transition: all 300ms 0s ease;
}
.box12 .block2>a:hover>div>svg path{
	fill: #fff;
}
.box12 .block2>a>div>span{
	font-size: 30px;
	font-weight: 700;
	color: var(--key-color-2);
	transition: all 300ms 0s ease;
}
.box12 .block2>a:hover>div>span{
	color: #fff;
}
@media screen and (max-width:768px){
	.box12>.inner.pd-1{
		padding: 2rem 5% 60px;
	}
	.box12 .block1{
		width: 100%;
	}
	.box12 .block1>.wrap{
		padding: 20px 20px 40px;
	}
	.box12 .block1>.wrap>.title>.t1{
		font-size: 28px;
	}
	.box12 .block1>.wrap>.title>.t2{
		font-size: 16px;
	}
	.box12 .block1>.wrap>.q-box>.wrap{
		flex-direction: column;
	}
	.box12 .block1>.wrap>.q-box>.wrap>.image{
		width: 100%;
		margin-bottom: 20px;
	}
	.box12 .block1>.wrap>.q-box>.wrap>.text{
		width: 100%;
	}
	.box12 .block1>.wrap>.q-box>.wrap>.text>div{
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	.box12 .block1>.wrap>.list-box>.t1>li>.t1-1{
		font-size: 18px;
	}
	.box12 .block1>.wrap>.list-box>.t1>li>.t1-2{
		font-size: 16px;
	}
	.box12 .block1>.wrap>.link-box>a{
		width: 80%;
		min-width: auto;
		font-size: 16px;
		padding: 15px 10px;
		border-radius: 25px / 50%;
	}
	.box12 .block1>.wrap>.link-box2>a{
		width: 80%;
		min-width: auto;
		font-size: 16px;
		padding: 15px 10px;
	}
	.box12 .block2>a{
		width: 100%;
		min-width: unset;
		border-radius: 50px / 50%;
	}
	.box12 .block2>a>p{
		font-size: 16px;
	}
	.box12 .block2>a>div>span{
		font-size: 20px;
	}
}
/***** box13 *****/
.box13{
	
}
.box13>.inner{
	padding: 2rem 2% 4rem;
}
.box13 .block1{
	width: 80%;
	margin: 0 auto 60px;
}
.box13 .block1.mb-clear{
	margin: 0 auto 0px;
}
.box13 .block1>.title{
	
}
.box13 .block1>.title.border{
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 10px;
}
.box13 .block1>.title>.t1{
	font-size: 22px;
	font-weight: 700;
}
.box13 .block1>.text{
	
}
.box13 .block1>.text>.t1{
	font-size: 18px;
	line-height: 2em;
}
.box13 .block1>.text>.t2{
	
}
.box13 .block1>.text>.t2>li:not(:last-child){
	margin-bottom: 10px;
}
.box13 .block1>.text>.t2>li>.t2-1{
	font-size: 22px;
	font-weight: 700;
	line-height: 2em;
}
.box13 .block1>.text>.t2>li>.t2-2{
	font-size: 18px;
	line-height: 2em;
}
.box13 .block1>.text>.t2>li>p>span{
	font-size: 18px;
	font-weight: 400;
}
.box13 .block1>.text>.pay-box{
	
}
.box13 .block1>.text>.pay-bo>.image{
	display: flex;
	justify-content: center;
}
.box13 .block1>.text>.pay-box>.image>img{
	width: 70%;
	max-width: 250px;
}
.box13 .block1>.text>.pay-box>.pay-inner{
	background-color: #707070;
    color: #fff;
    text-align: center;
    padding: 20px 30px;
    margin: 20px 0;
}
.box13 .block1>.text>.q-box{
	
}
.box13 .block1>.text>.q-box>.wrap>.text{
	
}
.box13 .block1>.text>.q-box>.wrap>.text>div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 30px;
}
.box13 .block1>.text>.q-box>.wrap>.text>div>a{
	display: inline-flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 5px;
}
.box13 .block1>.text>.q-box>.wrap>.text>div>a>div{
	display: flex;
	align-items: center;
	border: 1px solid #005cb9;
	border-radius: 50%;
	padding: 3px;
	justify-content: center;
}
.box13 .block1>.text>.q-box>.wrap>.text>div>a>div>svg{
	width: 10px;
	height: 10px;
	transform: translateX(1px);
}
.box13 .block1>.text>.q-box>.wrap>.text>div>a>div>svg path{
	fill: #005cb9;
}
.box13 .block1>.text>.q-box>.wrap>.text>div>a>span{
	display: inline-block;
	font-size: 13px;
	color: #005cb9;
	line-height: 1em;
}
.box13 .block2{
	text-align: center;
}
.box13 .block2>a{
	display: inline-flex;
	width: 40%;
	min-width: 300px;
	font-size: 20px;
	line-height: 1em;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	border-radius: 25px / 50%;
	padding: 15px 25px;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	gap: 10px;
	transition: all 300ms 0s ease;
}
.box13 .block2>a:hover{
	opacity:0.5;
}
.box13 .block2>a>div{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 7px;
}
.box13 .block2>a>div>svg{
	width: 18px;
}
.box13 .block2>a>div>svg path{
	fill: #000;
}
@media screen and (max-width:768px){
	.box13>.inner{
		padding: 2rem 5% 4rem;
	}
	.box13 .block1{
		width: 100%;
	}
	.box13 .block1>.title>.t1{
		font-size: 18px;
	}
	.box13 .block1>.text>.t1{
		font-size: 16px;
	}
	.box13 .block1>.text>.t2>li>.t2-1{
		font-size: 18px;
	}
	.box13 .block1>.text>.t2>li>.t2-2{
		font-size: 16px;
	}
	.box13 .block1>.text>.t2>li>.t2-1>span{
		font-size: 14px;
		padding-left: 1rem;
	}
	
	
	
}







/*****  *****/

@media screen and (max-width:768px){
	
	
	
}