@charset "utf-8";
/* CSS Document */


/*article01--------------------------*/

#article01 {
	padding: 10px 0 0 0;
}


/*article02--------------------------*/

#article02 {
	padding: 10px 0 0 0;
}


/*article03--------------------------*/

#article03 {
	padding: 10px 0 0 0;
}
#article03 .pic_side{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
#article03 .pic_side li{
	width: 48%;
}

/*article04--------------------------*/

#article04 {
	padding: 10px 0 0 0;
}

#article04 .howto{
	display: flex;
}
#article04 .howto dt{
	width: 270px;
	text-align: center;
}
#article04 .howto dd{
	flex:1;
}

/*article05--------------------------*/

#article05 {
	padding: 10px 0 0 0;
}	
#article05 .pic_side{
	display: flex;
	justify-content: space-between;
	margin: 50px auto;
}
#article05 .pic_side li{
	width: 48%;
}
/*article06--------------------------*/

#article06 {
	padding: 10px 0 0 0;
}	
#article06 .summary_point{
	background:#ccecfa;
	border-radius: 30px;
	padding: 40px;
	margin: 70px 0 0 0;
}
#article06 .summary_point li{
	background:url(../img/article/cmn-lbox-check.png) no-repeat left center;
	font-weight: 700;
	font-size: 17px;
	padding: 0 0 0 40px;
	margin: 20px 0;
	line-height: 1.8;
}


@media screen and (max-width: 768px) {/* スクリーンサイズが767px以下の場合に適用 */



/*article03--------------------------*/
#article03 .pic_side{
	display:block;
	margin-top: 10%;
}
#article03 .pic_side li{
	width: auto;
	margin-bottom: 7%;
}

/*article04--------------------------*/

#article04 .howto{
	display:block;
}
#article04 .howto dt{
	width: auto;
	margin-bottom: 7%;
}

	
/*article05--------------------------*/

#article05 .pic_side{
	display:block;
	margin: 10% auto;
}
#article05 .pic_side li{
	width: auto;
	margin-bottom: 7%;
}

/*article06--------------------------*/
#article06 .summary_point{
	padding: 7%;
	margin: 15% 0 0 0;
}
#article06 .summary_point li{
	background-size: 20px;
	font-size: 15px;
	padding: 0 0 0 30px;
}
	
}