@charset "UTF-8";
.sec-howto section + section{
	margin-top: calc(70px * var(--space-scale-s));
}
.sec-howto .kakomi-table{
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin: 0 auto;
	max-width: 400px;
	width:100% ;
}
.sec-howto .kakomi-table dt,
.sec-howto .kakomi-table dd{
	display: flex;
	align-items: center;
	padding: 10px 24px;
	justify-content: center;
	border: solid 4px var(--bg-black);

}
.sec-howto .kakomi-table dt{
	border-right: dashed 4px var(--bg-black);
}
.sec-howto .kakomi-table dd{
	border-left: none;
	border-right: solid 4px var(--bg-black);

}

.sec-howto .tx-lead{
	margin-bottom: calc(50px * var(--space-scale-s));
}
.sec-howto .title{
	margin-bottom: calc(30px * var(--space-scale-s));
}

.sec-rules .accordion-list .accordion-content__inner{
	background: var(--bg-white);
}
.sec-rules .accordion-list table .icons img{
	width: 100%;
	height: auto;
}
.sec-rules .accordion-list table .icons{
	background: var(--bg-black);
	padding: 15px;
	position: relative;
	width: 150px;
	vertical-align: middle;
}
.sec-rules .accordion-list table .detail{
	padding: 15px 0 15px 20px;
}
table .icons::before{
	content: '';
	display: flex;
	justify-content: center;
	width: 100%;
	height: 30px;
	background: url(../img/common/step-1.png)no-repeat;
	background-position: center;
	background-size: contain;
}
.sec-rules .accordion-list div 
table .icons.step01::before{
	background: url(../img/common/step-1.png)no-repeat;
	background-position: center;
	background-size: contain;
}
.sec-rules .accordion-list div  
table .icons.step02::before{
	background: url(../img/common/step-2.png)no-repeat;
	background-position: center;
	background-size: contain;
}
.sec-rules .accordion-list div 
table .icons.step03::before{
	background: url(../img/common/step-3.png)no-repeat;
	background-position: center;
	background-size: contain;
}
.sec-rules .accordion-list div 
table .icons.step04::before{
	background: url(../img/common/step-4.png)no-repeat;
	background-position: center;
	background-size: contain;
}


.sec-rules .accordion-list .accordion-trigger::before{
	background: url(../img/common/i-1-w.svg) no-repeat,
	var(--bg-main);
    background-position: center;
    background-size: contain;
    left: 16px;
    width: 25px;
    height: 25px;
    transform: translateY(-37%);
    border: solid 2px var(--bg-main);
}
.sec-rules .accordion-list div:nth-child(2) .accordion-trigger::before{
	background: url(../img/common/i-2-w.svg) no-repeat,
	var(--bg-main);
    background-position: center;
    background-size: contain;
}
.sec-rules .accordion-list div:nth-child(3) .accordion-trigger::before{
	background: url(../img/common/i-3-w.svg) no-repeat,
	var(--bg-main);
    background-position: center;
    background-size: contain;
}
.sec-rules .accordion-list div:nth-child(4) .accordion-trigger::before{
	background: url(../img/common/i-4-w.svg) no-repeat,
	var(--bg-main);
    background-position: center;
    background-size: contain;
}
.accordion-list .bg-kakomi{
	margin-top: 20px;
}
.dl-list-no dt{
	margin-bottom: 20px;
}
.dl-list-no .c-flex {
	align-items: stretch;
}
.dl-list-no .c-flex .t-en{
	padding: 4px 6px;
	color: var(--color-white);
	width: 20px;
	position: relative;
	z-index: 1;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.dl-list-no .c-flex .t-en:after{
	content: '';
	display: block;
	background: var(--bg-black);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.sec-apply-1 .title{
	margin-top: 30px;
}

.sec-apply-4 .kakomi-border + .kakomi-border{
	margin-top: 20px;
}
.sec-apply-5 button + button{
	margin-top: 20px;
}

.sec-howto .sec-apply-3,
.sec-howto .sec-apply-4{
	padding: 30px 20px;
	background: var(--bg-white);
}



@media screen and (max-width: 1179px) {






}
@media screen and (max-width: 1023px) {

	.sec-rules .accordion-list table .detail,
	.sec-rules .accordion-list table .detail p,
	.dl-list-no dd{
		font-size: 14px;
	}
	.dl-list-no .midashi-s{
		font-size: 16px;
	}
	.sec-rules .accordion-list table .icons{
		width: 80px;
	}

}
@media screen and (max-width: 767px) {

	.sec-rules .accordion-list table .icons{
		width: 10px;
		padding: 0;
		border-radius: 10px;
		background: var(--bg-black-10);
	}
	.sec-rules .accordion-list table .icons:before,
	.sec-rules .accordion-list table .icons img{
		display: none;

	}

	.sec-rules .accordion-list .accordion-content__inner{
		padding: 0px 16px 20px;
	}
	.sec-rules .accordion-list .accordion-trigger {
        padding: 30px 40px 20px 50px;
    }
    .sec-rules .accordion-list .accordion-trigger::before{
    	left: 6px;
    }
	.mono .sec-howto .midashi-s{
		font-size: 16px;
	}
	.sec-rules .accordion-list table .detail,
	.sec-rules .accordion-list table .detail p,
	.dl-list-no dd,
	.dl-list-no span,
	.mono .sec-howto p span,
	.mono .sec-howto p{
		font-size: 0.85rem;
	}

	.dl-list-no .c-flex .t-en{
		width: 60px;
		font-size: 28px;
	}



}
@media screen and (max-width: 376px) {


	.mono .sec-howto .midashi-s{
		font-size: 18px;
	}
	.mono .sec-howto .accordion-content .midashi-s{
		font-size: 0.85rem;
	}


}