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

	/****************************** header ******************************/
	.header_box{
		width:100%;
		height:35px;
		margin:0 auto 0 auto;
		padding:0;
	}
	.box_01{
		float:left;
		width:10%;
		max-width:100px;
		height:35px;
		box-sizing: border-box;
	}
	.logo_box{
		float:right;
		width:90%;
		height:35px;
		text-align:right;
		box-sizing: border-box;
		border-left:1px solid #000;
	}
	.logo_box img{
		width:26%;
	}
	.left_side{
		float:left;
		width:10%;
		text-align:center;
		box-sizing: border-box;
	}
	.side_img img{
		width:50%;
		max-width:80px;
		padding-top:0px;
		box-sizing: border-box;
	}
	.right_side{
		float:right;
		width:90%;
		box-sizing: border-box;
		border-left:1px solid #000;
	}
	.footer_menu li{
		width:100%;
		padding:5px;
		float:left;
	}
	/****************************** top ******************************/
	.img_menu{
	}

	.img_menu li{
		width:100%;
		padding-top:5px;
		padding-bottom:5px;
		box-sizing: border-box;
	}
	/****************************** support ******************************/
	.s_box_left{
		float:left;
		width:14%;
		padding-top:10px;
		padding-bottom:50px;
		box-sizing: border-box;
	}
	.s_box_right{
		float:right;
		width:80%;
		padding-top:10px;
		padding-bottom:50px;
		box-sizing: border-box;
	}
	/****************************** business ******************************/
	.left_box_50_100{
		width:100%;
		box-sizing: border-box;
	}
	.right_box_50_100{
		width:100%;
		box-sizing: border-box;
	}
	/****************************** support ******************************/
	.sub_title{
		border-top:solid 1px #b38144;
		border-bottom:solid 1px #b38144;
	}
	.company_info{
		border-top:solid 1px #CCCCCC;
	}
	.company_info tr{
		border-bottom:solid 1px #CCCCCC;
	}
	.company_info th{
		width:30%;
		padding:5px 0 5px 0;
		box-sizing: border-box;
	}
	.company_info td{
		border-left:solid 1px #CCCCCC;
		width:70%;
		padding:5px 0 5px 10px;
		box-sizing: border-box;
	}
	.privacy_box{
		width:100%;
		height:220px;
		margin:20px auto 20px auto;
		padding-top:20px;
		overflow-y:scroll;
		box-sizing: border-box;
	}

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

	/****************************** header ******************************/
	.header_box{
		max-width:980px;
		height:80px;
		margin:0 auto 0 auto;
		padding:0;
	}
	.box_01{
		float:left;
		width:10%;
		max-width:100px;
		height:80px;
		box-sizing: border-box;
	}
	.logo_box{
		float:right;
		width:90%;
		height:80px;
		text-align:right;
		box-sizing: border-box;
		border-left:1px solid #000;
	}
	.logo_box img{
		width:22%;
	}
	.left_side{
		float:left;
		width:8%;
		max-width:100px;
		text-align:right;
		box-sizing: border-box;
	}
	.side_img img{
		width:50%;
		max-width:80px;
		padding-top:20px;
		box-sizing: border-box;
	}
	.right_side{
		float:right;
		width:90%;
		box-sizing: border-box;
		border-left:1px solid #000;
	}
	.footer_menu li{
		float:left;
		padding:5px;
		box-sizing: border-box;
	}
	/****************************** top ******************************/
	.img_menu{
	}

	.img_menu li{
		float:left;
		width:25%;
		padding-left:5px;
		padding-right:5px;
		box-sizing: border-box;
	}
	/****************************** support ******************************/
	.s_box_left{
		float:left;
		width:16%;
		padding-top:10px;
		padding-bottom:50px;
		box-sizing: border-box;
	}
	.s_box_right{
		float:right;
		width:80%;
		padding-top:10px;
		padding-bottom:50px;
		box-sizing: border-box;
	}
	/****************************** business ******************************/
	.left_box_50_100{
		float:left;
		width:50%;
		box-sizing: border-box;
	}
	.right_box_50_100{
		float:left;
		width:50%;
		padding-left:10px;
		box-sizing: border-box;
	}
	/****************************** support ******************************/
	.sub_title{
		border-top:solid 1px #b38144;
		border-bottom:solid 1px #b38144;
	}
	.company_info{
		border-top:solid 1px #000;
	}
	.company_info tr{
		border-bottom:solid 1px #000;
	}
	.company_info th{
		width:20%;
		padding:5px 0 5px 10px;
		box-sizing: border-box;
	}
	.company_info td{
		border-left:solid 1px #000;
		width:80%;
		padding:5px 0 5px 10px;
		box-sizing: border-box;
	}
	.privacy_box{
		width:95%;
		height:300px;
		margin:20px auto 20px auto;
		padding:20px;
		overflow-y:scroll;
		box-sizing: border-box;
	}

}
/********** 色 **********/
.bg_color_yellow{
	background-color:#fffa00;
}
.bg_color_darkblue{
	background-color:#000056;
}
.bg_color_black{
	background-color:#000;
}
.bg_color_green{
	background-color:#00280e;
}
/********** 枠サイズ **********/
.test_table{
	width:75%;
	max-width:980px;
	margin:0 auto 0 auto;
}

.test_table th{
	width:200px;
	background-color:#FFC;
	padding:5px;
	border:solid 1px #CCC;
}
.test_table td{
	padding:5px;
	border:solid 1px #CCC;
}

.btn_01 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
.btn_02 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #9535fd;/*背景色*/
  border-bottom: solid 2px #7d00d2;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
.btn_03 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd3595;/*背景色*/
  border-bottom: solid 2px #d2007d;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
.btn_04 {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #999;/*背景色*/
  border-bottom: solid 2px #CCC;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}


@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_100{
		width:100%;
		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_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_55_90{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_80{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_100{
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_90{
		width:90%;
		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;
	}
}@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_100{
		width:80%;
		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_90{
		width:70%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_100{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_90{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_55_90{
		width:55%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_60_80{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_100{
		width:50%;
		margin-left:auto;
		margin-right:auto;
	}
	.contents_box_50_90{
		width:50%;
		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_full{
}

.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%;
}