@charset "utf-8";

.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;
}
.flexLR{
	display: flex;
	gap: 50px;
	align-items: center;
	margin-top: 20px;
}
.flexLR p.font16{
	line-height: 2.5em;
}
section.center h3{
	font-size: 18px;
}
/*
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;}
	.flexLR{gap: 30px;}

}
@media screen and (max-width: 650px) {
  .youtube {
    position: relative;
    padding-bottom: 56.33% !important;
    height: 0;
    overflow: hidden;
    margin: 0px 0px 0px;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}
/*
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%; }
	.flexLR{display: block; margin-bottom: 30px;}
	.flexLR p.font16{line-height: 2em;margin-top: 10px;}
	section.center h3{font-size: 16px;}
}

@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;
	}
	
}