@charset "utf-8";


/************************************************
sp/pc layout
************************************************/


/*----------------------------
base
----------------------------*/

.properFixedBlock {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	opacity: 0;
	visibility: hidden;
	z-index: 30;
	transition: opacity .25s ease-in, visibility .25s ease-in;
}
.properFixedBlock.active {
	opacity: 1;
	visibility: visible;
}
.properFixedBlock::before {
	content: none;
	display: block;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, rgb(221,102,103) 0%, rgb(133,24,25) 50%, rgb(229,139,140) 100%);
}
.properFixedBlock .inner {
	width: 100%;
	padding: 15px;
	text-align: center;
}
.properFixedBlock .txt.type01 {
	display: flex;
	margin-bottom: 5px;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 13px;
}
.properFixedBlock .txt.type02 {
	display: flex;
	margin-bottom: 5px;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.properFixedBlock a[class*="linkType"] {
	color: #fff;
}

/*-----base col2-----*/

.properFixedBlock .fixCol2 {
	display: flex;
	justify-content: center;
}

.properFixedBlock .fixCol2 .item {
	width: 48%;
	margin-left: 4%;
}

.properFixedBlock .fixCol2 .item:first-of-type {
	margin-left: 0;
}

/*-----base Col2PcOnly-----*/
	.properFixedBlock .fixCol2Pc .item {
		margin-top: 10px;
	}

	.properFixedBlock .fixCol2Pc .item:first-of-type {
		margin-top: 0;
	}


/*----------------------------
btnParts
----------------------------*/

/*-----for base col2-----*/

.properFixedBlock .fixCol2 [class*="fixBtnType"] {
	font-size: 13px;
	padding: 10px 38px;
	width: 100%;
}

/*-----for base col2PcOnly-----*/
.properFixedBlock .fixCol2Pc [class*="fixBtnType"] {
	font-size: 13px;
	padding: 8px 38px;
}

/*-----type01 noIcon-----*/

.properFixedBlock .fixBtnType01 {
	position: relative;
	display: inline-block;
	width: 65%;
	padding: 10px 20px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #c70000 0%, #8d0000 100%);
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.properFixedBlock .fixBtnType01.deep {
	background: linear-gradient(to bottom, red 0%, #540208 100%);
}

.properFixedBlock .fixBtnType01.dark {
	background: linear-gradient(to bottom, #A8030F 0%, #540208 100%);
}

/*-----type02 hasIcon_ver01-----*/

.properFixedBlock .fixBtnType02 {
	position: relative;
	display: inline-block;
	width: 65%;
	padding: 10px 40px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #c70000 0%, #8d0000 100%);
	box-shadow: 3px 3px 3px rgb(0 0 0 / 40%);
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.properFixedBlock .fixBtnType02::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fff;
	transform: translateY(-50%);
}
.properFixedBlock .fixBtnType02::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #a8030e;
	transform: translateY(-50%);
}
.properFixedBlock .fixBtnType02.anchor::after {
	top: calc( 50% + 1px);
	right: 20px;
	border-width: 9px 6px 0 6px;
	border-color: #a8030e transparent transparent transparent;
}

.properFixedBlock .fixBtnType02.deep {
	background: linear-gradient(to bottom, red 0%, #540208 100%);
}

.properFixedBlock .fixBtnType02.dark {
	background: linear-gradient(to bottom, #A8030F 0%, #540208 100%);
}

/*-----type03 hasIcon_ver02-----*/

.properFixedBlock .fixBtnType03 {
	position: relative;
	display: inline-block;
	width: 65%;
	padding: 10px 40px;
	border-radius: 5px;
	border: 2px solid #fff;
	background: linear-gradient(to bottom, #A8030F 0%, #540208 100%);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .59);
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.properFixedBlock .fixBtnType03::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fff;
	transform: translateY(-50%);
}
.properFixedBlock .fixBtnType03::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #a8030e;
	transform: translateY(-50%);
}
.properFixedBlock .fixBtnType03.anchor::after {
	top: calc( 50% + 1px);
	right: 20px;
	border-width: 9px 6px 0 6px;
	border-color: #a8030e transparent transparent transparent;
}

/*-----type04 hasIcon_ver03-----*/


.properFixedBlock .fixBtnType04 {
	position: relative;
	display: inline-block;
	width: 65%;
	padding: 10px 40px;
	border-radius: 5px;
	background: linear-gradient(to bottom, #ffbd00 0%, #ff4b00 100%);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .59);
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.properFixedBlock .fixBtnType04::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #fff;
	transform: translateY(-50%);
}
.properFixedBlock .fixBtnType04::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #ff4b00;
	transform: translateY(-50%);
}
.properFixedBlock .fixBtnType04.anchor::after {
	top: calc( 50% + 1px);
	right: 20px;
	border-width: 9px 6px 0 6px;
	border-color: #ff4b00 transparent transparent transparent;
}

/*-----type05 forImgBtn properApplyBtn01-----*/

.properFixedBlock .fixBtnType05 {
	display: inline-block;
	width: 211px;
}
/************************************************
pc layout
************************************************/


@media print, all and (min-width:641px) {
/*----------------------------
base
----------------------------*/

	.properFixedBlock {
		min-width: 1280px;
		line-height: 1.4;
	}

	.properFixedBlock .inner {
		margin: 0 auto;
	}

	.properFixedBlock .txt.type01 {
		font-size: 16px;
	}

	.properFixedBlock .txt.type02 {
		font-size: 18px;
	}

	.properFixedBlock .cTxtLink05 .txt {
		background: linear-gradient(#fff,#fff) 100% 90%/100% 1px no-repeat;
		background-position-x: left;
	}

/*-----base col2-----*/
	.properFixedBlock .fixCol2 .item {
		width: 300px;
		margin-left: 150px;
	}


/*-----base Col2PcOnly-----*/
	.properFixedBlock .fixCol2Pc {
		display: flex;
		justify-content: center;
	}

	.properFixedBlock .fixCol2Pc .item {
		width: 300px;
		margin-top: 0;
		margin-left: 150px;
	}

	.properFixedBlock .fixCol2Pc .item:first-of-type {
		margin-left: 0;
	}


/*----------------------------
btnParts
----------------------------*/

/*-----for base col2-----*/

	.properFixedBlock .fixCol2 [class*="fixBtnType"] {
		font-size: 20px;
		padding: 12px 48px;
	}

/*-----for base col2PcOnly-----*/
	.properFixedBlock .fixCol2Pc [class*="fixBtnType"] {
		font-size: 20px;
		padding: 12px 48px;
	}

/*-----type01 noIcon-----*/

	.properFixedBlock .fixBtnType01 {
		width: 100%;
		max-width: 608px;
		padding: 14px 40px;
		border-radius: 6px;
		font-size: 21px;
		cursor: pointer;
		transition: opacity .2s;
	}
	.properFixedBlock .fixBtnType01:hover {
		opacity: .8;
		color: #fff;
	}

/*-----type02 hasIcon_ver01-----*/

	.properFixedBlock .fixBtnType02 {
		width: 100%;
		max-width: 608px;
		padding: 14px 52px;
		border-radius: 6px;
		font-size: 21px;
		cursor: pointer;
		transition: opacity .2s;
	}
	.properFixedBlock .fixBtnType02::before {
		right: 21px;
		width: 27px;
		height: 27.5px;
	}
	.properFixedBlock .fixBtnType02::after {
		right: 27px;
		border-style: solid;
		border-width: 7px 0 7px 11px;
	}
	.properFixedBlock .fixBtnType02:hover {
		opacity: .8;
		color: #fff;
	}

	.properFixedBlock .fixBtnType02.anchor::after {
		right: 28px;
	}

/*-----type03 hasIcon_ver02-----*/

	.properFixedBlock .fixBtnType03 {
		width: 100%;
		max-width: 608px;
		padding: 14px 52px;
		border-radius: 6px;
		font-size: 21px;
		cursor: pointer;
		transition: opacity .2s;
	}
	.properFixedBlock .fixBtnType03::before {
		right: 21px;
		width: 27px;
		height: 27.5px;
	}
	.properFixedBlock .fixBtnType03::after {
		right: 27px;
		border-style: solid;
		border-width: 7px 0 7px 11px;
	}
	.properFixedBlock .fixBtnType03:hover {
		opacity: .8;
		color: #fff;
	}
	.properFixedBlock .fixBtnType03.anchor::after {
		right: 28px;
	}


/*-----type04 hasIcon_ver03-----*/

	.properFixedBlock .fixBtnType04 {
		width: 100%;
		max-width: 608px;
		padding: 14px 52px;
		border-radius: 6px;
		font-size: 21px;
		cursor: pointer;
		transition: opacity .2s;
	}
	.properFixedBlock .fixBtnType04::before {
		right: 21px;
		width: 27px;
		height: 27.5px;
	}
	.properFixedBlock .fixBtnType04::after {
		right: 27px;
		border-style: solid;
		border-width: 7px 0 7px 11px;
	}
	.properFixedBlock .fixBtnType04:hover {
		opacity: .8;
		color: #fff;
	}

	.properFixedBlock .fixBtnType04.anchor::after {
		right: 28px;
	}

/*-----type05 forImgBtn properApplyBtn01-----*/
	.properFixedBlock .fixBtnType05 {
		width: 243px;
	}
}