@charset "utf-8";

/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */

/* for TAB and PC */
/* break point ( TB = 768-979px , PC = 980px - ) */


/* !コンテンツ別パーツ設定
---------------------------------------------------------- */
@media screen and (max-width: 979px) {
	#contensArea .boxIn01{
		padding-bottom: 60px !important;
	}
	
	#contensArea .container_01{
		padding-top: 40px;
	}
	
	#contensArea h2.tit_01{
		margin: 12px 0 6px;
	}
	
	#contensArea p{
		padding-top: 18px;
	}
	
	#contensArea .imgS{
		margin-bottom: 20px;
	}
	
	#contensArea .clm_01{
		margin-top: 10px;
	}
		#contensArea .clm_01:nth-child(1),
		#contensArea .clm_01:nth-child(2){
			margin-top: 0;
		}
	
	.clmHalf_01 .clm_02.clear{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 0 25.75% 20px;
	}
	
	.clmHalf_01 ul {
		margin:20px;
	}
	
	.clmHalf_01 .clm_02 p{
		padding: 0 10px !important;
	}
	
}
@media screen and (max-width: 767px) {
	#contensArea .boxIn01{
		padding-bottom: 15px !important;
	}

	#contensArea #sectionID-1 .iframeBox_01{
		width: 100%;
		margin-top: 23px;
		margin-bottom: 24px;
	}

	#contensArea .container_01{
		padding-top: 20px;
	}
	
	#contensArea h2.tit_01{
		margin: 10px 0 12px;
	}
	
	#contensArea .imgS{
		margin-bottom: 13px;
	}
	
	#contensArea .clm_01{
		margin: 0 0 10px;
	}
		#contensArea .clmHalf_01 .clm_01:last-child{
			margin-bottom: 0;
		}
	
	.clmHalf_01 .clm_02.clear{
		padding: 0;
	}
	
	.clmHalf_01 ul {
		margin:10px;
	}
	
	.clmHalf_01 .clm_02 p{
		padding: 0 15px !important;
	}
}