:root{
	--main-color:#f08418;
}

:root{
	--main-dark-color:#e3591e;
}

:root{
	--conv-color:#63b538;
}

:root{
	--conv-dark-color:#46a920;
}

:root{
	--main-font-color:#002D3C;
}

:root{
	--shadow-color:#4d4d4d;
}

:root{
	--shadow-color-main:rgba(240,132,24,0.4);
}

:root{
	--shadow-color-main-dark:rgba(227,89,30,0.7);
}

:root{
	--accent-color:#FFE12A;
}

:root{
	--accent-sub-color:#78c41d;
}

sup.fukidashi strong.dotted::before{
	color: #f7bd82;
}

#whats{
	background: linear-gradient(0deg, #cb451e 0%, var(--main-color) 80%);
}

#whats .multipl{
    color: #e3591e;
}

#faq::before{
	background: #fce6d1;
}

.clickableArea::after{
	content: url("../images/sup_faq_arrow.svg");
}

.conv_area .focus::before,
.conv_area .focus::after{
	content: url("../images/sup_conv_area_focus.svg");
}

label img.open{
	background: url("../images/sup_faq_arrow.svg");
}

#trust{
	background-image: url("../images/sup_trust_bg.jpg");
}

#flow .half:nth-of-type(2) .fukidashi{
    letter-spacing: 0.01em;
}

#flow .half:nth-of-type(2) .card p{
	letter-spacing: 0.01em;
}

#flow .card{
    min-height: 233px;
}

.conv_circle .conv_inner::after{
	background: linear-gradient(135deg, var(--conv-color) 0%, var(--conv-dark-color) 100%);
}

.conv_circle .conv_inner::before{
	background: linear-gradient(135deg, var(--conv-dark-color) 0%, var(--conv-color) 100%);
}

a.conv_circle:hover .conv_inner::before{
	background: linear-gradient(225deg, var(--conv-dark-color) 0%, var(--conv-color) 100%);
}

a.conv_circle:hover .conv_inner::after{
	background: linear-gradient(225deg, var(--conv-color) 0%, var(--conv-dark-color) 100%);
}

.conv .conv_inner{
	background: linear-gradient(315deg, var(--conv-dark-color) 0%, var(--conv-color) 100%);
}

.conv .conv_outer{
	background: linear-gradient(135deg, var(--conv-dark-color) 0%, var(--conv-color) 100%);
}

.conv:hover .conv_outer {
	background: linear-gradient(225deg, var(--conv-dark-color) 0%, var(--conv-color) 100%);
}

.conv:hover .conv_inner {
	background: linear-gradient(135deg, var(--conv-dark-color) 0%, var(--conv-color) 100%);
}

/*-------------------------------------------*/
/*販売会社は信頼できる？*/
/*-------------------------------------------*/

#trust .card img{
	max-width: 280px;
	margin-right: 7px;
	margin-left: 7px;
}

#trust .fukidashi{
	margin-bottom: 55px;
	max-width: 640px;
}

#trust .card{
	padding: 27px 36px;
}

#trust .card h3{
	margin-top: 20px;
}

#trust .card > div{
	width: 60%;
}

#trust .card > img{
    aspect-ratio: 280 / 187;
    object-fit: cover;
	width: 32%;
}

#trust .flex:nth-of-type(2){
	flex-direction: row-reverse;
}


@media screen and (min-width:431px) and (max-width: 834px){

	#trust .fukidashi{
		margin: 0 auto 55px auto;
	}
	
	#trust .w870{
		display: flex;
		justify-content: space-between;
	}
	
	#trust .card h3{
		font-size: 2.4rem;
	}
	
	#trust .flex:nth-of-type(1),
	#trust .flex:nth-of-type(2){
		width: 48%;
	}
}

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

	#trust .card{
		padding: 20px;
		text-align: center;
	}
	
	#trust tag{
		font-size: 1.2rem;
	}
	
	#trust .card > div{
		width: 100%;
	}
	
	#trust .card > img{
		width: 100%;
		margin: 0 auto 40px auto;
	}
	
	#trust .card p{
		margin-bottom: 0;
		text-align: left;
	}
	
	#trust .flex:nth-of-type(1),
	#trust .flex:nth-of-type(2){
		display: flex;
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 430px){
	
	#trust .fukidashi{
		margin: 0 15px 55px 15px;
		font-size: 5.6vw;
	}
	
	#trust .card{
		padding: 20px;
		text-align: center;
	}
	
	#trust tag{
		font-size: 1.2rem;
	}
	
	#trust .card h3{
		font-size: 6.3vw;
	}
	
	#trust .flex:nth-of-type(1),
	#trust .flex:nth-of-type(2){
		display: flex;
		flex-direction: column-reverse;
	}

	#flow .half:nth-of-type(1) .fukidashi{
		padding-top: 1.6em;
	}

	#flow .half:nth-of-type(2) .fukidashi{
		padding-top: 8px;
	}
	
	/*スマホ版追従バナー*/
	#bnr_official_sp a{
		border-top: 1px solid var(--main-color);
	}
}