@charset "utf-8";

body,div,p,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,blockquote,th,td,
button {
    font-size:100%;
    margin:0;
    padding:0;
    letter-spacing:0;
}
article,aside,canvas,details,figcaption,figure,command,
footer,header,hgroup,menu,nav,section,summary { display:block;}

body  {
    font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
    background:#FFF; color: #333;
    font-size:14px;
    line-height:1.4;
    text-align:left;
    max-width:768px;
    margin:0 auto;
}
form,fieldset,input,textarea {
    font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
td { word-break:break-all;}

a  { color: #222; text-decoration:underline;}
a:hover { text-decoration:none;}

img { border:0;}
table { border-collapse:collapse;}

var,em { font-style:normal; }
em { font-weight:bold; }

/*↓floatのクリア↓*/
.cfix { zoom:1;}
.cfix:after { content:""; display:block; clear:both;}
/*↑floatのクリア↑*/

.l { float: left; }
.r { float: right; }


/* a */

a:link    { color:#222; text-decoration:underline;}
a:visited { color:#444; text-decoration:underline;}
a:hover, a:active { color:#666; text-decoration:none;}


/* 文書汎用 */
body {
    box-sizing:border-box;
    margin: 0 auto;
    padding:20px;
    background:#f5f5f5;
    background:#fafafa;
    box-shadow:0 0 16px rgba(0,0,0,.2);

}
h1 {
    min-height:48px;
    text-align:center;
    background:#333;
}
section.site_body {
}
header.site h2 {
    margin:24px 0;
    font-size:1.4em;
    font-weight:bold;
    text-shadow:1px 1px 0 #fff;
}
footer.site {
    margin-top:40px;
    padding-top:80px;
    background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M65.707 47.09c.008 0 .017.003.026.003h.026l.036-.003c7.609.013 14.744 2.976 20.094 8.353a6.718 6.718 0 008.99.5l.116-.094a6.732 6.732 0 002.496-4.868 6.727 6.727 0 00-1.944-5.105c-4.52-4.55-9.917-7.889-15.82-9.959l13.962-13.96a6.758 6.758 0 001.986-4.805c0-1.82-.706-3.527-1.986-4.806-2.56-2.565-7.053-2.562-9.613 0l-18.33 18.33-18.328-18.33c-2.559-2.562-7.054-2.565-9.613 0a6.739 6.739 0 00-1.988 4.806c0 1.817.706 3.523 1.987 4.805l13.954 13.954a41.718 41.718 0 00-15.6 9.768c-.023.022-.05.036-.073.059l-.043.046c-.03.032-.065.058-.097.089-.044.045-.074.1-.118.147-7.758 7.843-12.053 18.218-12.112 29.407 0 .037-.012.071-.012.108 0 .02.004.041.004.062 0 .02-.004.04-.004.062 0 .034.01.067.012.1.057 11.082 4.36 21.468 12.134 29.318.034.036.057.08.092.115.024.024.05.044.075.069.025.024.045.05.069.075.039.038.086.065.125.102 7.851 7.771 18.24 12.074 29.326 12.128.032 0 .062.01.094.01h.24c.033 0 .066-.01.1-.01 11.2-.059 21.696-4.44 29.575-12.368a6.738 6.738 0 001.943-5.109c-.105-1.9-1.013-3.67-2.61-4.961a6.709 6.709 0 00-8.99.5c-5.359 5.384-12.506 8.35-20.157 8.354-7.6-.003-14.731-2.957-20.087-8.318-5.378-5.356-8.341-12.498-8.345-20.143.004-7.605 2.96-14.737 8.323-20.094 5.344-5.361 12.462-8.318 20.085-8.336' fill='%23000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 64px 64px;
}
footer.site .copyright {
    text-align:center;
}

h2,h3,h4 {
    margin-bottom:0.5em;
    font-weight:normal;
}
h2 {
    font-size:1.2em;
}
h3 {
    margin-bottom:.8em;
    font-size:1.2em;
    font-weight:normal;
}
h4 {
    font-size:1em;
}
.item {
    margin-bottom:3em;
}
.item h2 {
    margin:30px 0 10px ;
    padding:2px 0 2px 10px;
    border-left:5px solid #999;
    font-size:1.2em;
    text-shadow:1px 1px 0 #fff;
}
.item_body {
    margin-left:1em;
    margin-bottom:2em;
}
ol,ul {
    margin-left:2em;
    margin-bottom:1.5em;
}
p,li {
    margin-top:1em;
    margin-bottom:1em;
}
.circle li {
    counter-increment: cnt;
    list-style: none;
}
.circle li::before {
    content: "(" counters(cnt,"") ")";
    display: inline-block;
    margin-left: -30px;
    padding-right: 5px;
    width: 25px;
    text-align: right;
}

@media screen and (max-width: 760px) {
    body {
        margin: 0 auto;
        background:#f5f5f5;
        font-size:14px;
    }
}
@media screen and (max-width: 480px) {
    body {
        width:100%;
        padding:0;
        font-size:16px;
        line-height:1.4;
    }
    section.site_body {
        padding:0 10px;
        box-shadow:none !important;
    }
    .item, header.site h2 {
        padding:0 10px;
    }
}