@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;

	}



}