@charset "utf-8";
/* CSS Document */

/*
  page CSS
*/

section h2{
font-family: "Zen Kaku Gothic Antique", sans-serif;
font-weight: 900;
font-style: normal;
font-size:clamp(24px,5vw,2rem);
margin-bottom:40px;
}

.intro ul{
padding: 0 calc(4vw + 10px) 0;
}


section.photo ul{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
margin:0 auto;
width:75vw;
margin-bottom:50px;
}

section.photo ul li{
width:36.4vw;
margin-bottom:3.5vw;
}

section.photo ul li:nth-child(even){
position:relative;
top:70px;
}
section.photo ul li:nth-child(odd){
margin-bottom:0;
}

section.photo ul li p{
font-size:0.8rem;
}

section.drone ul, html body .modula .modula-items {
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
width: calc(75vw + 30px);
margin:0 auto;
}


section.drone ul li{
width:33.333333%;
margin-bottom:40px;
padding:0 15px;
}

section.drone ul li img{
width:100%;
}

section p{
margin-bottom:10px;
}



@media screen and (max-width: 640px) {
	/* 959px以下に適用されるCSS（SP用） */

section h2{
margin-bottom:5vw;
}


section.photo ul{
display:block;
justify-content: none;
flex-wrap: none;
margin:0 auto;
width:100%;
margin-bottom:0;
}

section.photo ul li{
width:100%;
margin-bottom:10vw;
}

section.photo ul li:nth-child(even){
position:relative;
top:0;
}
section.photo ul li:nth-child(odd){
margin-bottom:10vw;
}

section.drone ul, html body .modula .modula-items {
display:flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
margin:0 auto;
}


section.drone ul li{
width:48%;
margin-bottom:5vw;
padding:0 0;
}

section.drone ul li img{
width:100%;
}

.intro ul li{
display:block;
width:50%;
margin:0.2rem 0
}

}