@charset "utf-8";
/* CSS Document */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
.center{
	text-align : center;
}
.space_m{
	height : 20px;
}
.font115{
	font-size : 115%;
}
.font135{
	font-size : 135%;
	line-height : 200%;
}
.font180{
	font-size : 180%;
	line-height : 200%;
}
.font_red{
	color : #cc0000;
}
.font_kaijo{
	background-color : #419d09;
	font-size : 18px;
	padding : 3px 10px;
	color : #ffffff;
}
.line_l{
	height : 50px;
}
.marker_yellow{
	background-color : #ffff00;
}
.red_bunner{
	background-color : #cc0000;
	color : #ffffff;
	font-size : 18px;
	padding : 8px 0px 5px 10px;
}
.clear{
	clear : both;
}
.p20{
	padding : 20px 0px;
}
.space_s{
	height : 10px;
}

.image_area {
width: 280px;
display: block;
vertical-align: bottom;
}
.image_area2 {
width: 220px;
display: block;
vertical-align: bottom;
}
@media only screen and (min-width: 737px){
.image_right {
float: right;
margin: 0 0 20px 25px;
}
.image_left {
float: left;
margin: 0 25px 30px 0;
}
}
@media only screen and (max-width: 736px){
.image_right {
float: none;
margin: 25px auto;
}
.image_left {
float: none;
margin: 25px auto;
}
}
.sp_fix{
	display : none;
}
.pc_fix{
	position: fixed;
	top: 0px;
	left: 0px; 
	width : 100%;
	display: block;
	padding : 6px 0px 0px 0px;
}
	.pc_fix_logo{
		float : left;
		width : 32%;
		padding : 0 5px;
	}
	.pc_fix_bun{
		float : right;
		width : 64%;
		margin : 0px 8px;
	}
.contact-btn {
	width : 380px;
	color: #ffffff;
	font-size : 12px;
	padding: 12px 0;
	text-align: center;
	background-color: #0448b3;
	border-radius: 8px;
	margin: 0 auto;
	display: block;
}
	.contact-btn a{
		text-decoration : none;
		color : #ffffff;
	}
@media only screen and (max-width: 736px){
	.pc_fix{display : none;}
.sp_fix{
	position: fixed;
	z-index: 99;
	top: 0px;
	left: 0px; 
	width : 100%;
	background-color : #ffffff;
	display: block;
	padding : 6px 0px 0px 0px;
}
	.sp_fix_logo{
		float : left;
		width : 32%;
		padding : 0 5px;
	}
	.sp_fix_bun{
		float : left;
		width : 64%;
		margin : 0px 8px;
		line-height : 140%;
	}
.contact-btn {
	/* width: 95%; */
	color: #ffffff;
	font-size : 12px;
	padding: 12px 0;
	text-align: center;
	background-color: #0448b3;
	border-radius: 8px;
	margin: 0 auto;
	display: block;
}
	.contact-btn a{
		text-decoration : none;
		color : #ffffff;
	}
body{
	padding-top : 60px;
}
@media screen and (min-width: 650px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 650px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
}
.tokutei {
  border-collapse: collapse;
  width: auto;
	margin : 10px auto;
	font-size : 90%;
}
 
.tokutei th,
.tokutei td {
  border: 1px solid #dbe1e8;  
  padding: 8px;
}
 
.tokutei th {
  background: #e6f9e7;
  text-align: left;
	font-weight : normal;
  width: 30%;
}
 
@media only screen and (max-width: 800px) {
.tokutei {
  border-collapse: collapse;
  width: 100%;
	margin : 10px auto;
}
  .tokutei tr,
  .tokutei th,
  .tokutei td {
    display: block;
    width: auto;
  }
  
  .tokutei tr:first-child {
    border-top: 1px solid #dbe1e8;  
  }
  
  .tokutei th,
  .tokutei td {
    border-top: none;
  }
}