@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@300;400;500;600;700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/*------------------------------------------------
reset
--------------------------------------------------*/
#resense_original div, #resense_original span, #resense_original applet, #resense_original object, #resense_original iframe,
h1, #resense_original h2, #resense_original h3, #resense_original h4, #resense_original h5, #resense_original h6, #resense_original p, #resense_original blockquote, #resense_original pre,
a, #resense_original address , #resense_original abbr, #resense_original acronym, #resense_original aress, #resense_original article, #resense_original aside, #resense_original big, #resense_original cite, #resense_original code,
del, #resense_original dfn, #resense_original em, #resense_original font, #resense_original img, #resense_original ins, #resense_original kbd, #resense_original q, #resense_original s, #resense_original samp, #resense_original section,
small, #resense_original strike, #resense_original strong, #resense_original sub, #resense_original sup, #resense_original tt, #resense_original var,
b, #resense_original u, #resense_original i, #resense_original center, #resense_original nav,
dl, #resense_original dt, #resense_original dd , #resense_original ol, #resense_original ul, #resense_original li,
fieldset, #resense_original form, #resense_original label, #resense_original legend,
table, #resense_original caption, #resense_original tbody, #resense_original tfoot, #resense_original thead, #resense_original tr, #resense_original th, #resense_original td,
button, #resense_original hr, #resense_original time{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:inherit;
	background: transparent;
	font-weight:inherit;	
	text-decoration:none;
	font-family:inherit;
	color:inherit;
	box-sizing:border-box;
	font-style:normal;
	text-align:left;
	list-style: none;
	position:relative;
	line-height: inherit;
	word-break: normal;
	letter-spacing: inherit;
	text-shadow: inherit;
}
#resense_original{
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0;
}
#resense_original img{
	vertical-align:bottom;
	max-width:100%;
	height: auto;
}
#resense_original p,
#resense_original th,
#resense_original td{
	line-break: strict;
	line-height: 2;
	word-break: normal !important;
	word-wrap: break-word;
}


/*------------------------------------------------
layout
--------------------------------------------------*/
#resense_original .flexSpace{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;		/*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: justify; /*Android4.3*/
	-moz-box-pack: justify;		/*Firefox21*/
	-ms-flex-pack: justify;		/*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
#resense_original .flexStart{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;		/*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
}
#resense_original .flexCenter{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;		/*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: center; /*Android4.3*/
	-moz-box-pack: center;		/*Firefox21*/
	-ms-flex-pack: center;		/*IE10*/
	-webkit-justify-content: center; /*PC-Safari,iOS8.4*/
	justify-content: center;
}
#resense_original .flexEnd{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;		/*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-justify-content:flex-end;				 /* Safari etc. */
	-ms-justify-content:flex-end;				 /* IE10				*/
	justify-content:flex-end;
}
#resense_original .flexSpace.reverse,
#resense_original .flexStart.reverse,
#resense_original .flexEnd.reverse,
#resense_original .flexCenter.reverse{
	flex-direction: row-reverse;
}
#resense_original .flexSpace.center,
#resense_original .flexStart.center,
#resense_original .flexEnd.center,
#resense_original .flexCenter.center{
	align-items: center;
}
#resense_original .flexSpace.bottom,
#resense_original .flexStart.bottom,
#resense_original .flexEnd.bottom,
#resense_original .flexCenter.bottom{
	align-items: flex-end;
}
#resense_original .gap4{ gap: 4px;}
#resense_original .gap8{ gap: 8px;}
#resense_original .gap12{ gap: 12px;}
#resense_original .gap16{ gap: 16px;}
#resense_original .gap20{ gap: 20px;}
#resense_original .gap24{ gap: 24px;}
#resense_original .gap32{ gap: 32px;}
#resense_original .gap40{ gap: 40px;}
#resense_original .gap48{ gap: 48px;}
#resense_original .gap64{ gap: 64px;}
#resense_original .clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*------------------------------------------------
margin
--------------------------------------------------*/
#resense_original .mt8{ margin-top: 8px;}
#resense_original .mt16{ margin-top: 16px;}
#resense_original .mt24{ margin-top: 24px;}
#resense_original .mt32{ margin-top: 32px;}
#resense_original .mt40{ margin-top: 40px;}
#resense_original .mt48{ margin-top: 48px;}
#resense_original .mt56{ margin-top: 56px;}
#resense_original .mt64{ margin-top: 64px;}
#resense_original .mt72{ margin-top: 72px;}
#resense_original .mt80{ margin-top: 80px;}
#resense_original .mt88{ margin-top: 88px;}
#resense_original .mt96{ margin-top: 96px;}
#resense_original .mt104{ margin-top: 104px;}
#resense_original .mt112{ margin-top: 112px;}
#resense_original .mt120{ margin-top: 120px;}
#resense_original .mt128{ margin-top: 128px;}
#resense_original .mt160{ margin-top: 160px;}
#resense_original .mt192{ margin-top: 192px;}
#resense_original .mt256{ margin-top: 256px;}
#resense_original .mb8{ margin-bottom: 8px;}
#resense_original .mb16{ margin-bottom: 16px;}
#resense_original .mb24{ margin-bottom: 24px;}
#resense_original .mb32{ margin-bottom: 32px;}
#resense_original .mb40{ margin-bottom: 40px;}
#resense_original .mb48{ margin-bottom: 48px;}
#resense_original .mb56{ margin-bottom: 56px;}
#resense_original .mb64{ margin-bottom: 64px;}
#resense_original .mb72{ margin-bottom: 72px;}
#resense_original .mb80{ margin-bottom: 80px;}
#resense_original .mb88{ margin-bottom: 88px;}
#resense_original .mb96{ margin-bottom: 96px;}
#resense_original .mb104{ margin-bottom: 104px;}
#resense_original .mb112{ margin-bottom: 112px;}
#resense_original .mb120{ margin-bottom: 120px;}
#resense_original .mb128{ margin-bottom: 128px;}
#resense_original .mb192{ margin-bottom: 192px;}
#resense_original .mb256{ margin-bottom: 256px;}
#resense_original .pt8{ padding-top: 8px;}
#resense_original .pt16{ padding-top: 16px;}
#resense_original .pt24{ padding-top: 24px;}
#resense_original .pt32{ padding-top: 32px;}
#resense_original .pt40{ padding-top: 40px;}
#resense_original .pt48{ padding-top: 48px;}
#resense_original .pt56{ padding-top: 56px;}
#resense_original .pt64{ padding-top: 64px;}
#resense_original .pt72{ padding-top: 72px;}
#resense_original .pt80{ padding-top: 80px;}
#resense_original .pt88{ padding-top: 88px;}
#resense_original .pt96{ padding-top: 96px;}
#resense_original .pt104{ padding-top: 104px;}
#resense_original .pt112{ padding-top: 112px;}
#resense_original .pt120{ padding-top: 120px;}
#resense_original .pt128{ padding-top: 128px;}
#resense_original .pt160{ padding-top: 160px;}
#resense_original .pt176{ padding-top: 176px;}
#resense_original .pt192{ padding-top: 192px;}
#resense_original .pt256{ padding-top: 256px;}
#resense_original .pb8{ padding-bottom: 8px;}
#resense_original .pb16{ padding-bottom: 16px;}
#resense_original .pb24{ padding-bottom: 24px;}
#resense_original .pb32{ padding-bottom: 32px;}
#resense_original .pb40{ padding-bottom: 40px;}
#resense_original .pb48{ padding-bottom: 48px;}
#resense_original .pb56{ padding-bottom: 56px;}
#resense_original .pb64{ padding-bottom: 64px;}
#resense_original .pb72{ padding-bottom: 72px;}
#resense_original .pb80{ padding-bottom: 80px;}
#resense_original .pb88{ padding-bottom: 88px;}
#resense_original .pb96{ padding-bottom: 96px;}
#resense_original .pb104{ padding-bottom: 104px;}
#resense_original .pb112{ padding-bottom: 112px;}
#resense_original .pb120{ padding-bottom: 120px;}
#resense_original .pb128{ padding-bottom: 128px;}
#resense_original .pb160{ padding-bottom: 160px;}
#resense_original .pb176{ padding-bottom: 176px;}
#resense_original .pb192{ padding-bottom: 192px;}
#resense_original .pb256{ padding-bottom: 256px;}
#resense_original .mlr_auto{
	margin-left: auto;
	margin-right: auto;
}


/*------------------------------------------------
font
--------------------------------------------------*/
#resense_original .cormorant{
	font-family: "Cormorant SC", serif;
}
#resense_original .roboto{
	font-family: "Roboto", sans-serif;
}
#resense_original .fz20{ font-size: 20px;}
#resense_original .fz24{ font-size: 24px;}
#resense_original .fz64{ font-size: 64px;}
#resense_original .fw700{ font-weight: 700;}
#resense_original .taCenter{ text-align: center;}
#resense_original .taRight{ text-align: right;}
#resense_original .italic{ font-style: italic;}

/*------------------------------------------------
color
--------------------------------------------------*/
#resense_original .navy{ color: #212e65;}



/*------------------------------------------------
common
--------------------------------------------------*/
#resense_original .faq_list dt{
	padding: 24px 96px;
	background-color: #ebebeb;
	line-height: 1.4;
}
#resense_original .faq_list dt::before,
#resense_original .faq_list dd::before{
	font-family: "Cormorant SC", serif;
	
	font-weight: 400;
	line-height: 1;
	color: #212e65;
	position: absolute;
}
#resense_original .faq_list dt::before{
	content: "Q";
	font-size: 56px;
	top: 4px;
	left: 24px;

}
#resense_original .faq_list dd{
	padding: 24px 96px 0;
	line-height: 2;
}
#resense_original .faq_list dd::before{
	content: "A";
	font-size: 40px;
	top: 20px;
	left: 32px;
}
#resense_original .resense_original_about_box_text{
	width: calc((100% - 48px) * 0.36);
}
#resense_original .resense_original_about_box_image{
	width: calc((100% - 48px) * 0.32);
}
#resense_original .resense_original_feature{
	background-color: #ebebeb;
	padding: 56px 40px;
}
#resense_original .resense_original_feature_list li{
	width: calc(50% - 16px);
}
#resense_original .resense_original_feature_list_image{
	width: calc(100% - 260px - 24px);
}
#resense_original .resense_original_feature_list_text{
	width: 260px;
}
#resense_original .resense_original_recommend_list li{
	width: calc((100% - 64px) / 3);
}
#resense_original .resense_original_recommend_list_text{
	background-color: rgba(235,235,235,0.9);
	width: calc(100% - 48px);
	margin: -32px auto 0;
	padding: 16px 0;
}

/*------------------------------------------------
tab
--------------------------------------------------*/
@media screen and (max-width: 767px){
	#resense_original .resense_original_about_box_text{
		width: 100%;
	}
	#resense_original .resense_original_about_box_image{
		width: calc(50% - 16px);
	}
	#resense_original .resense_original_feature_list li{
		width: 100%;
	}
	#resense_original .resense_original_feature_list_image{
		width: 35%;
	}
	#resense_original .resense_original_feature_list_text{
		width: calc(65% - 24px);
	}
	#resense_original .resense_original_recommend_list li{
		width: calc(50% - 16px);
	}
}

/*------------------------------------------------
sp
--------------------------------------------------*/
#resense_original .sp_inline,
#resense_original .sp_block,
#resense_original .sp_flex{
	display: none;
}
@media screen and (max-width: 575px){
	#resense_original{
		font-size: 14px;
	}

	#resense_original .sp_inline{ display: inline;}
	#resense_original .sp_block{ display: block;}
	#resense_original .sp_flex{ display: flex;}
	#resense_original .sp_none{ display: none;}
	/*------------------------------------------------
	layout
	--------------------------------------------------*/
	.gap32{ gap: 24px;}

	/*------------------------------------------------
	margin
	--------------------------------------------------*/
	#resense_original .mt8{ margin-top: 4px;}
	#resense_original .mt16{ margin-top: 8px;}
	#resense_original .mt24{ margin-top: 12px;}
	#resense_original .mt32{ margin-top: 16px;}
	#resense_original .mt40{ margin-top: 20px;}
	#resense_original .mt48{ margin-top: 24px;}
	#resense_original .mt56{ margin-top: 28px;}
	#resense_original .mt64{ margin-top: 32px;}
	#resense_original .mt72{ margin-top: 36px;}
	#resense_original .mt80{ margin-top: 40px;}
	#resense_original .mt88{ margin-top: 44px;}
	#resense_original .mt96{ margin-top: 48px;}
	#resense_original .mt104{ margin-top: 52px;}
	#resense_original .mt112{ margin-top: 56px;}
	#resense_original .mt120{ margin-top: 60px;}
	#resense_original .mt128{ margin-top: 64px;}
	#resense_original .mt160{ margin-top: 80px;}
	#resense_original .mt192{ margin-top: 96px;}
	#resense_original .mt256{ margin-top: 128px;}
	#resense_original .mb8{ margin-bottom: 4px;}
	#resense_original .mb16{ margin-bottom: 8px;}
	#resense_original .mb24{ margin-bottom: 12px;}
	#resense_original .mb32{ margin-bottom: 16px;}
	#resense_original .mb40{ margin-bottom: 20px;}
	#resense_original .mb48{ margin-bottom: 24px;}
	#resense_original .mb56{ margin-bottom: 28px;}
	#resense_original .mb64{ margin-bottom: 32px;}
	#resense_original .mb72{ margin-bottom: 36px;}
	#resense_original .mb80{ margin-bottom: 40px;}
	#resense_original .mb88{ margin-bottom: 44px;}
	#resense_original .mb96{ margin-bottom: 48px;}
	#resense_original .mb104{ margin-bottom: 52px;}
	#resense_original .mb112{ margin-bottom: 56px;}
	#resense_original .mb120{ margin-bottom: 60px;}
	#resense_original .mb128{ margin-bottom: 64px;}
	#resense_original .mb192{ margin-bottom: 96px;}
	#resense_original .mb256{ margin-bottom: 128px;}
	#resense_original .pt8{ padding-top: 4px;}
	#resense_original .pt16{ padding-top: 8px;}
	#resense_original .pt24{ padding-top: 12px;}
	#resense_original .pt32{ padding-top: 16px;}
	#resense_original .pt40{ padding-top: 20px;}
	#resense_original .pt48{ padding-top: 24px;}
	#resense_original .pt56{ padding-top: 28px;}
	#resense_original .pt64{ padding-top: 32px;}
	#resense_original .pt72{ padding-top: 36px;}
	#resense_original .pt80{ padding-top: 40px;}
	#resense_original .pt88{ padding-top: 44px;}
	#resense_original .pt96{ padding-top: 48px;}
	#resense_original .pt104{ padding-top: 52px;}
	#resense_original .pt112{ padding-top: 56px;}
	#resense_original .pt120{ padding-top: 60px;}
	#resense_original .pt128{ padding-top: 64px;}
	#resense_original .pt160{ padding-top: 80px;}
	#resense_original .pt176{ padding-top: 88px;}
	#resense_original .pt192{ padding-top: 96px;}
	#resense_original .pt256{ padding-top: 128px;}
	#resense_original .pb8{ padding-bottom: 4px;}
	#resense_original .pb16{ padding-bottom: 8px;}
	#resense_original .pb24{ padding-bottom: 12px;}
	#resense_original .pb32{ padding-bottom: 16px;}
	#resense_original .pb40{ padding-bottom: 20px;}
	#resense_original .pb48{ padding-bottom: 24px;}
	#resense_original .pb56{ padding-bottom: 28px;}
	#resense_original .pb64{ padding-bottom: 32px;}
	#resense_original .pb72{ padding-bottom: 36px;}
	#resense_original .pb80{ padding-bottom: 40px;}
	#resense_original .pb88{ padding-bottom: 44px;}
	#resense_original .pb96{ padding-bottom: 48px;}
	#resense_original .pb104{ padding-bottom: 52px;}
	#resense_original .pb112{ padding-bottom: 56px;}
	#resense_original .pb120{ padding-bottom: 60px;}
	#resense_original .pb128{ padding-bottom: 64px;}
	#resense_original .pb160{ padding-bottom: 80px;}
	#resense_original .pb176{ padding-bottom: 88px;}
	#resense_original .pb192{ padding-bottom: 96px;}
	#resense_original .pb256{ padding-bottom: 128px;}

	
	/*------------------------------------------------
	font
	--------------------------------------------------*/
	#resense_original .fz20{ font-size: 18px;}
	#resense_original .fz24{ font-size: 20px;}
	#resense_original .fz64{ font-size: 40px;}

	/*------------------------------------------------
	common
	--------------------------------------------------*/
	#resense_original .faq_list dt{
		padding: 8px 8px 8px 56px;
	}
	#resense_original .faq_list dt::before{
		font-size: 32px;
		left: 15px
	}
	#resense_original .faq_list dd{
		padding: 18px 0 0 56px;
	}
	#resense_original .faq_list dd::before{
		font-size: 28px;
		left: 22px;
	}
	#resense_original .resense_original_feature{
		padding: 32px 15px;
	}
	#resense_original .resense_original_feature_list_image{
		width: 40%;
	}
	#resense_original .resense_original_feature_list_text{
		width: calc(60% - 16px);
	}
	#resense_original .resense_original_recommend_list li{
		width: 100%;
	}


	
	

}