@charset "utf-8";
@import url("/css/icomoon/style.css");

.float_r.padL30 .sp{display: none;}
table.spinfo{
	border:1px solid #333333;
	max-width: 443px; width: 100%;
	border-collapse: collapse;
}
table.spinfo td:first-child {
	text-align: right;
	white-space: nowrap;
}
table.spinfo td{
	padding:10px; font-size: 14px;
}
img.w300 {
	width: 100%; height: auto; margin: 0 auto;
	max-width: 300px; 
}

.max500 {
	max-width: 540px; 
	margin: 2rem auto;
}
.carousel {
	margin-top: 3rem;
}
.but1 a {
  text-align: center;
  display: block;
  border: double 4px #396a57;
  font-weight: 600;
  font-size: 14px;
  margin-top: 1rem;
  padding: 12px;
  position: relative;
  color: #396a57;
}
.but1 a::after {
  content: "\ea7e";
  font-family: "icomoon";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0%, -50%);
  color: #396a57;
}


img.imgauto{
	width: 100%;
	max-width: 900px;
	height: auto;
}
/*.carousel .slick-slide{
  min-width: var(--WIDTH);
  max-width: var(--WIDTH);
}
@media screen and (min-width: 768px){
  .carousel .slick-slide{
    --WIDTH: 300px;
  }
}
@media screen and (max-width: 767px){
  .carousel .slick-slide{
    --WIDTH: 150px;
  }
}*/

/*
for tablet
================================================================== */
@media screen and (max-width: 974px){
	
	/* about_index_rwd.html固有 */
	.sub {padding: 10px 10px 0px 10px;}
	#mid_c {padding: 10px 10px 10px 10px;}
	#mid_e {padding: 10px 10px 10px 10px;}
	.padL30 {padding-left: 10px;}
}

@media screen and (max-width: 740px){
	.float_r.padL30 {
		padding-left: 0px !important;
		float: none;
		padding: 10px 0 20px 0;
	}
	
	.float_r.padL30 .pc{display: none;}
	.float_r.padL30 .sp{display: block; text-align: center;}
	.float_r.padL30 .sp img.w300sp {
		width: 100%; height: auto; 
		max-width: 443px; margin: 0 auto;
	}
	table.spinfo{margin: 0 auto;}
	#mid_e {text-align: center;}
	.mid_c_txt {padding: 10px 10px 10px 10px;}
}

/*
for smartphone
================================================================== */
@media screen and (max-width: 640px){
	.mid_c_txt {padding: 0;}
	table.spinfo{max-width: 640px; }
	img.w100 {max-width: 640px; width: 100%; }
	
}

@media screen and (max-width: 350px){
	table.spinfo td{
		padding:5px; font-size: 13px;display: block;
	}
	table.spinfo td:first-child {
		text-align: left; background: #ccc;
	}
	
}