@charset "utf-8";
@media all and (min-width: 0px)and (max-width: 780px){
	.pc { display: none !important; }
	.sp { display: block !important; }

	/******************** 新着情報 ********************/
	.mainimg{
		margin:0;
		padding:0;
	}
	.box_info_base{
		margin:0;
		padding:0;
	}
	.box_info{
		width:100%;
		margin:0 auto 0;
		padding:0;
		background-color:#000;
		opacity: 1.0;
	}
	.info_box{
		width:100%;
		margin:0 auto 0;
		padding:0;
	}
	.news_box{
		width:100%;
		max-width:980px;
		height:200px;
		margin:0px auto 0px auto;
		padding:20px;
		overflow-y:scroll;
		border:solid 2px #c9bc9c;
		box-sizing: border-box;
	}
	.border_spacing{
		border-top:solid 1px #000;
	}
	/******************** TOP ********************/
	.topics_box_left{
		width:90%;
		background-color:#FFF;
		padding:10px;
		margin:10px auto 10px;
		box-sizing: border-box;
	}
	.topics_box_right{
		width:90%;
		background-color:#FFF;
		padding:10px;
		margin:10px auto 10px;
		box-sizing: border-box;
	}
	.topics_box{
		width:100%;
		background-color:#FFF;
		padding:10px;
		margin:10px 0 10px;
		box-sizing: border-box;
	}
	.topics_left{
		float:left;
		width:30%;
	}
	.topics_right{
		float:left;
		width:70%;
		padding-left:10px;
	}
	.links_img li{
		float:left;
		width:50%;
		padding:10px;
		box-sizing: border-box;
	}
	/******************** 事業内容 ********************/
	.jigyou_box{
		
	}
	.jigyou_title{
		width:100%;
		padding:5px;
		box-sizing: border-box;
		background-color:#0099dd;
	}
	.jigyou_left{
		width:60%;
		margin:0 auto 0;
		padding:10px 10px 10px 0;
		box-sizing: border-box;
	}
	.jigyou_right{
		width:90%;
		margin:0 auto 0;
		padding:10px;
		box-sizing: border-box;
	}
	/******************** 事業内容 ********************/
	.business_map{
		position:relative;
		height:300px;
	}
	.back_img{
		position:absolute;
		width:100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.back_img img{
		width:100%;
	}
	.img_01{
		position:absolute;
		width:100px;
		top:0;
		left:200px;
	}
	.img_02{
		position:absolute;
		width:100px;
		top:100px;
		left:270px;
	}
	.img_03{
		position:absolute;
		width:100px;
		top:170px;
		left:0px;
	}

	.img_01 img{
		width:100%;
	}
	.img_02 img{
		width:100%;
	}
	.img_03 img{
		width:100%;
	}
	
	.jigyou_box{
		
	}
	.jigyou_title{
		width:100%;
		padding:5px;
		box-sizing: border-box;
		background-color:#0099d00;
	}
	.jigyou_left{
		float:left;
		width:35%;
		padding:10px 10px 10px 0;
		box-sizing: border-box;
	}
	.jigyou_right{
		float:right;
		width:65%;
		padding:10px;
		box-sizing: border-box;
	}
	/********** 会社概要 **********/
	.signature img{
		vertical-align: middle;
	}
	.left_box_50_100{
		width:100%;
		box-sizing: border-box;
	}
	.right_box_50_100{
		width:100%;
		box-sizing: border-box;
	}
	.saiyou_flow_table{
		width:80%;
	}
	.company_table th{
		width:30%;
		max-width:300px;
		padding:8px 10px 8px 10px;
		box-sizing: border-box;
	}
	.company_table td{
		padding:8px 10px 8px 10px;
		box-sizing: border-box;
	}
	.bg_color_liteblue{
		background-color:#d5e6e8;
	}
	.privacy_box{
		width:70%;
		height:200px;
		margin:0 auto 0 auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 1px #CCC;
		box-sizing: border-box;
	}
	.group_list_exeo img{
		height:40px;
	}
	.group_list{
		margin-left:30px;
		padding:10px 0 20px;
		list-style-type: square;
	}
	.group_list li{
		float:left;
		width:50%;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
		box-sizing: border-box;
	}
	/** お問い合わせ ********************************************************/
	.koumoku{
		padding:5px 0 5px;
		font-weight:bold;
	}
	.nyuryoku{
		margin-bottom:10px;
	}
	.nyuryoku2{
		margin-bottom:10px;
	}
	.nyuryoku input{
		width:100%;
		margin:0 auto 10px;
		text-align:left;
		padding:5px 0 5px;
	}
	.nyuryoku textarea{
		width:100%;
		margin:0 auto 0;
		text-align:left;
		padding:5px 0 5px;
	}
	.privacy_box{
		width:100%;
		height:150px;
		margin:20px auto 20px auto;
		padding:20px;
		overflow-y:scroll;
		border:solid 1px #CCC;
		box-sizing: border-box;
	}

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

	/******************** 新着情報 ********************/
	.mainimg{

	}
	.box_info_base{
		position:relative;
	}

	.box_info{
		position:absolute;
		width:100%;
		left: 0;
		right: 0;
		bottom: 0;
		margin:auto;
		background-color:#000;
		opacity: 0.8;
	}
	.info_box{
		max-width:980px;
		margin:0 auto 0;
	}
	.news_box{
		width:100%;
		max-width:980px;
		height:250px;
		margin:20px auto 20px auto;
		padding:20px;
		overflow-y:scroll;
		border:solid 2px #c9bc9c;
		box-sizing: border-box;
	}
	.border_spacing{
		border-top:solid 1px #000;
	}

	/******************** TOP ********************/
	.topics_box_left{
		float:left;
		width:48%;
		background-color:#FFF;
		padding:10px;
		margin:10px 0 10px;
		box-sizing: border-box;
	}
	.topics_box_right{
		float:right;
		width:48%;
		background-color:#FFF;
		padding:10px;
		margin:10px 0 10px;
		box-sizing: border-box;
	}
	.topics_box{
		width:100%;
		background-color:#FFF;
		padding:10px;
		margin:10px 0 10px;
		box-sizing: border-box;
	}
	.topics_left{
		float:left;
		width:30%;
	}
	.topics_right{
		float:left;
		width:70%;
		padding-left:10px;
	}
	.links_img li{
		float:left;
		width:33%;
		padding:10px;
		box-sizing: border-box;
	}
	/******************** 事業内容 ********************/
	.business_map{
		position:relative;
		height:600px;
	}
	.back_img{
		position:absolute;
		width:100%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.back_img img{
		width:100%;
	}
	.img_01{
		position:absolute;
		width:150px;
		top:-10;
		left:300px;
	}
	.img_02{
		position:absolute;
		width:150px;
		top:200px;
		left:800px;	
	}
	.img_03{
		position:absolute;
		width:150px;
		top:350px;
		left:80px;
	}
	.img_01 a:hover{
		position:absolute;
		width:175px;
		left:-20px;
	}
	.img_02 a:hover{
		position:absolute;
		width:175px;
		left:-20px;
	}
	.img_03 a:hover{
		position:absolute;
		width:175px;
		left:-20px;
	}

	.img_01 img{
		width:100%;
	}
	.img_02 img{
		width:100%;
	}
	.img_03 img{
		width:100%;
	}
	.jigyou_box{
		
	}
	.jigyou_title{
		width:100%;
		padding:5px;
		box-sizing: border-box;
		background-color:#009900;
	}
	.jigyou_left{
		float:left;
		width:35%;
		padding:10px 10px 10px 0;
		box-sizing: border-box;
	}
	.jigyou_right{
		float:right;
		width:65%;
		padding:10px;
		box-sizing: border-box;
	}
	/********** 会社概要 **********/
	.signature img{
		vertical-align: middle;
	}
	
	.left_box_50_100{
		float:left;
		width:50%;
		padding:10px;
		box-sizing: border-box;
	
	}
	.right_box_50_100{
		float:right;
		width:50%;	
		padding:10px;
		box-sizing: border-box;
	}
	.saiyou_flow_table{
		width:80%;
	}
	.company_table th{
		width:30%;
		max-width:300px;
		padding:8px 10px 8px 10px;
		box-sizing: border-box;
	}
	.company_table td{
		padding:8px 10px 8px 10px;
		box-sizing: border-box;
	}
	.bg_color_liteblue{
		background-color:#d5e6e8;
	}
	.privacy_box{
		width:70%;
		height:200px;
		margin:0 auto 0 auto;
		padding:20px;
		background-color:#FFF;
		overflow-y:scroll;
		border:solid 1px #CCC;
		box-sizing: border-box;
	}
	.group_list_exeo img{
		height:40px;
	}
	.group_list{
		margin-left:30px;
		padding:10px 0 20px;
		list-style-type: square;
	}
	.group_list li{
		float:left;
		width:50%;
		padding-right:20px;
		padding-top:5px;
		padding-bottom:5px;
		box-sizing: border-box;
	}
	/** お問い合わせ ********************************************************/
	.koumoku{
		padding:5px 0 5px;
		font-weight:bold;
	}
	.nyuryoku{
		margin-bottom:10px;
	}
	.nyuryoku2{
		margin-bottom:10px;
	}
	.nyuryoku input{
		width:100%;
		margin:0 auto 10px;
		text-align:left;
		padding:5px 0 5px;
	}
	.nyuryoku textarea{
		width:100%;
		margin:0 auto 0;
		text-align:left;
		padding:5px 0 5px;
	}
	.privacy_box{
		width:100%;
		height:150px;
		margin:20px auto 20px auto;
		padding:20px;
		overflow-y:scroll;
		border:solid 1px #CCC;
		box-sizing: border-box;
	}
}
/********** 共通 **********/

/********** 色 **********/
.bg_color_lightbrown{
	background-color:#c9bc9c;
}
.bg_color_darkblue{
	background-color:#000056;
}
.bg_color_black{
	background-color:#000;
}
.bg_color_orange{
	background-color:#f49b01;
}
.bg_color_lightpink{
	background-color:#fff0e1;
}
.bg_color_01{
	background: linear-gradient(#000, #0099dd);
	margin:0;
	padding:0;
}

/********** 枠サイズ **********/


@media all and (min-width: 0px)and (max-width: 780px){
	.contents_box_100_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_80_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_75_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_65_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_30_60{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_40_50_r{
		width:50%;
		margin-right:0;
	}
}@media all and (min-width: 781px){
	.contents_box_100_90{
		max-width:980px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_100{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_90_80{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_80_90{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_75_100{
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_100{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_90{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_70_80{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_100{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_65_90{
		width:65%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_90{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_80{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_80{
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_30_60{
		width:30%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_40_50_r{
		width:40%;
		margin-right:0;
	}
}

.contents_box_full{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}

.contents_box_100{
	max-width:980px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_90{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_80{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_75{
	width:75%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_70{
	width:70%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_60{
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
.contents_box_50{
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

/********** 画像サイズ **********/
.img_100 img{
	width:100%;
}
.img_90 img{
	width:90%;
}
.img_85 img{
	width:85%;
}
.img_80 img{
	width:80%;
}
.img_75 img{
	width:75%;
}
.img_70 img{
	width:70%;
}
.img_60 img{
	width:60%;
}
.img_50 img{
	width:50%;
}
.img_40 img{
	width:40%;
}
.img_30 img{
	width:30%;
}
.img_25 img{
	width:25%;
}
.img_20 img{
	width:20%;
}
.img_15 img{
	width:15%;
}
.img_10 img{
	width:10%;
}