@charset "utf-8";

/*
************************************************************************
* ポイント
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.point
{

}
.point .point-item
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
    align-content: flex-start;
	align-items: center;
    
	margin:0.0em -2.0em -2.0em -2.0em;
}
.point .point-item .thmbnail
{
	width:calc(35% - 4em);
	margin:2.0em 2.0em;
	order: 2;
}
.point .point-item .description
{
	width:calc(65% - 4em);
	margin:2.0em 2.0em;
	order: 2;
}
.point .point-item .thmbnail.order,
.point .point-item .description.order
{
	order: 1;
}

.point-title
{
	margin-bottom:1em;
}
.point-title .point-no
{
	display:inline-block;
	font-weight:bold;
	line-height:1;
	padding:0.3em 0.5em;
	margin-bottom:0.5em;
}
.point-title .main
{
	display:block;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.2;
}

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

	
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.point
	{

	}
	.point .point-item
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
	    align-content: flex-start;
		align-items: center;
	    
		margin:0.0em -2.0em -2.0em -2.0em;
	}
	.point .point-item .thmbnail
	{
		width:calc(100% - 4em);
		margin:2.0em 2.0em;
	}
	.point .point-item .description
	{
		width:calc(100% - 4em);
		margin:2.0em 2.0em;
	}
	.point .point-item .thmbnail.order
	{
		order: 1;
	}
	.point .point-item .description.order
	{
		order: 2;
	}
}