@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:1.5em;
margin-bottom:0.5em;
}

section h3{
font-family: none;
font-weight: normal;
font-style: normal;
font-size:1em;
margin-bottom:30px;
border:1px solid #b4b4b4;
padding:8px 15px;
border-radius: 25px;
vertical-align:middle;
display:inline-block;
width:10rem;
text-align:center;

}


.intro{
display:flex;
justify-content: space-between;
}

.intro figure{
width:38vw;
}
.intro div{
width:47vw;
position:relative;
vertical-align: middle;
}

.intro ul{
display:flex;
justify-content: flex-start;
margin-top:50px;
}

.intro ul li{
width:7rem;
}

.member ul{
display:flex;
justify-content: flex-start;
}
.member ul li{
width:33vw;
}
.member ul li:first-of-type{
margin-right:15vw;
}
.member ul li figure{
margin-bottom:20px;
}

.member p{
font-weight: bold;
font-size:1.15em;
margin-bottom:20px;
white-space: nowrap;
}

.member p span{
display:block;
}

.member dl{
display:flex;
flex-wrap: wrap;
}

.member dt{
width: clamp(1.9rem,10%,2.5rem);
margin-right:2%;
margin-bottom:0.5rem;
}

.member dd{
width:83%;
margin-bottom:0.5rem;
}

.company dl{
display:flex;
flex-wrap: wrap;
margin-bottom:50px;
}

.company dt{
width: clamp(4.9em,10%,5.5em);
margin-right:1%;
margin-bottom:0.5rem;
}

.company dd{
width:89%;
margin-bottom:3.5rem;
}

@media screen and (max-width: 640px) {
	/* 959px以下に適用されるCSS（SP用） */
.intro figure, .intro figure img{
width:100%;
margin-bottom:20px;
}

.intro div{
width:100%;
}

.intro, .member ul{
display:block;
justify-content: none;
}

.member ul li{
width:100%;
}
.member ul li:first-of-type{
margin-right:none;
margin-bottom:50px;
}

.member dd{
width:85.6666%;
}

.company dd{
width:100%;
}

}