@charset "utf-8";
/* CSS Document */


.secIndex{ padding-bottom:115px;}
#pnkz{ margin-top:0;}
@media only screen and (max-width:767px){
	.secIndex{ padding-bottom:30px;}
}
/* secTop */
.secTop{
	background:url(../img/agent/bgTop.jpg) top center no-repeat;
	height:700px;
}
.secTop .wrapper1400{
	position:relative;
}
.secTop .titTop{
	position:absolute;
	top:135px;
	left:100px;
	max-width:1300px;
}
.secTop .titTop img{
	width:100% ;
	height:auto;
}
@media only screen and (max-width:767px){
	.secTop{
		height:auto;
		background-size:cover;
	}
	.secTop .titTop{
		position:static;
		width:90%;
		margin:0 auto;
		padding:30px 0;
	}
}


/* secService */
.secService{ padding-top:100px;}
.secService .tit{
	text-align:center;
}
.secService .subTit{
	text-align:center;
	font-size:16px;
	line-height:1.2;
	padding-top:30px;
	letter-spacing:2px;
}
.secService .box{
	text-align:center;
	padding-top:90px;
}
.secService .boxTit{
	font-size:55px;
	line-height:1.3;
	font-weight:bold;
}
.secService .boxTxt{
	font-size:30px;
	line-height:1.4;
	font-weight:bold;
	padding-top:15px;
}
.secService .img{ padding-top:50px;}
@media only screen and (max-width:767px){
	.secService{ padding:40px 5% 0;}
	.secService .tit{
		width:80%;
		margin:0 auto;
	}
	.secService .subTit{
		font-size:14px;
		padding-top:15px;
	}
	.secService .box{ padding-top:30px;}
	.secService .boxTit{
		font-size:20px;
	}
	.secService .boxTxt{
		font-size:16px;
		padding-top:10px;
	}
	.secService .img{ padding-top:30px;}
}

/* secMerit */
.secMerit{ padding-top:90px;}
.secMerit .tit{
	text-align:center;
}
.secMerit .subTit{
	text-align:center;
	font-size:14px;
	line-height:1.2;
	padding-top:15px;
	letter-spacing:2px;
}
.secMerit .list { padding-top:70px;}
.secMerit .box {
    height: 520px;
    position: relative;
    display: block;
    margin-bottom: 100px;    
	overflow: hidden;
}
.secMerit .box:nth-child(3){ margin-bottom:70px;}
.secMerit .box .boxIn {
    width: 100%;
	max-width:2000px;
    position: absolute;
    left: 50%;
    margin-left: -50%;
	z-index:1;
}
.secMerit .box:nth-child(2) .boxIn{
	left:inherit;
	right:50%;
	margin-left:auto;
	margin-right:-50%;
}
.secMerit .box .wrapper1400 {
    position: absolute;
    z-index: 2;
	left:0;
	right:0;
}
.secMerit .box .boxIn .fLeft, 
.secMerit .box .boxIn .photo {
    float: left;
    display: block;
    position: relative;
}
.secMerit .box .boxIn .photo{
	float:right;
	width:61%;
}
.secMerit .subBox {
    width: 700px;
	margin-top:60px;
}
.secMerit .box:nth-child(2n) .subBox{
	float:right;
	width:690px;
}
.secMerit .box:nth-child(3) .subBox { margin-top:140px;}
.secMerit .box:nth-child(2n) .subBox .titMerit{
	text-align:right;
}
.secMerit .box:nth-child(2n) .boxIn .photo{
	float:left;
}
.secMerit .boxInner{
	background:#fff;
	padding:35px 45px;
}
.secMerit .box .boxTit{
	font-size:33px;
	line-height:1.6;
	letter-spacing:3px;
	font-weight:bold;
}
.secMerit .box .boxTit2{
	font-size:26px;
	line-height:1.6;
	letter-spacing:3px;
	font-weight:bold;
}

.secMerit .box .boxTxt{
	font-size:16px;
	line-height:2.2;
	padding-top:20px;
}
.secMerit .box .boxTxt2{
	font-size:16px;
	line-height:1.8;
	padding-top:20px;
}
.secMerit .list02 .wrapper1400{
	font-size:0;
	border-right:1px solid rgba(0,0,0,0.22);
}
.secMerit .list02 .box02{
	display:inline-block;
	vertical-align:top;
	width:33.33%;
	text-align:center;
	border-left:1px solid rgba(0,0,0,0.22);
	padding:30px 0 50px;
}
.secMerit .list02 .box02.rev2{

	width:32%;

}
.secMerit .list02 .box02 .number{
	padding-top:10px;
}
.secMerit .list02 .box02 .img{
	padding:30px 20px 0;
}
.secMerit .list02 .box02 .img img{
	width:100%;
	height:auto;
}
.secMerit .list02 .box02 .boxTxt02{
	font-size:20px;
	line-height:1.2;
	padding-top:17px;
}
.secMerit .list02 .box02 .boxTxt03{
	padding-top:18px;
}
.secMerit .tit01{
	text-align:center;
	font-weight:bold;
	font-size:55px;
	line-height:1.3;
	padding-top:95px;
}
.secMerit .tit02{
	text-align:center;
	font-weight:bold;
	font-size:55px;
	line-height:1.3;
	vertical-align:0;
	padding-top:25px;
}
.secMerit .tit02 .fRed{
	color:#C63339;
}
.secMerit .tit02 .small{
	font-size:24px;
}
.secMerit .tit02 .fNumber{
	vertical-align:0;
	padding:0 5px;
}
.secMerit .boxBottom{
	height:400px;
	position: relative;
    overflow: hidden;
	margin-top:55px;
}
.secMerit .bottomIn {
    width: 2000px;
    position: absolute;
    top: 0;
    left: calc(50% - 1000px);
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.secMerit .btnBox {
    display: block;
    background: #C33;
    color: #FFF;
	width:440px;
    height: 94px;
	margin:60px auto 0;
    font-weight: 500;
    font-size: 18px;
    text-align: center;
    padding-top: 38px;
    letter-spacing: 3px;
}
@media only screen and (max-width:1400px){
	.secMerit .box:nth-child(2n) .boxIn .photo{
		right:30%;
	}
}

@media only screen and (max-width:767px){
	.secMerit{ padding-top:40px;}
	.secMerit .list { padding-top:40px;}
	.secMerit .box ,
	.secMerit .box:nth-child(3){
		height: auto;
		margin-bottom: 30px;  
	}
	.secMerit .box .boxIn {
		width: 100%;
		position:static;
		margin:auto !important;
	}
	.secMerit .box .wrapper1400 {
		position:static;
	}
	.secMerit .box:nth-child(2n) .subBox .titMerit{ text-align:left;}
	.secMerit .box .titMerit{ padding:0 5%;}
	.secMerit .box .titMerit img{
		width:auto;
		height:30px;
	}
    .secMerit .box .titMerit2 img{
        width:auto;
        height:20px;
    }
	.secMerit .box .boxIn .fLeft, 
	.secMerit .box .boxIn .photo {
		float: none;
	}
	.secMerit .box .boxIn .photo{
		float:none;
		width:100%;
	}
	.secMerit .subBox,
	.secMerit .box:nth-child(2n) .subBox ,
	.secMerit .box:nth-child(3) .subBox{
		width: 100%;
		float:none;
		margin:0px auto 0;
	}
	.secMerit .box:nth-child(2n) .boxIn .photo{ float:none; right:0;}
	.secMerit .boxInner{
		padding:20px 5%;
		background:none;
	}
	.secMerit .box .boxTit{
		font-size:18px;
		letter-spacing:1px;
	}
	.secMerit .box .boxTit2{
		font-size:18px;
		letter-spacing:1px;
	}
	.secMerit .box .boxTxt{
		font-size:14px;
		line-height:1.6;
		padding-top:10px;
	}
	.secMerit .box .boxTxt2{
		font-size:14px;
		line-height:1.6;
		padding-top:10px;
	}
	.secMerit .btnBox  {
		width:80%;
		height: 70px;
		font-size: 15px;
		padding-top: 27.5px;
		letter-spacing: 0.5px;
		margin-top:30px;
	}
	.secMerit .boxBottom{ 
		height:auto;
		margin-top:30px;
	}
	.secMerit .bottomIn {
		width: 100%;
		height: auto;
		position: static;
		margin-left: 0;
	}
	.secMerit .list02{
		padding:0 5%;
	}
	.secMerit .list02 .wrapper1400{
		border:none;
	}
	.secMerit .list02 .box02{
		width:50%;
		padding:20px 5%;
		margin-bottom:20px;
	}
	.secMerit .list02 .box02.rev2{
		width:48%;
		padding:20px 5%;
		margin-bottom:20px;
	}
	.secMerit .list02 .box02:nth-child(2),
	.secMerit .list02 .box02:last-child{
	    border-right: 1px solid rgba(0,0,0,0.22);
	}
	.secMerit .list02 .box02 .titExample img,
	.secMerit .list02 .box02.rev2 .titExample img{
		width:auto;
		height:22px;
	}
	.secMerit .list02 .box02 .number img,
	.secMerit .list02 .box02.rev2 .number img{
		width:auto;
		height:45px;
	}
	.secMerit .list02 .box02 .img,
	.secMerit .list02 .box02.rev2 .img{ padding:15px 0 0;}
	.secMerit .list02 .box02 .boxTxt02,
	.secMerit .list02 .box02.rev2 .boxTxt02{
		font-size:14px;
		line-height:1.5;
		padding-top:10px;
	}
	.secMerit .list02 .box02 .boxTxt03,
	.secMerit .list02 .box02.rev2 .boxTxt03 { padding-top:10px;}
	.secMerit .tit01{
		font-size:20px;
		line-height:1.5;
		padding:10px 5% 0;
	}
	.secMerit .tit02{
		font-size:20px;
		line-height:1.5;
		padding:10px 5% 0;
	}
	.secMerit .tit02 .fNumber img{
		width:auto;
		height:30px;
	}
	.secMerit .tit02 .small{ font-size:14px;}
}

/* secPayMent */
.secPayMent{ padding-top:100px;}
.secPayMent .wrapper{
	width:1102px;
	margin:0 auto;
}
.secPayMent .tit{
	text-align:center;
}
.secPayMent .subTit{
	text-align:center;
	font-size:14px;
	line-height:1.2;
	padding-top:15px;
	letter-spacing:4px;
}
.secPayMent .list{ padding-top:60px;}
.secPayMent .txtStep{
	font-size:16px;
	color:#CC3333;
	line-height:1.5;
	padding-top:3px;
	letter-spacing:2px;
	font-weight:bold;
}
.secPayMent .txtStep + .txtStep{ padding-top:0;}
.secPayMent .img{ padding-top:20px;}
.secPayMent .img + .titStep{
	padding-top:20px;
}
@media only screen and (max-width:767px){
	.secPayMent{ padding-top:50px;}
	.secPayMent .wrapper{
		width:90%;
	}
	.secPayMent .list{ padding-top:30px;}
	.secPayMent .txtStep{
		font-size:14px;
		padding-top:5px;
		letter-spacing:1px;
	}
	.secPayMent .box:nth-child(2) .img{
		width:72%;
	}
	.secPayMent .titStep img{
		width:auto;
		height:25px;
	}
}