@charset "utf-8";
/* index
------------------------------------------------------------------- */

.l_mainArea{
	background:url(../img/bg_credit.png) #fffeed;
	margin-bottom: 0 !important;
	padding-bottom: 100px;
}

.mjcNav{
	margin-bottom:0;
}
.mjcNav__border{
	top:-4px;
}

#credit {
}

#credit .credit_kv {
	margin:0;
}

#credit .credit_ttl{
	margin:5px 0 0 -2%;
}
#credit .credit_ttl > img{
	width:100%;
}

#credit .introduce {
	background:url(../img/credit/bg_credit_ttl.jpg) repeat 0px 0px;
	padding:65px 50px 77px 26px;

}

#credit .introduce img{
	width:100%;
}

#credit .entry {
    clear: both;
    max-width:718px;
    margin:0 auto;
    position:relative;
    padding:60px 0 0 4%;
    z-index:10;
}

#credit .btn_entry {
	position:relative;
    width:100%;
    max-width: 718px;
    margin:0 auto;
    padding:0;
}

#credit .btn_entry a{
	padding:20px 0;
}

#credit .btn_push_entry {
    display:block;
	margin:0 auto;
    width:100%;
    text-align:center;
	text-decoration:none;

}

#credit .push_solid_entry {
	background:#095983;
    box-shadow:0 5px 0 #094362;
    position:relative;
    top:0;
    -moz-transition:100ms all linear;
    -o-transition:100ms all linear;
    transition:100ms all linear;
}

#credit .push_solid_entry:hover{
	box-shadow:0 1px 0 #094362;
	top:4px;
}


#credit .entry .push_radius {
    border-radius:5px;
}

#credit .btn_push_entry p{
    color:#ff0;
}

#credit .entry .entry_hand {
    position:absolute;
	bottom:0px;
	right:70%;
}

#credit .entry .entry_arrow {
	margin:-30px 0 0 0;
    position:absolute;
	top:50%;
	left:70%;
}

#credit .credit_kv_txt{
	margin:10px 0 60px;
}

#credit .credit_kv_txt p{
	font-size:110%;
	line-height:170%;
}

#credit .return {
	background:url(../img/credit/bg_credit_return.jpg) repeat 0px 0px;
	margin:0;
	padding:71px 57px 65px 53px;
	/*padding:71px 112px 45px 109px;*/
	position:relative;
}
#credit .return h4{
	margin:0 0 20px;
}
#credit .return img{
	width:100%;
}

#credit .return_btn{
	clear:both;
	position:absolute;
	right:25px;
	text-align:right;
}

#credit .return_btn a{
	background:url(../img/credit/btn_credit_return_off.png) no-repeat right 0px;
	padding:5px 40px 5px 0;
	color:#fff;
	text-decoration:none;
	font-size:145%;
}

#credit .return_btn a:hover{
	background:url(../img/credit/btn_credit_return_on.png) no-repeat right 0px;
	color:#ff0;
}

#credit .return_txt{
	margin:10px 0 60px;
}

#credit .return_txt p{
	font-size:110%;
	line-height:170%;
}

#credit .set {
    margin:0px auto;
}

#credit .set .content {
    margin:0 0 60px;
}

#credit .set .content .st {
    padding:20px 15px;
    color:#fff;
    font-size:170%;
	text-align:center;
}

#credit .set .info .st {
    background:#095983;
	font-size:190%;
	font-weight:bold;
}

#credit .set .about .st {
    background:#db1828;
}

#credit .set .flow .st {
	clear:both;
    background:#2484b6;
}

#credit .set .inquiry .st {
    background:#838383;
}

#credit .set .info .box{
	background:url(../img/credit/bg_credit_info.jpg) repeat 0px 0px;
	padding:35px 44px 20px;
}

#credit .set .info .box ul{
	display:table;
	table-layout:fixed;
	width:100%;
	text-align:center;
}

#credit .set .info .box li{
	display:table-cell;
	vertical-align: top;
}

#credit .set .info .box li.info_space{
	width:6%;
}

#credit .btn_push_info {
	display:block;
	margin:0 0 20px;
	padding:10%;
    text-decoration: none;
    text-align: center;

}

#credit .push_solid_info{
	background:url(../img/credit/bg_credit_info_btn.jpg) repeat 0px 0px;
    box-shadow:0 5px 0 #db7c00;
    position:relative;
    top: 0;
    -moz-transition: 100ms all linear;
    -o-transition: 100ms all linear;
    transition: 100ms all linear;
	box-sizing:border-box;
	border:10px solid #ff9626;
}

#credit .push_solid_info:hover{
	box-shadow:0 1px 0 #db7c00;
	top:4px;
}

#credit .set .info .box .push_radius {
    border-radius:5px;
}


#credit .set .info .box .info_majica{
	margin:0 0 20px;
}

#credit .set .info .box .info_clubdonpen{
	margin:0 0 28px;
}

#credit .set .info .box .info_majica_txt p,
#credit .set .info .box .info_clubdonpen_txt p{
	font-size:120%;
	font-weight:bold;
}

#credit .set .info .box .info_comment{
	text-align:left;
	font-size:120%;
}

#credit .btn_push_entry p{
	padding:9px 0;
	font-size:120%;
	font-weight:bold;
    color: #ff0;
	line-height:100%;
}

#credit .set .anchor ul{
	display:table;
	table-layout:fixed;
	text-align:center;
	width:100%;
}

#credit .set .anchor li{
	display:table-cell;
	vertical-align:top;
	text-align:center;
}

#credit .set .anchor li.anchor_space{
	width:6%;
}

#credit .set .anchor li div.anchor_about_txt,
#credit .set .anchor li div.anchor_flow_txt{
	padding:24px 0 0 0;
}

#credit .set .anchor li div.anchor_inquiry_txt{
	padding:38px 0 0 0;
}

#credit .set .anchor li div.anchor_arrow{
	margin-top:-13px;
	margin-left:-11px;
	position:absolute;
	top:59%;
	left:50%;
}

#credit .set .anchor li p{
	color:#fff;
	font-size:60%;
	line-height:180%;
}

#credit .btn_push_anchor {
    display:block;
    margin:0 auto;
	height:120px;
	text-align:center;
	text-decoration:none;
}

#credit .push_solid_anchor{
    position:relative;
    top:0;
    -moz-transition:100ms all linear;
    -o-transition:100ms all linear;
    transition:100ms all linear;
}

#credit .about_btn{
	background:#db1828;
    box-shadow:0 3px 0 #9d0000;
}

#credit .flow_btn{
	background:#2484b6;
    box-shadow:0 3px 0 #1c668d;
}

#credit .inquiry_btn{
	background:#838383;
    box-shadow:0 3px 0 #747474;
}

#credit .about_btn:hover{
	box-shadow:0 1px 0 #9d0000;
	top:2px;
}

#credit .flow_btn:hover{
	box-shadow:0 1px 0 #1c668d;
	top:2px;
}

#credit .inquiry_btn:hover{
	box-shadow:0 1px 0 #747474;
	top:2px;
}

#credit .set .anchor .push_radius {
    border-radius:5px;
}

#credit .set .about .txt {
	padding:38px 0;
	font-size:120%;
	text-align:left;
}


#credit .set .about .aboutBox {
	overflow:hidden;
}

#credit .set .about .aboutBox .vol{
	float: right;
	width: 100%;
	margin: 0 0 0 -180px;
	background:#fff;
	border-bottom:1px solid #ccc;
	padding:30px 0;

}

#credit .set .about .aboutBox div:last-child{
	border-bottom:0;
}

#credit .set .about .aboutBox .item {
	float:left;
	width:180px;
	/*vertical-align: middle;*/
	padding:0 0 0 30px;
	font-size:110%;
	font-weight:bold;
}
#credit .set .about .aboutBox .detail{
	margin: 0 0 0 180px;
	font-size:120%;
	/*vertical-align: middle;*/
	padding:0 30px;
}

#credit .set .about .aboutBox .l_img img {
	width:100%;
	height:auto;
}


#credit .set .about .aboutBox .detail p {
}

/*
#credit .set .about .aboutBox .item_2{
	clear:both;
	float:left;
	width:153px;
	font-size:115%;
	font-weight:bold;
}

#credit .set .about .aboutBox .item_2 img {
	max-width:900px;
	height:auto;
}
*/


@media only screen and (max-width: 767px) {
	#credit .set .about .aboutBox .vol{
		clear:both;
		background:#fff;
		border-bottom:1px solid #ccc;
		padding:30px 0;
	}

	#credit .set .about .aboutBox .detail{
		clear:both;
		padding:0 30px;
		margin:0;
		font-size:120%;
	}
	.detail .startMoney {
		font-size:90%;
	}
	#credit .set .about .aboutBox .item {
		padding:0 30px;
		font-size:110%;
		font-weight:bold;
	}
	#credit .set .about .aboutBox .l_img img {
		width:100%;
		height:auto;
	}

	#credit .set .about .aboutBox dl{
		padding-top:10px;
	}

	#credit .set .about .aboutBox .campamy_logo img{
		width: auto;
		max-width: 50%;
		height:auto;
	}

}

#credit .set .about .aboutBox .detail dl{
	display:inline-block;
	margin:0 50px 0 0;
}

#credit .set .about .aboutBox .detail dl:last-child{
	margin:0;
}

#credit .set .about .aboutBox .detail dt{
	text-align: center;
}
#credit .set .about .aboutBox .detail dd{
	font-size:90%;
	text-align: center;
}

#credit .set .about .aboutBox .detail .pic_about_jaccs{
	margin:0 0 8px 0;
}
#credit .set .about .aboutBox .detail .pic_about_ucs{
	width: auto
}

#credit .set .about .aboutBox .detail dl{
	display:inline-block;
}


#credit .set .about .aboutBox .detail img.pic_about_return{
	margin:0 30px 15px 0;
}

#credit .set .about .aboutBox .detail_link{
	float:right;
	padding:0 30px 30px 0;
}

#credit .set .about .aboutBox .detail_link a{
	background:url(../img/credit/btn_about_off.png) no-repeat right 0px;
	padding:3px 30px 5px 0;
	text-decoration:underline;
	color:#db1828;
	font-size:130%;
}

#credit .set .about .aboutBox .detail_link a:hover{
	background:url(../img/credit/btn_about_on.png) no-repeat right 0px;
	color:#ff2c3d;
}

#credit .set .flow .box {
	background:#fff;
	padding:50px 40px 45px;
}

#credit .set .flow .box .flow_image{
	margin:0 0 60px;
	width:100%;
}

#credit .set .flow .box .flow_image img {
	width:100%;
	height:auto;
}

#credit .set .flow .box .flow_entry_st{
	background:#333;
	width:auto;
	padding: 20px 15px;
    color: #fff;
    font-size:170%;
    text-align:center;
}

#credit .set .flow .box .flow_entry_txt{
	padding:30px;
	width:auto;
	text-align:center;
}

#credit .set .flow .box .flow_entry_card{
	width:auto;
}

#credit .set .flow .box .flow_entry_card ul{
	/*
	display:table;
	table-layout:fixed;
	*/
	width:100%;
}

#credit .set .flow .box .flow_entry_card li{
	/*
	display:table-cell;
	float:left;
	width:31.33%;
	*/
	vertical-align:top;
	padding:0 1%;
	/* 200413追記 */
	display: block;
	margin: 0 auto;
	width: 50%;
}

#credit .set .flow .box .flow_entry_card li.flow_entry_space{
}

#credit .set .flow .box .flow_entry_card .flow_entry_mark{
	position:absolute;
	top:5px;
	right:10px;
	width:16px;
	height:14px;
}

#credit .set .flow .box .flow_entry_card .flow_pic{
	margin:0 0 15px 0;
}

#credit .set .flow .box .flow_entry_card .flow_cedyna_logo{
	margin:0 0 9px 0;
}
#credit .set .flow .box .flow_entry_card .flow_ucs_logo{
	margin:0 0 9px 0;
}

#credit .set .flow .box .flow_entry_card .flow_jaccs_logo{
	margin:0 0 16px 0;
}

#credit .set .flow .box .flow_entry_card .flow_ucs_txt,
#credit .set .flow .box .flow_entry_card .flow_cedyna_txt,
#credit .set .flow .box .flow_entry_card .flow_jaccs_txt{
	text-align:center;
}

#credit .set .flow .box .flow_entry_card .flow_ucs_txt p,
#credit .set .flow .box .flow_entry_card .flow_cedyna_txt p,
#credit .set .flow .box .flow_entry_card .flow_jaccs_txt p{
	font-size:130%;
}

#credit .btn_push_flow {
    display:block;
	margin:0 auto;
	padding:0 10px 0 0;
    width:100%;
    text-align:center;
	text-decoration:none;
}

#credit .set .flow .box .flow_entry_card .push_solid_flow{
	background:url(../img/credit/bg_credit_flow_btn.jpg) repeat 0px 0px;
	box-shadow:0 5px 0 #0d3244;
	padding:10%;
	position: relative;
	top:0;
	-moz-transition:100ms all linear;
	-o-transition:100ms all linear;
	transition:100ms all linear;
	box-sizing:border-box;
	border:10px solid #134660;
}

#credit .set .flow .box .flow_entry_card .push_solid_flow:hover{
	box-shadow:0 1px 0 #0d3244;
	top:4px;
}

#credit .set .flow .box .flow_entry_card .push_radius {
    border-radius:3px;
}

#credit .set .inquiry .box {
	background: #fff;
	padding:50px 40px 57px;
}

#credit .set .inquiry .box .push_solid_inquiry p{
	padding:25px 0;
	color:#2484b6;
	font-size:120%;
	font-weight:bold;
}

#credit .btn_push_inquiry {
    display:block;
	margin:0 auto;
    width:100%;
    text-align:center;
	text-decoration:none;
}

#credit .push_solid_inquiry{
	background:#d6f5fa;
    box-shadow:0 3px 0 #bce0e9;
    position:relative;
    top:0;
    -moz-transition:100ms all linear;
    -o-transition:100ms all linear;
    transition:100ms all linear;
}

#credit .push_solid_inquiry:hover{
	box-shadow:0 1px 0 #bce0e9;
	top:3px;
}

#credit .btn_push_inquiry .push_radius {
    border-radius:3px;
}

#credit .btn_push_inquiry .arrow{
	position:absolute;
    top:26px;
	right:30px;
}


@media only screen and (max-width: 767px) {
	.pc_only {
    	display: none !important;
	}

	.sp_only {
	    display: block !important;
	}

	.l_mainArea{
		background-size:75px auto;
	}

	#credit .credit_kv{
		margin:15px 0 0 0;
	}

	#credit .credit_ttl{
		margin:0 0 0 1%;
	}

	#credit .introduce {
		background-size:25px auto;
		padding:15px 20px 25px 20px;
		margin:0 15px;
	}

	#credit .btn_push_entry p{
		font-size:90%;
		/*color:transparent;*/
	}

	#credit .push_solid_entry{
		box-shadow: 0 3px 0 #094362;
	}

	#credit .push_solid_entry:hover{
		box-shadow:0 1px 0 #094362;
		top:2px;
	}

	#credit .entry {
    	padding:15px 0 0 0;
	}

	#credit .entry .entry_hand {
    	right: 73%;
	}
	#credit .entry .entry_arrow {
    	left: 77%;
	}

	#credit .credit_kv_txt {
    	margin:5px 15px 30px;
	}

	#credit .return {
		background-size:35px;
		margin:0 15px;
		padding:30px 10px 30px 11px;
	}

	#credit .return h4 {
    	margin: 0 0 15px;
	}

	#credit .return_btn {
		padding:10px 5px;
		position:static;
    	text-align:center;
		border:5px solid #fff;
		border-radius:10px;
	}

	#credit .return_btn a {
		background-size:27px;
		font-size:120%;
	}

	#credit .return_txt {
    	margin:5px 15px 30px;
	}

	#credit .set .content {
    	margin:0 15px 30px;
	}

	#credit .set .info .box {
		background-size:40px;
		padding:30px 20px 30px;
	}

	#credit .set .info .st {
    	font-size:120%;
	}

	#credit .set .anchor li{
		padding: 15px 0 0 0;
	}

	#credit .set .anchor li.anchor_space {
		width: 3%;
	}

	#credit .set .anchor li p {
		font-size: 40%;
	}

	#credit .btn_push_anchor {
	    height: 90px;
	}

	#credit .set .anchor li div.anchor_about_txt,
	#credit .set .anchor li div.anchor_flow_txt{
		padding:15px 0 0 0;
	}

	#credit .set .anchor li div.anchor_inquiry_txt{
		padding:29px 0 0 0;
	}

	#credit .set .anchor li div.anchor_arrow{
		top: 50%;
	}

	#credit .set .content .st {
	    font-size: 110%;
	}

	#credit .set .about .box .item,
	#credit .set .about .box .item_2{
		display:block;
		margin:0 0 10px;
	}

	#credit .set .about .box div {
		padding: 20px 12px;
	}

	#credit .set .about .box .detail dl{
		margin: 0 15px 0 0;
		width: 40%;
	}

	#credit .set .about .box .campamy_logo dd{
		font-size: 50%;
	}

	#credit .set .about .box .detail .pic_about_jaccs{
		margin: 0 0 4px 0;
	}

	#credit .set .about .box .detail_link {
		top: 53%;
    	right: 15px;
	}

	#credit .set .about .box .detail_link a {
		background-size:13px;
		font-size: 90%;
	}

	#credit .set .flow .box {
		padding:35px 15px 45px;
	}

	#credit .set .flow .box .flow_image{
		width:80%;
		margin: 0 auto 10px auto;
	}

	#credit .set .flow .box .flow_entry_st{
		padding: 20px 0px;
	    font-size: 110%;
	}

	#credit .set .flow .box .flow_entry_txt{
		padding: 20px 0;
	}

	#credit .set .flow .box .flow_entry_txt p{
		font-size: 85%;
	}
	#credit .set .flow .box .flow_entry_card {
		padding:0 2.75% 0 0;
	}

	#credit .set .flow .box .flow_entry_card li{
		clear:both;
		width:100%;
		display:block;
		margin:0 0 30px;
	}

	#credit .set .flow .box .flow_entry_card li:last-child{
		margin:0;
	}

	#credit .set .inquiry .box{
		padding:25px 20px 20px;
	}

	#credit .set .inquiry .box .push_solid_inquiry p{
	    font-size: 100%;
	}

	#credit .btn_push_inquiry .arrow{
		top: 22px;
    	right: 10px;
	}

	#credit .btn_push_inquiry .arrow img{
		width:70%;
	}

	#credit .set .about .aboutBox .detail dl{
		display:block;
		margin:0 0 10px 0;
	}
	#credit .set .about .aboutBox .detail dd,#credit .set .about .aboutBox .detail dt{
		text-align: left;
	}
}


@media only screen and (max-width: 767px) {
	.creditkv__txt{
		display:block;
		width:auto;
		margin:-20px 15px 25px;
	}
	.credit_kv .subtxt {
		display:block;
		padding:30px 15px 10px;
	}
	.credit_kv .txt .movie {
		display:block;
		width:auto;
		padding:0 20px 30px 45px;
		text-align:center;
	}
}
@media only screen and (max-width: 450px) {
	.credit_ttl{
		margin:0 0 0 3%;
	}
}
.creditDeals .title{
	background:#e91a2a;
	padding:17px;
	text-align:center;
}
.creditDeals__fig{
	width:100%;
	border-bottom: 2px solid #eac394;
}
.creditPoint{
	display:none;
}
#credit .box .point {
	clear:both;
	overflow:hidden;
	margin:0px auto 50px;
	border-bottom:solid 2px #eac394;
	background:#fff;
}

#credit .box .point .title {
	background:#0070aa;
}
.point .title img {
	max-width:100%;
}

#credit .box .point .list {
}

#credit .box .point .list ul {
	margin:0px;
	padding:0px;
}

#credit .box .point .list ul li {
	overflow:hidden;
	float:left;
	width:300px;
	height:290px;
	text-align:center;
}

#credit .box .point .list ul li p {
	padding:220px 0px 0px 0px;
}

#credit .box .point .list .point1 {
	background:url(../img/point1.jpg) no-repeat 0px 0px;
}

#credit .box .point .list .point2 {
	background:url(../img/point2.jpg) no-repeat 0px 0px;
}

#credit .box .point .list .point3 {
	background:url(../img/point3.jpg) no-repeat 0px 0px;
}

#credit .box .point .readtxt,
#credit .box .important .readtxt {
	padding:25px;
	text-indent: -1em;
	margin-left: 1em;
}

#credit .box .point .readtxt .start {
	padding:0px 0px 10px 0px;
}

#credit .point .more {
	padding:0px 25px 25px;
}
.point__btn{
	width:100%;
}
@media only screen and (max-width: 767px) {
	.plus img{
		width:74px;
	}
	.creditPoint{
		display:block;
	}
	.creditDeals{
		margin:0 15px;
	}
	.creditPoint__article{
		padding:15px 15px 15px 95px;
	}
	.creditPoint__article--01{
		background:url(../img/credit_point01.png) no-repeat 5px 7px #fff0f3;
		background-size:75px auto;
		border-bottom:solid 1px #ffced8;
	}
	.creditPoint__article--02{
		background:url(../img/credit_point02.png) no-repeat 5px 7px #eff5f9;
		background-size:78px auto;
		border-bottom:solid 1px #cfe3f1;
	}
	.creditPoint__article--03{
		background:url(../img/credit_point03.png) no-repeat 5px 7px #f4f9ee;
		background-size:73px auto;
		border-bottom:solid 1px #d8e7c6;
	}
	.creditPoint__article--04{
		background:url(../img/credit_point04.png) no-repeat 5px 7px #ecf7f4;
		background-size:68px auto;
		border-bottom:solid 1px #d4ece5;
	}
	.creditPoint__article--05{
		background:url(../img/credit_point05.png) no-repeat 5px 7px #fff3ea;
		background-size:77px auto;
	}
	.creditPoint__article h4{
		font-weight:bold;
		margin-bottom:0.3em;
	}
	.creditPoint__article p{
		font-size:85%;
	}
	#credit .box .point {
		margin:0 15px 50px;
	}
	#credit .box .point .readtxt{
		padding:15px;
	}

	/*anchr pos*/
	/*
	#credit_about,
	#credit_flow,
	#appStart,
	#credit_inquiry {
		display: block;
		padding-top:80px;
		margin-top:-80px;
	}
	#credit .set .content {
		padding-top:80px;
		margin-top:-80px;
	}
	*/
	.box .flow_image {
		padding-bottom:30px;
	}

}
#credit .box .plus {
	margin:0px auto;
	text-align:center;
	padding:20px 0px 20px 0px;
}

#credit .box .important {
	overflow:hidden;
	margin:20px auto 0px auto;
	border-bottom:solid 2px #eac394;
	background:#fff;
}


/*　200422追記
------------------------------------*/
#credit .entry{
	padding: 40px 0 0 4%;
}