/****************************** 01 TOP *****************************/
@media all and (min-width: 0px)and (max-width: 640px){
	.pc { display: none !important; }
	.sp { display: block !important; }
	
/*top*/
	#top_main_contents{
		position:relative;
		margin-bottom:200px;
		padding:0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center 0; 
	}
	.top_text_box{
		padding-top:8px;
		margin-bottom:0px;
	}
	.top_contents_box{
		width:94%;
		padding-top:5px;
		margin: 0 auto 0 auto;

	}
	.top_contents_box img{
		width:100%;
		max-width:320px;
		margin: 0 auto 0;
	}
	.top_text{
		margin-left:85px;
		
	}
	.top_contents_box_link{
		height:600px;
		width:100%;
		max-width:375px;
		margin: 0 auto 150px auto;
		position:relative;

	}
	.link_box_01{
			position:absolute;
			top:0px;
			left:0;
			width:100%;
			height:160px;
			max-width:100%;
			text-align:center;
			margin: 0 auto 0 auto;
			
	}
	.link_box_02{
			position:absolute;
			top:180px;
			left:0;
			width:100%;
			height:160px;
			max-width:100%;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.link_box_03{
			position:absolute;
			top:360px;
			left:0;
			width:100%;
			height:160px;
			max-width:100%;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.news_box{
		width:100%;
		height:190px;
		margin:0px auto 0 auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 0px #CCC;
		box-sizing: border-box;
	}
	.news_date{
	
	}
	.news_text{
		margin-left:10px;
		margin-bottom:10px;
	}

/*pages*/
	.page_topimg_box{
		position:relative;
		padding:0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center 0; 
	}
	.page_topimg_100{
		width:100%;
		max-width:375px;
		margin:0 auto 5px auto;
	}
	.page_topimg_100 img{
		width:100%;
		margin:0 auto 0 auto;
	}
	.sub_title_left{

	}
	.left_side_box_01{
		float:left;
		width:36px;
		margin-left:26px;
		padding-top:10px;
		
	}
	.left_side_box_01 img{
		width:100%;
	}
	.left_side_box_02{
		float:left;
		width:30px;
		margin-left:0px;
		padding-top:15px;
	/*
		border:solid 1px #000;
	*/
	}
	.left_side_box_02 img{
		width:100%;
	}
	.left_side_box_03{
		float:left;
		width:260px;
		padding-top:15px;
		padding-left:5px;

	}
	.text_left_box{
		float:left;
		padding-right:5px;
		padding-top:5px;
		width:14px;
	}
	.text_left_box img{
		width:100%;
	}
	.text_right_box{
		float:left;
		width:230px;
		margin-bottom:40px;
		padding-top:5px;
	}
	.second_title{
		width:300px;
		padding:70px 0 0 0;
		margin:0 auto 0;
	}
	.second_title img{
		width:75%;
	}
	.sub_title_right{
		text-align:right;
		padding-right:100px;
		margin-bottom:100px;
		margin-top:5px;
	}
/*会社概要*/
	.company_info_box table{
		width:100%;
		margin-top:20px;
	}
	.company_info_box table tr{
		width:100%;
	}
	.company_info_box .bgcolor_gray{
		width:100%;
		background-color:#CCC;
	}
	.company_info_box table th{
		width:80px;
		padding:5px 0 5px 5px;
	}
	.company_info_box table td{
		padding:5px 0 5px 10px;
	}
	.map{
		width:90%;
		margin:60px auto 0;
	}
	.map img{
		width:100%;
		margin:0 auto 0;
	}
/*サービス*/
	.service_page_text_box{
		width:100%;
		margin-bottom:100px;
	}
	.service_page_text_box_02{
		background-color:#CCC;
		margin-bottom:40px;
		padding:10px 5px 10px 20px;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */ 
	}
	.bottom_line {
		width:100%;
		border-bottom:solid 1px #000;
		padding-top:5px;
		padding-right:5px;
		margin-bottom:5px;
	}
/*コンテンツ用*/
	.contents_menu_box{
		width:100%;
		margin:100px auto 0;
	}
	.contents_menu_box img{
		width:100%;
		margin:0 auto 0;
	}
	.contents_menu_l{
		width:90%;
		padding:5px;
		margin:10px auto 10px auto;
		background-color:#000;
	}
	.contents_menu_r{
		width:90%;
		padding:5px;
		margin:10px auto 10px auto;
		background-color:#000;
	}
	.background_img_01{
		width:375px;
		margin:0 auto 0;
		padding:0;
		background-repeat: repeat-y;
		background-position: center 0; 
		background-size:contain;
		border-top:solid 2px #000;
	}
	.background_img_02{
		width:375px;
		height:130px;
		margin:0 auto 0;
		padding:0;
		background-repeat: no-repeat;
		background-position: center 0; 
		background-size:cover;
	}
	.background_img_03{
		width:375px;
		margin:0 auto 0;
		padding:30px 0 40px 0;
		background-repeat: repeat-y;
		background-position: center 0; 
		background-size:contain;
	}
	.background_img_00{
		width:375px;
		margin:0 auto 0;
		padding:30px 0 0 0;
	
	}
/** mail **/
	.mail_contents_box{
		width:100%;
		margin:0 auto 0;
		padding:0 0 100px 0;
		background-color:#FFF;
		border-top:solid 3px #000;
	}
	.mail_title{
		width:90%;
		margin:40px auto 0 auto;
		text-align:center;
	}
	.mail_title img{
		height:20px;
		display:inline-block
		vertical-align:middle;
	}
	.tel_fax_mail_box{
		width:90%;
		margin:0 auto 0;
		
	}
	.tel_fax_mail_box img{
		width:100%;
	}
	.border_top_bottom{
		width:100%;
		margin:0 auto 30px auto;
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
	}
	.link_btn_black{
		width:260px;
		padding:5px;
		margin:10px auto 10px auto;
		text-align:center;
		background-color:#000;
		color:#FFF;
	}
	.koumoku_box{
		width:100%;
		text-align:left;
		margin:10px auto 5px auto;
	}
	.input_box input{
		width:100%;
		height:30px;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.input_box textarea{
		width:100%;
		margin:5px auto 5px auto;
		box-sizing: border-box;
	}
	.koumoku_box_02{
		width:100%;
		margin:10px auto 5px auto;
	}
	.input_box_02{
		width:100%;
		height:30px;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.input_box_03{
		width:100%;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.privacy_box{
		width:100%;
		height:250px;
		margin:10px auto 10px auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 1px #CCC;

		box-sizing: border-box;
	}
}@media all and (min-width: 641px)and (max-width: 900px){
/************************************************** PC **************************************************/
	.pc { display: block !important; }
	.sp { display: none !important; }

/*top*/
	#top_main_contents{
		position:relative;
		margin-bottom:200px;
		padding:0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center 0; 


	}
	.top_text_box{
		padding-top:10px;
		margin-bottom:0px;
	}
	.top_contents_box{
		width:90%;
		margin: 0 auto 0 auto;
	}
	.top_contents_box img{
		width:100%;
		max-width:600px;
		margin: 0;
	}
	.top_text{
		margin-left:140px;
	}
	.top_contents_box_link{
		height:950px;
		width:100%;
		max-width:640px;
		margin: 0 auto 300px auto;
		position:relative;

	}
	.link_box_01{
			position:absolute;
			top:50px;
			left:0;
			width:100%;
			height:250px;
			max-width:100%;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.link_box_02{
			position:absolute;
			top:320px;
			left:0;
			width:100%;
			height:250px;
			max-width:100%;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.link_box_03{
			position:absolute;
			top:590px;
			left:0;
			width:100%;
			height:250px;
			max-width:100%;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.news_box{
		width:100%;
		height:200px;
		margin:20px auto 0 auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 0px #CCC;
		box-sizing: border-box;
	}
	.news_date{
	
	}
	.news_text{
		margin-left:10px;
		margin-bottom:20px;
	}

/*pages*/
	.page_topimg_box{
		position:relative;
		padding:0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center 0; 
	}
	.page_topimg_100{
		width:100%;
		max-width:640px;
		margin:0 auto 5px auto;
		
	}
	.page_topimg_100 img{
		width:100%;
		margin:0 auto 0 auto;
	}
	.sub_title_left{

	}
	.left_side_box_01{
		float:left;
		width:50px;
		margin-left:56px;
		padding-top:10px;
		
	}
	.left_side_box_01 img{
		width:100%;
	}
	.left_side_box_02{
		float:left;
		width:40px;
		margin-left:0px;
		padding-top:15px;
	/*
		border:solid 1px #000;
	*/
	}
	.left_side_box_02 img{
		width:100%;
	}
	.left_side_box_03{
		float:left;
		width:480px;
		padding-top:15px;
		padding-left:5px;

	}
	.text_left_box{
		float:left;
		padding-right:5px;
		padding-top:5px;
		width:24px;
	}
	.text_left_box img{
		width:100%;
	}
	.text_right_box{
		float:left;
		width:450px;
		margin-bottom:40px;
		padding-top:5px;
	}
	.second_title{
		width:500px;
		padding:100px 0 0 0;
		margin:0 auto 0;
	}
	.second_title img{
		width:75%;
	}
	.sub_title_right{
		text-align:right;
		padding-right:150px;
		margin-bottom:100px;
		margin-top:36px;
	}
/*会社概要*/
	.company_info_box table{
		width:100%;
		margin-top:20px;
	}
	.company_info_box table tr{
		width:100%;
	}
	.company_info_box .bgcolor_gray{
		width:100%;
		background-color:#CCC;
	}
	.company_info_box table th{
		width:110px;
		padding:5px 0 5px 5px;
	}
	.company_info_box table td{
		padding:5px 0 5px 10px;
	}
	.map{
		width:90%;
		margin:60px auto 0;
	}
	.map img{
		width:100%;
		margin:0 auto 0;
	}
/*サービス*/
	.service_page_text_box{
		width:100%;
		margin-bottom:100px;
	}
	.service_page_text_box_02{
		background-color:#CCC;
		margin-bottom:40px;
		padding:10px 5px 10px 20px;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */ 
	}
	.bottom_line {
		width:100%;
		border-bottom:solid 1px #000;
		padding-top:5px;
		padding-right:5px;
		margin-bottom:5px;
	}
/*コンテンツ用*/
	.contents_menu_box{
		width:100%;
		margin:100px auto 0;
	}
	.contents_menu_box img{
		width:100%;
		margin:0 auto 0;
	}
	.contents_menu_l{
		width:90%;
		padding:5px;
		margin:10px auto 10px auto;
		background-color:#000;
	}
	.contents_menu_r{
		width:90%;
		padding:5px;
		margin:10px auto 10px auto;
		background-color:#000;
	}
	.background_img_01{
		width:640px;
		margin:0 auto 0;
		padding:0;
		background-repeat: repeat-y;
		background-position: center 0; 
		background-size:contain;
		border-top:solid 2px #000;
	}
	.background_img_02{
		width:640px;
		height:230px;
		margin:0 auto 0;
		padding:0;
		background-repeat: no-repeat;
		background-position: center 0; 
		background-size:cover;
	}
	.background_img_03{
		width:640px;
		margin:0 auto 0;
		padding:30px 0 40px 0;
		background-repeat: repeat-y;
		background-position: center 0; 
		background-size:contain;
	}
	.background_img_00{
		width:640px;
		margin:0 auto 0;
		padding:30px 0 0 0;
	
	}
/** mail **/
	.mail_contents_box{
		width:100%;
		margin:0 auto 0;
		padding:0 0 100px 0;
		background-color:#FFF;
		border-top:solid 3px #000;
	}
	.mail_title{
		width:90%;
		margin:40px auto 0 auto;
		text-align:center;
	}
	.mail_title img{
		height:20px;
		display:inline-block
		vertical-align:middle;
	}
	.tel_fax_mail_box{
		width:90%;
		margin:0 auto 0;
		
	}
	.tel_fax_mail_box img{
		width:100%;
	}
	.border_top_bottom{
		width:100%;
		margin:0 auto 30px auto;
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
	}
	.link_btn_black{
		width:260px;
		padding:5px;
		margin:10px auto 10px auto;
		text-align:center;
		background-color:#000;
		color:#FFF;
	}
	.koumoku_box{
		width:100%;
		text-align:left;
		margin:10px auto 5px auto;
	}
	.input_box input{
		width:100%;
		height:30px;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.input_box textarea{
		width:100%;
		margin:5px auto 5px auto;
		box-sizing: border-box;
	}
	.koumoku_box_02{
		width:100%;
		margin:10px auto 5px auto;
	}
	.input_box_02{
		width:100%;
		height:30px;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.input_box_03{
		width:100%;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.privacy_box{
		width:100%;
		height:250px;
		margin:10px auto 10px auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 1px #CCC;

		box-sizing: border-box;
	}



}@media all and (min-width: 901px){
/************************************************** PC **************************************************/
	.pc { display: block !important; }
	.sp { display: none !important; }

/*top*/
	#top_main_contents{
		position:relative;
		margin-bottom:200px;
		padding:0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center 0; 
	}

	.top_text_box{
		width: 100%;
		height:280px;
		margin: 20px auto 0;
		line-height:1.7;
	}
	.top_contents_box{
		width:100%;
		max-width:980px;
		margin: 0 auto 0 auto;
	}
	.top_contents_box img{
		width:90%;
		max-width:900px;
		margin: 10px 0 10px;
	}
	.top_text{
		margin-left:270px;
	}
	.top_contents_box_link{
		height:1900px;
		width:100%;
		max-width:980px;
		margin: 0 auto 0 auto;
		position:relative;

	}
	.link_box_01{
			position:absolute;
			top:100px;
			left:75px;
			width:100%;
			height:350px;
			max-width:810px;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.link_box_02{
			position:absolute;
			top:500px;
			left:75px;
			width:100%;
			height:350px;
			max-width:810px;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.link_box_03{
			position:absolute;
			top:900px;
			left:75px;
			width:100%;
			height:350px;
			max-width:810px;
			text-align:center;
			margin: 0 auto 0 auto;
	}
	.news_box{
		width:100%;
		height:200px;
		margin:0 auto 0 auto;
		padding:10px 20px 10px 20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 0px #CCC;
		box-sizing: border-box;
	}
	.news_date{
	
	}
	.news_text{
		margin-left:15px;
		margin-bottom:20px;
	}
/*pages*/
	.page_topimg_box{
		position:relative;
		padding:0;
		width: 100%;
		background-repeat: no-repeat;
		background-position: center 0; 
	}	.page_topimg_100{
		width:100%;
		max-width:980px;
		margin:0 auto 5px auto;
		
	}
	.page_topimg_100 img{
		width:100%;
		margin:0 auto 0 auto;
	}
	.sub_title_left{

	}
	.left_side_box_01{
		float:left;
		width:100px;
		margin-left:60px;
		padding-top:20px;
	}
	.left_side_box_01 img{
		width:100%;
	}
	.left_side_box_02{
		float:left;
		width:80px;
		margin-left:4px;
		padding-top:30px;
	/*
		border:solid 1px #000;
	*/
	}
	.left_side_box_02 img{
		width:100%;
	}
	.left_side_box_03{
		float:left;
		width:620px;
		padding-top:25px;
		padding-left:10px;
	}
	.text_left_box{
		float:left;
		padding-right:5px;
		padding-top:5px;
		width:25px;
	}
	.text_left_box img{
		width:100%;
	}
	.text_right_box{
		float:right;
		width:580px;
		margin-bottom:80px;
		padding-top:5px;
	}
	.sub_title_right{
		text-align:right;
		padding-right:220px;
		margin-top:37px;
	}
	.second_title{
		width:650px;
		padding:180px 0 10px 0;
		margin:0 auto 0;
	}
	.second_title img{
		width:75%;
	}
/*会社概要*/
.company_info_box table{
	width:100%;
	margin-top:20px;
}
.company_info_box table tr{
	width:100%;
}
.company_info_box .bgcolor_gray{
	width:100%;
	background-color:#CCC;
}
.company_info_box table th{
	padding:5px 0 5px 10px;
}
.company_info_box table td{
	padding:5px 0 5px 30px;
}
.map{
	width:75%;
	margin:60px auto 0;
}
.map img{
	width:100%;
	margin:0 auto 0;
}
/*サービス*/
	.service_page_text_box{
		width:100%;
		margin-bottom:100px;
	}
	.service_page_text_box_02{
		background-color:#CCC;
		margin-bottom:80px;
		padding:10px 5px 10px 20px;
	    border-radius: 10px;        /* CSS3草案 */  
	    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	    -moz-border-radius: 10px;   /* Firefox用 */ 
	}
	.bottom_line {
		width:100%;
		border-bottom:solid 1px #000;
		padding-top:5px;
		padding-right:5px;
		margin-bottom:5px;
	}
/*コンテンツ用*/
	.contents_menu_box{
		width:100%;
		margin:100px auto 0;
	}
	.contents_menu_box img{
		width:100%;
		margin:0 auto 0;
	}
	.contents_menu_l{
		float:left;
		width:47%;
		padding:5px;
		margin:10px 0 10px 0;
		background-color:#000;
	}
	.contents_menu_r{
		float:right;
		width:47%;
		padding:5px;
		margin:10px 0 10px 0;
		background-color:#000;
	}
/**/
	.page_text_box{
		width:100%;
	}
	.background_img_01{
		width:980px;
		margin:0 auto 0;
		padding:0;
		background-repeat: repeat-y;
		background-position: center 0; 
		background-size:contain;
		border-top:solid 2px #000;
	}
	.background_img_02{
		width:980px;
		height:350px;
		margin:0 auto 0;
		padding:0;
		background-repeat: no-repeat;
		background-position: center 0; 
		background-size:cover;
	}
	.background_img_03{
		width:980px;
		margin:0 auto 0;
		padding:0 0 100px 0;
		background-repeat: repeat-y;
		background-position: center 0; 
		background-size:contain;
	}
	.background_img_00{
		width:980px;
		margin:0 auto 0;
		padding:30px 0 0 0;
	
	}

/** mail **/
	.mail_contents_box{
		width:980px;
		margin:0 auto 0;
		padding:0 0 100px 0;
		background-color:#FFF;
		border-top:solid 3px #000;
	}
	.mail_title{
		width:640px;
		margin:40px auto 0 auto;
		text-align:center;
	}
	.mail_title img{
		height:36px;
		display:inline-block
		vertical-align:middle;
	}
	.tel_fax_mail_box{
		width:640px;
		margin:0 auto 0;
	}
	.tel_fax_mail_box img{
		width:100%;
	}
	.border_top_bottom{
		width:90%;
		margin:0 auto 30px auto;
		border-top:solid 1px #000;
		border-bottom:solid 1px #000;
	}
	.link_btn_black{
		width:260px;
		padding:5px;
		margin:10px auto 10px auto;
		text-align:center;
		background-color:#000;
		color:#FFF;
	}
	.koumoku_box{
		width:100%;
		text-align:left;
		margin:10px auto 5px auto;
	}
	.input_box input{
		width:100%;
		height:30px;
		margin:5px auto 5px auto;
	}
	.input_box textarea{
		width:100%;
		margin:5px auto 5px auto;
	}
	.koumoku_box_02{
		width:100%;
		margin:10px auto 5px auto;
	}
	.input_box_02{
		width:100%;
		height:30px;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.input_box_03{
		width:100%;
		margin:5px auto 5px auto;
		padding:0;
		box-sizing: border-box;
	}
	.privacy_box{
		width:100%;
		height:250px;
		margin:10px auto 10px auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 1px #CCC;

		box-sizing: border-box;
	}
}


/**************************************/
/********** 枠組み **********/
.page_title{
	margin:30px auto 30px auto;
}
.page_title_ch{
	margin:30px auto 30px auto;
}
.midashi{
}
.page_top_img{

}
.page_top_img img{
	width:100%;
}
.page_img_100 img{
	width:100%;
}
.page_img_75 img{
	width:75%;
}
.page_img_50 img{
	width:50%;
}
.page_img_25 img{
	width:25%;
}
.contents_box_full{
	width:100%;
	margin:0px auto 0 auto;
}
.contents_box_100{
	width:100%;
	max-width:980px;
	margin:0 auto 0 auto;
}
.contents_box_100 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_90{
	width:90%;
	margin:0px auto 0 auto;
}
.contents_box_90 img{
	width:100%;
	margin:0px auto 0 auto;
}
.contents_box_90_none{
	width:90%;
}
.contents_box_90_none img{
	width:100%;
}

.contents_box_80{
	width:80%;
	margin:0px auto 0 auto;
}
.contents_box_80 img{
	width:100%;
	margin:0px auto 0 auto;
}
.contents_box_75{
	width:75%;
	margin:0 auto 0 auto;
}
.contents_box_75 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_70{
	width:70%;
	margin:0px auto 0 auto;
}
.contents_box_70 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_65{
	width:65%;
	margin:0px auto 0 auto;
}
.contents_box_65 img{
	width:100%;
	margin:0 auto 0 auto;
}
.contents_box_40{
	width:40%;
	margin:0px auto 0 auto;
}
.contents_box_40 img{
	width:100%;
	margin:0 auto 0 auto;
}