@charset "utf-8";
/* CSS Document */

/*===========================================
	howto wf-1000xm4 pairing css
=============================================*/

#contents div.singleBtn.long,
#contents ul.btnlist.long li a{
	width: calc(74% - 1em);
}

#contents .stepArea ol.stepList.nomal > li >p.lead{
	font-weight: normal;
}

#contents .osArea > .Gray {
	width: 50%;
}

#contents .stepArea ol.stepList li > .Gray{
	width: calc(100% - 38px);
}

@media (max-width: 640px){
	#contents div.singleBtn.long,
	#contents ul.btnlist.long li a,
	#contents .osArea > .Gray,
	#contents .stepArea ol.stepList li > .Gray{
		width: 100%;
	}
}


/* 20220908 アクセシビリティ修正 */

#contents .indexArea p.left.tb-rl{
	writing-mode: tb-rl;
	letter-spacing: 4px;
	height: auto;
}

/* 20231011 */

#contents .accordion.type_3 button + div {
    background-color: #fff;
}

#contents .accordion.type_3 button {
    font-size: 1.1rem;
    width: 50%;
}

#contents .accordion.type_3.full button {
    width: 100%;
}

#contents .indexArea {
	margin-left: 1em;
}

@media screen and (max-width: 640px) {
	#contents .accordion.type_3 button {
		width: calc(100% - 2px);
	}
	
	#contents .stepArea ol.stepList > li > .pct img{
		width: 100%;
		height: auto;
	}
	
	#contents .indexArea {
		margin-left: 5px;
	}
}

#contents ol.stepList > li > .accordion ol.stepList {
    counter-reset: square 2;
}


/* 2024/02/21追記 */
#contents h2.pu_title {
	border-top: none;
	border-bottom: 1px solid #343434;
    margin-bottom: 1em;
	padding-bottom: 0;
	font-size: 1.3846153846154rem;    
}

#contents .bnr_area {
    list-style: none;
	text-align: left;
}

#contents .bnr_single {
    display: inline-block;
    margin: 0 5px 5px 0;
}

@media screen and (max-width: 640px){
	#contents .bnr_area {
		text-align: center;
	}
}