@charset "utf-8";
/************************************************
overWrite
************************************************/
#contents {
	max-width: 750px;
}
/************************************************
parts
************************************************/
/*---------------
usSlide
------------------*/
.usSlide {
	border: none;
}
.usSlide .slideContent {
	padding: 30px 25px 0;
}
.usSlide .slick-arrow {
	border-bottom: 5px solid #f6994e;
	border-right: 5px solid #f6994e;
	width: 25px;
	height: 25px;
}
.usSlide .slick-arrow.slick-disabled {
	display: none !important;
}
.usSlide .slick-prev {
	transform: rotate(135deg);
	left: -25px;
}
.usSlide .slick-next {
	transform: rotate(-45deg);
	right: -25px;
}
/*---------------
usFlow
------------------*/
.usFlow > li {
	position: relative;
}
.usFlow > li:not(:first-of-type) {
	margin-top: 57px;
}
.usFlow > li:not(:last-of-type):after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 21px 0 21px;
	border-color: #b5b5b5 transparent transparent transparent;
	position: absolute;
	top: calc(100% + 20px);
	right: calc(50% - 21px);
}
/*---------------
noteBox
------------------*/
.noteBox + .noteBox {
	margin-top: 50px;
}
/*---------------
tabBlue
------------------*/
.wide.tabBlue > .tabContent {
	margin: 0 -15px;
	border-color: #ccc;
	border-bottom: none;
}
.tabBlue > .tabList > .tabListItem > .tabBtn {
	padding: 7px;
}
.tabBlue > .tabList > .tabListItem > .tabBtn.is-open {
	background: #f6994e;
	color: #fff;
	border-color: #f6994e;
}
.tabBlue > .tabList > .tabListItem > .tabBtn.is-open::after {
	border-color: #f6994e transparent transparent;
}
.tabBlue > .tabContent > .tabCntItem {
	padding-top: 0;
}
.tabBlue > .tabList > .tabListItem > .tabBtn .emph {
	color: #FFCC00;
}
.tabBlue > .tabList > .tabListItem > .tabBtn.is-open .emph {
	color: #fceeb8;
}
/************************************************
layout
************************************************/
.kvImg {
	margin-right: -15px;
	margin-left: -15px;
	position: relative;
}
.kvTxt {
	position: absolute;
	text-align: left;
	font-weight: normal;
	width: 97%;
	left: calc(50% - 49%);
	top: 51%;
}
/*---------------
periodBlk
------------------*/
.periodBox .conditionImg img {
	width: 88%;
}
.periodBlk {
	margin-top: 30px;
}
.periodBlk .prImg {
	margin: 25px -15px 0;
}
.periodBlk .blkTtl {
	width: 77%;
	margin: 0 auto;
}
/*---------------
flowBlk
------------------*/
.flowBlk {
	margin-top: 31px;
}
.flowBlk .flowImg {
	margin-top: 34px;
}
.flowBlk .blkTtl {
	width: 77%;
	margin: 0 auto;
}
.flowBlk .tabBlue {
	margin-top: 30px;
}
/*---------------
cardBlk
------------------*/
.cardBlk {
	margin-top: 66px;
}
.cardBlk .blkTtl {
	width: 89%;
	margin: 0 auto;
}
.cardBlk .clm .clmItem {
	width: 29%;
}
/*---------------
descBlk
------------------*/
.descBlk {
	margin-top: 41px;
}
.descBlk .descLead {
	text-align: center;
	font-weight: bold;
	margin-top: 34px;
	line-height: 1.7;
}
.descBlk .meritCnt {
	margin-top: 26px;
}
.descBlk .mrImgList {
	text-align: center;
}
.descBlk .mrImgList > li {
	position: relative;
}
.descBlk .mrImgList > li:not(:first-of-type) {
	margin-top: 40px;
}
.descBlk .mrImgList > li .txtBlock {
	padding: 0 3.7334vw;
	background-size: 100% auto;
	text-align: left;
}
.descBlk .mrImgList > li:nth-of-type(2) .txtBlock {
	position: absolute;
	bottom: 0.7%;
}
.descBlk .mrImgList > li .txtBlock02 {
	padding: 0 15px;
}
.descBlk .blkTtl {
	width: 89%;
	margin: 0 auto;
}

.txt-layout01 {
	display: flex;
}
.txt-layout01 > span:first-child {
	white-space: nowrap;
}
@media (max-width:641px){
	.txtBoldSP {
		font-weight: bold;
	}
}

/*---------------
usageBlk
------------------*/
.usageBlk {
	margin-top: 73px;
}
.usageBlk .blkTtl {
	margin: 0 auto;
	width: 91%;
}
/*---------------
noteBlk
------------------*/
.noteBlk {
	margin-top: 88px;
}



.ctaBlock {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 18px 0;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity .3s, visibility .3s;
	text-align: center;
	z-index: 5;
}
.ctaBlock a {
	display: inline-block;
}
@media (max-width:641px){
	.slick-prev, .slick-next {
		top: 160px;
	}
	#footerArea {
		margin-bottom: 83px
	}
	#pageTopArea {
		bottom: 118px !important;
	}
	.ctaBlock a > img {
		width: 264px;
	}
}