@charset "utf-8";

.list ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 30px auto 60px;
}

.list ul li{
width: 230px;
margin-bottom: 40px
}

.list ul li img{
margin-bottom: 20px;
}

.list ul li p{
line-height: 1.8em;
letter-spacing: .1em
}

#mf1 .under{
display: flex;
justify-content: space-between;
align-items: start;
margin: 30px auto 60px;
}

#mf1 .under img{
object-fit: contain;
margin: 0 70px 0 0;
}

#mf1 .kata b{
color: #55A468;
}

#mf1 .under div h2{
font-size: 1.25em;
font-weight: bold;
border-bottom: 2px solid #55A468;
padding-bottom: 15px;
margin-bottom: 25px;
}

#mf1 .under div h2.cl{
font-size: 1.15em;
color: #55A468;
}

#mf1 .under div p{
margin-bottom: 40px;
}




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

.kata_add b{
color: #2EA761;
font-weight: bold;
}

.kata_add p{
line-height: 2.8em;
}

.kata_add h2{
display: block;
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
margin: 30px auto;
padding-bottom: 30px;
border-bottom: 2px solid #2EA761;
}

.kata_add h3{
padding: 15px;
border: solid 1px #2EA761;
border-radius: 10px;
text-align: center;
background: #2EA761;
color: #fff;
font-size: 1.15em;
font-weight: bold;
}

.kata_add ul{
margin: 20px auto 10px;
}

.kata_add figure{
width: 40%;
}

.kata_add figure img{
width: 100%;
}

.kata_add div.right{
width: 55%;
}

.kata_add div ul li{
font-size: 1.1em;
font-weight: bold;
margin: 10px auto;
}

.kata_add div.cbox{
width: 48%;
margin: 30px 0 20px;
background: #F0FFF6;
border: solid transparent 1px;
border-radius: 10px;
}

.kata_add div.cbox p{
padding: 20px;
}





@media screen and (max-width: 1024px) {

.list ul li{
width: 47%;
}

.list ul li img{
width: 100%;
}

.list ul li p{
font-size: 14px;
}

#mf1{
padding: 15px;
}

#mf1 .under{
flex-wrap: wrap;
}

#mf1 .under img{
object-fit: contain;
margin: 0 0 30px 0;
}



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

.kata_add b{
color: #2EA761;
font-weight: bold;
}

.kata_add p{
line-height: 2.8em;
}

.kata_add h2{
display: block;
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
margin: 30px auto;
padding-bottom: 30px;
border-bottom: 2px solid #2EA761;
}

.kata_add h3{
padding: 15px;
border: solid 1px #2EA761;
border-radius: 10px;
text-align: center;
background: #2EA761;
color: #fff;
font-size: 1.15em;
font-weight: bold;
}

.kata_add ul{
margin: 20px auto 10px;
}

.kata_add figure{
width: 100%;
}

.kata_add figure img{
width: 100%;
margin-bottom: 30px;
}

.kata_add div.right{
width: 100%;
}

.kata_add div.right p{
margin-bottom: 20px;
}

.kata_add div ul li{
font-size: 1.1em;
font-weight: bold;
margin: 10px auto;
}

.kata_add div.cbox{
width: 100%;
margin: 30px 0 20px;
background: #F0FFF6;
}

.kata_add div.cbox p{
padding: 20px;
}

}