#top_img{
display:flex;
width:670px;
align-items:center;
margin:0 auto 40px;
}
#top_img .float_l{
width:calc(100% - 420px);
padding:0 0 0 20px;
box-sizing:border-box;
flex:none;
}
#top_img .float_r{
width:420px;
flex:none;
}
.contents{
padding:0 20px 0 10px;
line-height:1.8em;
}
.contents section{
margin:0 auto 60px;
}
.icon{
list-style:none;
padding:40px 5%;
display:flex;
gap:50px;
justify-content:center;
}
.icon li{
width:calc((100% - 50px) / 2);
}
.icon li img{
display:block;
margin:0 auto;
width:150px;
}
#section147 h3{
font-size:40px;
display:inline-block;
padding:10px 20px;
background:#00b900;
color:#fff;
margin:0 0 20px;
line-height:1em;
}
#section147 summary{
color:#00b900;
border:2px solid #00b900;
font-size:24px;
text-align:center;
border-radius:10px;
line-height:40px;
max-width:70%;
margin:0 auto;
cursor:pointer;
}
#section147 summary:hover{
background:#00b900;
color:#fff;
}
.flow{
display:flex;
flex-wrap:wrap;
gap:20px;
padding:30px 0 0;
}
.flexend{
padding:20px 0 0;
}
.flow li{
width:calc((100% - 40px) / 3);
flex:none;
}
.flow li img{
display:block;
max-width:100%;
height:auto;
}
#section147 h4{
font-size:24px;
padding:20px 0 15px;
margin:0 auto;
border-bottom:2px dotted #00b900;
}
#section148 h3{
font-size:40px;
display:inline-block;
padding:10px 20px;
background:#46a3cf;
color:#fff;
margin:0 0 20px;
line-height:1em;
}
#section148 a{
display:block;
color:#46a3cf;
border:2px solid #46a3cf;
font-size:24px;
text-align:center;
border-radius:10px;
line-height:40px;
max-width:70%;
margin:20px auto;
text-decoration:none;
position:relative;
}
#section148 a:after{
content:"▶";
position:absolute;
right:10px;
top:0;
bottom:0;
margin:auto;
}
#section148 a:hover{
background:#46a3cf;
color:#fff;
}