@charset "UTF-8";

	
	
/* SQUARE_under_visual --------------------------------------------------------------- */
#SQUARE_under_visual {
	padding: 20px 0 30px 0;
	margin: 30px auto 40px 0;
	background-color: #71AD71;
	background-image: url(../../img/lesson/Rleft.png), url(../../img/lesson/Rright.png);
	}
	
	#SQUARE_under_visual h1 span:last-of-type {
		font-size: 18px;
		font-weight: bold;
		}
	
	#SQUARE_under_visual p {
		overflow: hidden;
		}
		
		#SQUARE_under_visual p span {
			}
		
		#SQUARE_under_visual p span:first-of-type {
			float: left;
			width: 760px;
			margin-right: 20px;
			}
			
		#SQUARE_under_visual p span:last-of-type {
			float: right;
			width: 80px;
			margin-right: 0;
			}
			
			#SQUARE_under_visual p span:last-of-type img {
				width: 100%;
				}

	#SQUARE_under_visual .SQUARE_video {
		width: 593px;
		margin: 0 auto;
		padding: 80px 0 50px 0;
		text-align: center;
		}
		
		#SQUARE_under_visual .SQUARE_video h3 {
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			color: #ffffff;
			margin-bottom: 20px;
			}
		
		#SQUARE_under_visual .SQUARE_video a {
			width: 100%;
			}
			
			#SQUARE_under_visual .SQUARE_video a img {
				width: 100%;
				}

		#SQUARE_under_visual p span#konmari_link {
			float: none;
			width: auto;
			margin: 0 auto;
			padding-bottom: 70px;
			}

			#SQUARE_under_visual p span#konmari_link a {
				color: #fff;
				font-size: 18px;
				text-decoration: underline;
				}
			
@media(max-width: 767px){
	#SQUARE_under_visual .SQUARE_video {
		width: 75%;
		}
	}

@media screen and (min-width:768px) and (max-width:900px){
	#SQUARE_under_visual .SQUARE_video {
		width: 60%;
		}
	}
	
@media(max-width: 900px){
	#SQUARE_under_visual {
		margin-top: 0;
		}
		
		#SQUARE_under_visual h1 span:last-of-type {
			font-size: 14px;
			}
		
		#SQUARE_under_visual p span:first-of-type {
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 10px;
			}
			
		#SQUARE_under_visual p span:last-of-type {
			float: none;
			width: 110px;
			margin: 0 auto;
			}
		
		#SQUARE_under_visual .SQUARE_video {
			padding: 50px 0 50px 0;
			}
			
			#SQUARE_under_visual .SQUARE_video h3 {
				line-height: 1.7;
				}				
	}



/* SQUARE_content --------------------------------------------------------------- */
	.SQUARE_content h2 {
		color: #71AD71;
		font-size: 26px;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 1px;
		margin-bottom: 40px;
		}
	
	.SQUARE_content .SQUARE_content_block {
		margin-bottom: 60px;
		}
	
		.SQUARE_content .SQUARE_content_block h3 {
			font-size: 20px;
			font-weight: bold;
			line-height: 1.5;
			letter-spacing: 0.5px;
			color: #ffffff;
			margin-bottom: 15px;
			padding: 10px;
			border-radius: 10px;
			background-color: #71AD71;
			}
		
		.SQUARE_content .SQUARE_content_block p {
			font-size: 18px;
			line-height: 38px;
			letter-spacing: 1px;
			}
		
		.SQUARE_content .SQUARE_content_block span.SQUARE_hilight {
			display: inline;
			background-color: #C0FDC0;
			}
		
		.SQUARE_content .SQUARE_content_block dl {
			margin: 45px 0;
			overflow: hidden;
			}
			
			.SQUARE_content .SQUARE_content_block dl dt,
			.SQUARE_content .SQUARE_content_block dl dd {
				font-size: 18px;
				line-height: 38px;
				letter-spacing: 1px;
				font-weight: bold;
				}
				
			.SQUARE_content .SQUARE_content_block dl dt {
				float: left;
				width: 2em;
				}
			
			.SQUARE_content .SQUARE_content_block dl dd {
				margin-left: 2em;
				}

@media(max-width: 767px){
		.SQUARE_content h2 {
			font-size: 20px;
			}
		
		.SQUARE_content .SQUARE_content_block {
			margin-bottom: 40px;
			}
	
			.SQUARE_content .SQUARE_content_block p {
				font-size: 16px;
				line-height: 2;
				}
				
				.SQUARE_content .SQUARE_content_block dl dt,
				.SQUARE_content .SQUARE_content_block dl dd {
					line-height: 2;
					}
				
			.SQUARE_content .SQUARE_content_block video {
				width: 85%;
				margin-top: 40px;
				}
	}
	


/* SQUARE_related --------------------------------------------------------------- */
#SQUARE_related {
	background-color: #71AD71;
	background-image: url(../../img/lesson/RBleft.png), url(../../img/lesson/RBright.png);
	}
	
	#SQUARE_related ul.SQUARE_list li {
		background-image: url(../../img/home/lesson/mask.png);
		}