@charset "UTF-8";

#connect_article #main_content { background-color:#fefefe; }

#main_content div.content_block00 { background-color:#58b0f0; color:#fefefe; margin:auto; padding-top:20px; padding-bottom:20px; }
#main_content div.content_block00 > p { text-align:center; }

#main_content div.content_block01 { width:80%; background-color:#fefefe; margin:auto; padding:4% 5% 2%; border-radius: 1px; text-align:center; margin-top:20px; margin-bottom:40px; }
#main_content div.content_block01:last-child { margin-bottom:50px; }
#main_content div.content_block01 div { margin-bottom:20px; }
#main_content div.content_block01 div:last-child { margin-bottom:20px; }
#main_content div.content_block01 div > h3 { font-size:21px; font-weight: 600; padding-bottom:15px; text-align:center; }
#main_content div.content_block01 div > p { font-size:15px; font-weight: 400; color:#555; text-align:center; line-height: 1.8; }
#main_content div.content_block01 div > p.img01 { width:60%; margin:auto; }
#main_content div.content_block01 div > p.img02 { width:100%; margin-top:15px; margin-bottom:15px; }
#main_content div.content_block01 a.link_button { display: inline-block; width:70%; font-size:110%; margin:auto; background-color:#020202; color:#fefefe; text-align:center; line-height: 3; border-radius: 30px; }
#main_content div.content_block01 a.link_button:hover { background-color: #1870b0; }
@media (max-width: 800px) {
    #main_content div.content_block01 { width:88%; }
}

#main_content div.content_block02 { background-color:#58b0f0; padding-top:40px; padding-bottom:40px; }
#main_content div.content_block02 > div { width:70%; padding:6%; margin:auto; background-color:#fefefe; border:solid 1px #020202; }
#main_content div.content_block02 > div h3 { font-size:130%; text-align:center; letter-spacing: 2px; padding-bottom:20px; }
#main_content div.content_block02 > div p { padding-left:1.5em; padding-bottom:15px; position:relative; }
#main_content div.content_block02 > div p:nth-child(2)::before { content: "①"; position:absolute; left:0; }
#main_content div.content_block02 > div p:nth-child(3)::before { content: "②"; position:absolute; left:0; }
#main_content div.content_block02 > div p:nth-child(4)::before { content: "③"; position:absolute; left:0; }
#main_content div.content_block02 > div p:nth-child(5)::before { content: "④"; position:absolute; left:0; }
#main_content div.content_block02 > div p:nth-child(6)::before { content: "⑤"; position:absolute; left:0; }