@charset "utf-8";
/* ////////////////////////////////////////
PC,SP共通 
//////////////////////////////////////// */

/* 基本 */
.campaign .wrap-head-category{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: rgba(4,78,152,0.65);
}

.campaign .head-category{
	text-shadow: 0 0 5px rgba(0,0,0,0.75);
}
/*本文*/
.title-main{
	line-height: 1.5em;
	font-size:41px;
	color:#ff0000;
}
.title-main2{
	line-height: 1.5em;
	font-size:19px;
}
.title-main3{
	line-height: 1.5em;
	font-size:34px;
	color:#1d86dd;
}
.title-main4{
	line-height: 1.5em;
	font-size:19px;
}
.line-box{
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #ceaa6a;
	border-bottom:1px solid #ceaa6a;
}
.arrow{
	width:160px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
.arrow2{
	width:33px;
}
.product-box{
	margin-bottom:50px;
	border-bottom:4px solid #ff0000;
}
.product-box:last-of-type{
	margin-bottom:0;
}
.kinri-box{
	line-height: 1.5em;
	font-size:23px;
	padding-bottom:10px;
}
.kinri-box>*{
	font-weight: bold;
	display: inline-block;
}
.kinri-mae{
	font-size:40px;
}
.kinri-ato{
	font-size:50px;
}
.btn-img{
	vertical-align: middle;
	margin:0 5px;
}
/* WEB完結ローン新登場！
------------------------------------*/
#campaign251020.bg-sky {
	background: #fffaf0 url(../images/index/bg-sky.png) no-repeat center top 0px;
}
#campaign251020 .wrap-breadcrumb{
	padding-top:1.5vw;
}
#campaign251020 .webkanketsu-box{
	width:100%;
}
#campaign251020 .web-btn:first-of-type{
	margin-top:5px;
}
#campaign251020 .web-btn{
	margin-top:12px;
	box-shadow: 7px 7px 0 #aa001d;
	transition: 0.3s;
}
#campaign251020 .web-btn:hover{
	transform: translateX(7px) translateY(7px);
	box-shadow:0 0 0 transparent;
}
#campaign251020 .webkanketsu-box>*:last-child{
	background-color: #e60012;
}
#campaign251020 .main-img{
	display: block;
}
/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */

@media screen and (min-width: 641px) , print {
	/* 基本 */
	.campaign .main-category,
	.campaign .main-category .contents{
		min-height: 250px;	
	}
	.campaign .main-category{
		background: url(../images/atm/main-atm.jpg) no-repeat center center;
		background-size: cover;
	}
	.campaign .wrap-head-category{
		padding: 30px 35px;
		width: 360px;
		height: 110px;
	}
	.campaign .head-category{
		font-size: 28px;
	}
	.campaign .btns-inner-link a{
		width: 225px;
	}
	.line-box{
		margin-left: auto;
		margin-right: auto;
		width: 670px;
	}
	.product-box{
		margin-left: auto;
		margin-right: auto;
		width: 670px;
	}
	.inner-s{
		margin-left: auto;
		margin-right: auto;
		width: 320px;
	}
	/* WEB完結ローン新登場！
	------------------------------------*/
	#campaign251020 .webkanketsu-box{
		display: table;
		margin:30px 0 20px 0;
	}
	#campaign251020 .webkanketsu-box>*{
		display: table-cell;
		vertical-align: top;
	}
	#campaign251020 .webkanketsu-box>*:first-child{
		width:490px;
	}
	#campaign251020 .webkanketsu-box>*:last-child{
		width:calc(100% - 471px);
		padding-top:5px;
		padding-right:17px;
	}
}


/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */


/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */

@media screen and (max-width: 640px) {
	/* 基本 */
	.campaign .wrap-head-category{
		padding: 1em;
		width: 80%;
		height: 20vw;
	}
	.campaign .main-category{
		background: url(../images/atm/main-atm-sp.jpg) no-repeat center center;
		background-size: cover;
	}
	.campaign .main-category,
	.campaign .main-category .contents{
		height: 39vw;
	}
	.campaign .bg-sky{
		background: #fffaf0 url(../images/index/bg-sky.png) no-repeat left 45% top 45vw;
		background-size: 300%;
	}	
	.campaign .btns-inner-link li{
		margin: 0 1%;
		width: 23%;
	}
	.campaign .btns-inner-link a{
		padding: 1em 0;
		height: 23vw;
	}
	/*本文*/
	.main-box{
		padding-top:20px;
	}
	.title-main{
		font-size:30px;
	}
	.title-main2{
		font-size:16px;
		padding-left: 1em;
  		text-indent: -1em;
	}
	.title-main3{
		font-size:28px;
	}
	.inner-s{
		margin-left: auto;
		margin-right: auto;
		width: 260px;
	}
	/* WEB完結ローン新登場！
	------------------------------------*/
	#campaign251020.bg-sky {
			background: #fffaf0 url(../images/index/bg-sky.png) no-repeat left 45% top 10vw;
			background-size: 300%;
	}
	#campaign251020 .wrap-breadcrumb{
		padding-top:2vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-top: 1vw;
		margin-bottom: 0.5em;
	}
	#campaign251020 .webkanketsu-box>*:last-child{
		padding-left:10px;
		padding-right:17px;
		padding-bottom:30px;
	}
}