@charset "utf-8";
/* ===================================================================
 RESET CSS
=================================================================== */
* {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  position:relative;

  padding:0;
  margin:0;
}

.main{
  padding:0;
  margin:0;
}
.page-main{
  width:100%;
  max-width: 1280px;
  padding:0 0;
  margin:0 auto;
}



.main-head {
   width: 100%;
}

.main-head > .contents_inner{
   padding-top:5em;
   padding-bottom:1em;
}
.main-head h1.contents_heading_ja {
   font-size: 130%;
   color:#111; /* #1FA836 */
}
.main-head h1.contents_heading_ja::before{
  content: '';
  display: inline-block;
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat:no-repeat;
  vertical-align: middle;
  margin-right:0.5em;
}

#story1 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_umi.webp);
}
#story2 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_kofun.webp);
}
#story3 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_kawanakajima.webp);
}
#story4 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_matsushirojo.webp);
}
#story5 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_zenkoji.webp);
}
#story6 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_togakushi.webp);
}
#story7 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_yamanokurashi.webp);
}
#story8 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_kawa2.webp);
  background-position:50% 50%;
}
#story9 .main-head h1.contents_heading_ja::before{
  background-image: url(../../assets/img/img_index_category_map_item_matsuri.webp);
}

  @media screen and (max-width: 767px) {
.main-head h1.contents_heading_ja {
}

.main-head h1.contents_heading_ja::before{
  content: '';
  display: block;
  width: 100%;
  height: 200px;
  background-size: contain;
  background-repeat:no-repeat;
  background-position:50% 50%;
  margin-right:0;
  margin-bottom:2rem;
}

}

.contents{
  position:relative;
  width:100%;
  max-width: 1280px;
  padding:0 20px 50px;
  margin:2em 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;

}

.sec-lead-box {
	display:block;
	width:100%;
	margin:auto 0 0 auto;
	background-color: #fff;
	padding:1.5% 0.2%;
	z-index: 99;
}

.sec-lead-wrap {
	width:95%;
	margin:0 auto;
	padding:0;
	background-color: #fff;
  /*	border: 4px solid black;*/
	padding:1.5%;
  	box-sizing: border-box;
}

  .sec-lead {
	font-size:2rem;
	margin:0 auto;
	padding:0.5em;
	color:#3d3636;
	line-height: 1.8;
	text-indent: 1em;
  }


.sec-lead-wrap h2 {
   margin:1rem 0;
   padding:1em;
   font-size:2.75rem;
   color:#1FA836 ;
	line-height: 1.5;
}

  @media screen and (max-width: 767px) {	
	.sec-lead-box {
		width:100%;
		margin:0 auto;
		margin-top:2em;
		margin-bottom:2em;
	}
  .sec-lead {
	font-size:100%;
	margin:0 auto;
	padding:0.5em;
	color:#3d3636;
	line-height: 1.8;
	text-indent: 1em;
  }
   }

section.list-design1{
  margin-bottom:10rem;
}

[class^="list-design"] > .contents-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  padding:0 1rem;
margin:3rem 0 1rem;
}

[class^="list-design"].outer-left > .contents-wrap{
  justify-content: flex-start;
}


[class^="list-design1"] .item{
  overflow: hidden;
  aspect-ratio: 1 / 1;
  margin: 0.5rem;
  border: 1px solid #23ac39;
  padding:0;
}
[class^="list-design1"] .item a{
  width:100%;
  height:100%;
  display:block;
  color: #ffffff;
  background:#23ac39;
  margin:0;
}

[class^="list-design1"] .item div{
  position: relative;
  width: 100%;
  height: 100%;
}

[class^="list-design1"] .item img{
  transition: transform .6s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[class^="list-design1"] .item:hover img{
  transform: scale(1.1); 
}

[class^="list-design1"] .item p{
  position: absolute;
  bottom: 0;
  left:0;
  display: inline;
  place-content: center;
  width: 100%;
  height:auto;
  min-height: 30%;
  padding:1.7rem 1.5rem 1rem;
  font-size: 1.75rem;
  line-height: 1.5;
  background: rgba(35, 172, 57 , 0.7);
}


/* 3列*/
 [class^="list-design1"].column3 .item{
  margin-left: 1rem;
  margin-right: 1rem;
  overflow: hidden;
  width: calc(100% / 3 - 2rem );
  height:100%;
}

@media screen and (max-width: 767px) { 
 [class^="list-design1"].column3 .item{
  width: calc(100% / 2 - 2rem );
}
[class^="list-design1"] .item p{
  height:auto;
  font-size: 1.5rem;
}

}

/*すべての資料を見るボタン */

.all-collection{
width:100%;
padding:1em 2em;
}
.all-collection a{
display:flex;
align-items:center;
justify-content:center;
background-color:#1fa836;
color:#fff;
font-size:2.75rem;
font-weight:500;
width:50%;
min-width:500px;
border-radius:30px;
margin:0 auto;
padding:.5em 2em;
text-align:center;
text-decoration:none;
}

.all-collection img{
display:inline;
padding:0;
margin-right:1em;
width:34px;
height:auto;
}

.kw-text .all-collection{
width:100%;
padding:1em 2em;
margin-top:0;
}
.kw-text .all-collection a{
display:flex;
align-items:center;
justify-content:center;
background-color:#1fa836;
color:#fff;
font-size:2rem;
font-weight:500;
width:70%;
border-radius:20px;
margin:1em auto;
padding:.5em 2em;
text-align:center;
text-decoration:none;
}

.kw-text .all-collection img{
display:inline;
padding:0;
margin-right:1em;
width:34px;
height:auto;
}
@media screen and (max-width: 767px) { 
.all-collection a , .kw-text .all-collection a{
width:100%;
font-size:1.75rem;
border-radius:20px;
min-width:100px;
}
.all-collection img{
width:24px;
}

}