@charset "utf-8";

#mf1 .mf-inner{
margin: 30px auto;
}

#mf1 .mf-inner .clist{
display: flex;
align-items: flex-start;
justify-content: space-between;
}

#mf1 .mf-inner .clist:nth-last-of-type(1){
margin-bottom: 70px;
}

#mf1 .mf-inner img.border{
margin: 40px auto 50px;
}

#mf1 .emsl h2 span{
display: inline-block;
padding: 4px 7px;
background: #2EA761;
color: #fff;
margin-right: 10px;
border: solid 1px transparent;
border-radius: 3px;
}

#mf1 .emsl h3{
font-weight: bold;
margin-bottom: 15px
}

#mf1 .emsl h3 b{
color: #2EA761;
}

#mf1 .emsl .font{
font-size: 20px;
border-bottom: 2px solid #2EA761;
padding-bottom: 10px;
}

#mf1 .emsl p b{
margin-top: 15px;
display: inline-block;
}

#mf1 .emsl .cbox img{
margin: 20px auto;
}

.clist .ibox{
width: 38%;
max-width: 340px;
}

.clist .ibox ul li{
display: flex;
align-items: center;
padding: 3px 25px;
background: #E3FFDD;
border: solid 1px transparent;
border-radius: 15px;
color: #2EA761;
font-weight: bold;
font-size: 0.9em;
margin: 15px auto;
}

.clist .ibox ul li img{
margin-right: 20px;
}

.clist .cbox{
width: 60%;
}
#pyhsio .cbox{
width: 100%;
}
#pyhsio .cbox img{
display: table;
margin: 0 auto;
}
.clist .cbox .btn{
display: flex;
text-align: center;
padding: 10px 20px;
background: #E3FFDD;
color: #2EA761;
align-items: center;
width: fit-content;
margin-top: 20px;
border: solid 1px transparent;
border-radius: 5px;
cursor: pointer;
}

.clist .cbox .btn img{
margin-left: 10px;
}

.clist .cbox h2{
font-size: 1.3em;
font-weight: bold;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 2px solid #2EA761;
}

.clist .cbox .more{
display: none;
}


.clist .cbox .open + .more{
display: block;
padding: 30px 25px;
border: solid 2px #2EA761;
}

.clist .cbox .open + .more h3{
font-size: 1.1em;
font-weight: bold;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 2px solid #E2E2E2;
}

.clist .cbox .open + .more p{
display: flex;
align-items: center;
margin-bottom: 15px;
}

.clist .cbox .open + .more p:nth-last-of-type(1){
margin-bottom: 0;
}

.clist .cbox .open + .more p img{
margin-right: 10px;
}


.clist .cbox div.list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 20px;
align-items: flex-start;
}

.clist .cbox div.list:nth-last-of-type(1){
margin-bottom: 0;
}

.clist .cbox div.list h4{
padding: 10px;
width: 100%;
color: #2EA761;
background: #E3FFDD;
margin: 15px auto;
border: solid 1px transparent;
border-radius: 10px;
}

.clist .cbox div.list img,
.clist .cbox div.list p{
width: 48%;
}


.clist .cbox div.list ul{
width: 100%;
}

.clist .cbox div.list ul li{
position: relative;
margin-bottom: 15px;
padding-left: 35px;
}

.clist .cbox div.list ul li::before{
content: "";
position: absolute;
top: 7px;
left: 0;
width: 19px;
height: 19px;
background: url("../img/rihabirikiki/i4-num1.png");
}

.clist .cbox div.list ul li:nth-of-type(1)::before{
background: url("../img/rihabirikiki/i4-num1.png");
}

.clist .cbox div.list ul li:nth-of-type(2)::before{
background: url("../img/rihabirikiki/i4-num2.png");
}

.clist .cbox div.list ul li:nth-of-type(3)::before{
background: url("../img/rihabirikiki/i4-num3.png");
}

.clist .red .list img{
margin-left: auto;
}

#pyhsio .clist{
display: flex;
justify-content: space-between;
margin: 30px 0 0 0;
}
#pyhsio .ctext{
width: 620px;
}
#pyhsio .ctext a{
text-decoration: underline;
}
#pyhsio figure img{
margin: 0 !important;
}
#pyhsio dl{
margin: 0 0 2em 0;
}
#pyhsio dt{
font-size: 1.25em;
font-weight: bold;
padding-left: 0.5em;
border-left: #2EA761 solid 10px;
margin: 0 0 0.5em 0;
}


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

#mf1 .mf-inner{
margin: 10vw auto;
}
#mf1 .mf-inner .clist{
justify-content: center;
}
#mf1 .mf-inner .clist:nth-last-of-type(1){
margin-bottom: 10vw;
}

#mf1 .mf-inner img.border{
margin: 10vw auto
}

.clist .ibox{
width: 100%;
max-width: inherit;
text-align: center;
}
.clist .ibox ul li{
padding: 2vw;
margin: 3vw auto;
}
.clist .ibox ul li img{
margin-right: 2vw;
}


.clist .cbox{
width: 100%;
}
.clist .cbox .btn{
padding: 2vw;
margin-top: 5vw;
}

.clist .cbox .btn img{
margin-left: 2vw;
}

.clist .cbox h2{
padding-bottom: 3vw;
margin-bottom: 3vw;
}


.clist .cbox .open + .more{
padding: 3vw;
}

.clist .cbox .open + .more h3{
padding-bottom: 2vw;
margin-bottom: 2vw;
}

.clist .cbox .open + .more p{
margin-bottom: 2vw;
}


.clist .cbox .open + .more p img{
margin-right: 2vw;
}


.clist .cbox div.list{
margin-bottom: 5vw;
flex-wrap: wrap;
justify-content: center;
}

.clist .cbox div.list h4{
padding: 2vw;
margin: 2vw auto;
}

.clist .cbox div.list img,
.clist .cbox div.list p{
width: auto;
}


.clist .cbox div.list ul li{
margin-bottom: 2vw;
padding-left: 5vw;
}

.clist .cbox div.list ul li::before{
top: 0.5em;
max-width: 19px;
max-height: 19px;
width: 3vw;
height: 3vw;
background-size: cover !important;
}







}