@charset "Shift_JIS";

/* -- format -- */
/* ----------------------------------------------------------------------------- */


p.fl_img_auto {
	width: 100%;
}
p.fl_img_auto img {
	width: 100%;
}

.sust_cont h2 {
	font-size: 110%;
	color: #666;
	padding: 0 10px 8px;
	background: none;
	border-top: none;
	border-bottom: 2px solid #67A026;
}

.grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.grid.anet{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

.item{
  border:1px solid #67A026;
  display:flex;
  flex-direction:column;
	transition: .2s;
}
.item:hover {
	opacity: 0.7;
	text-decoration: none;
}

.item img{
  width:100%;
  aspect-ratio:4/4;
  object-fit:cover;
  display:block;
}
.anet .item img{
  aspect-ratio:4/2.6;
}

.item figcaption{
  background:#67A026;
  color:#fff;
  padding:10px;
  flex:1;                 /* ←高さを揃えるポイント */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

p.anet_logo {
	width: 166px;
	margin: 0 auto;
}
p.anet_logo img {
	width: 100%;
	margin: 0 auto;
}
p.anet_logo a {
	transition: .2s;
}
p.anet_logo a:hover {
	opacity: 0.7;
	text-decoration: none;
}


div.comitlogo{
  display:flex;
  width:760px;
	margin: 0 auto;
}
div.comitlogo .comitlogo_l{
  width:160px;
  flex-shrink:0;
}
.media-img img{
  width:100%;
  display:block;
}
div.comitlogo .comitlogo_r{
  width:600px;
  display:flex;
  align-items:center;
  padding-left:20px;
  box-sizing:border-box;
}



/* ###################### break-spn ###################### */
@media screen and (max-width: 768px) {


	h1 {
		width: 100%;
	}
	h1 img {
		width: 100%;
	}

.grid,
.grid.anet{
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}

div.comitlogo{
	width: 100%;
  display:block;
}
div.comitlogo .comitlogo_l,
div.comitlogo .comitlogo_r{
	width: 100%;
  display:block;
  padding-left:0px;
}



}