@charset "utf-8";
/* CSS Document */
.sub-article { width:787px; margin:0px auto; }
.sub-article h1 { margin:0px; margin-top:50px; font-size:19px; font-weight:900; color:#38A; }
.sub-article h1:first-child {margin-top:0px;}
.sub-article h2 { margin:15px 0px; padding:0px 15px; font-weight:300; font-size:16px; line-height:24px; color:#666; border-left:5px #85919a solid;}
.sub-article h2 b { font-weight:bold; color:#85919a; }

.sub-article .pictogram { position:relative; width:700px; height:400px; margin:0px auto;}
.sub-article .pictogram h1 { position:absolute; display:block; top:75px; width:250px; height:250px; line-height:36px; font-size:28px; padding-top:65px; border-radius:125px; border:25px #38A solid; text-align:center; z-index:98;}
.sub-article .pictogram h2 { position:absolute; left:350px; border-left:none; font-weight:bold; color:#85919a;}
.sub-article .pictogram h2:nth-of-type(1) { top:50px; }
.sub-article .pictogram h2:nth-of-type(2) { top:125px; }
.sub-article .pictogram h2:nth-of-type(3) { top:200px; }
.sub-article .pictogram h2:nth-of-type(4) { top:275px; }
.sub-article .pictogram p { margin:0px; padding:0px; }
.sub-article .pictogram p:nth-of-type(1) { position:absolute; width:152px; height:1px; background-color:#85919a; transform:rotate(-30deg); left:225px; top:117px; z-index:97; }
.sub-article .pictogram p:nth-of-type(2) { position:absolute; width:125px; height:1px; background-color:#85919a; transform:rotate(-14deg); left:245px; top:168px; z-index:97; }
.sub-article .pictogram p:nth-of-type(3) { position:absolute; width:120px; height:1px; background-color:#85919a; transform:rotate(7deg); left:248px; top:219px; z-index:97; }
.sub-article .pictogram p:nth-of-type(4) { position:absolute; width:148px; height:1px; background-color:#85919a; transform:rotate(28deg); left:228px; top:265px; z-index:97; }
.sub-article .pictogram h2:before { content:"●　"; }