@charset "utf-8";
/*
************************************************************************
 特徴
************************************************************************
*/
.point
{
	
}
.point > .point-item
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	
	margin-bottom:2em;
}
.point > .point-item:last-child
{
	margin-bottom:0em;
}
.point > .point-item > .thumbnail
{
	flex:0 0 calc(30%);
}
.point > .point-item:nth-child(odd) > .thumbnail
{
	order:1;
}
.point > .point-item > .description
{
	flex:0 0 calc(100%);
	align-self:center;
}
.point > .point-item > .thumbnail + .description
{
	flex:0 0 calc(70%);
}
.point > .point-item > .description > .title
{
	padding:1em 0em 1em 0em;
}
.point > .point-item > .thumbnail + .description > .title
{
	padding:1em 0em 1em 2em;
}
.point > .point-item:nth-child(odd) > .thumbnail + .description > .title
{
	padding:1em 2em 1em 0em;
}
.point > .point-item > .description > .title > .sub
{
	display: inline-flex;
	align-items: center;
	align-content: center;
	
	padding:0.4em 0.8em;
	line-height:1;
	
	border-radius:calc(var(--border-radius) / 2);
	background-color:var(--accent-background-color);
}
.point > .point-item > .description > .title > .sub > i
{
	font-size:1.2em !important;
	color:var(--accent-icon-color);
}
.point > .point-item > .description > .title > .sub > .label
{
	font-size:0.8em;
	color:var(--accent-font-color);
}
.point > .point-item > .description > .title > .main
{
	display:block;
	font-size:1.5em;
}
.point > .point-item > .description > .text
{
	padding:0em 0em 0em 0em;
}
.point > .point-item > .thumbnail + .description > .text
{
	padding:0em 0em 0em 2em;
}
.point > .point-item:nth-child(odd) > .thumbnail + .description > .text
{
	padding:0em 2em 0em 0em;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1040px) {
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.point > .point-item:last-child
	{
		margin-bottom:0em;
	}
	.point > .point-item > .thumbnail
	{
		flex:0 0 calc(100%);
		margin-bottom:1.5em;
	}
	.point > .point-item:nth-child(odd) > .thumbnail
	{
		order:0;
	}
	.point > .point-item > .description,
	.point > .point-item > .thumbnail + .description
	{
		flex:0 0 calc(100%);
		align-self:center;
	}
	.point > .point-item > .description > .title,
	.point > .point-item > .thumbnail + .description > .title
	{
		padding:1em 0em 1em 0em !important;
	}
	.point > .point-item > .description > .text,
	.point > .point-item > .thumbnail + .description > .text
	{
		padding:0em 0em 0em 0em !important;
	}

}