@charset "utf-8";.flex{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
#main h1{font-size:1.5em;padding:0 0 3px 5px;margin:10px 0 5px 0;border-bottom:2px solid #333;}
#main h1 span {font-size:.7em;font-weight:normal;}
#main h3{line-height:1.5;font-size:1.1em;color:#2e97d8;padding-bottom:3px;border-bottom:1px solid #2e97d8;margin-bottom:10px;}
#main h4{margin:0 10px 5px;background-color:#EFEFEF;padding:5px;font-weight:normal;}
#main figure{text-align:center;}
#main figcaption{padding-top:5px;}
#main p{margin:0 13px 20px;}
#main section{margin-bottom:30px;}
#main section .link{margin-left:10px;}
#main .link li{padding-bottom:3px;}
#main .link li a:before{content:"▶";color:#666;margin-right:5px;}
@media screen and (max-width:960px){#main{width:96%;margin:0 auto;}
#main .flex > figure,
#main .flex section{width:48%;}
}
@media screen and (max-width:768px){#main h3{font-size:.9em;}
#main figcaption{text-align:left;}
}
@media screen and (max-width:480px){#main h4{font-size:.9em;}
#main .flex{display:block;}
#main .flex > figure,
#main .flex section{width:100%;}
#main figure{margin-bottom:30px;}
}