@charset "utf-8";
/* CSS Document */

/*!Style
-------------------------------------*/

*{box-sizing:border-box;}
html{font-size:18px;color:#000;font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;font-weight: 500;}
body{margin:0;padding:0;background-color: #f4f5f7;}
ul,li{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:#cc9940}
a:hover{text-decoration:none;color:#074c0f}
a:hover img{opacity:.7}
h1,h2{margin:0;padding:0;}
img{vertical-align: middle;}
figure,figcaption{margin:0;padding:0;}

/*外枠
-------------------*/
#container{margin:0 auto;padding:0;text-align:center;width:100%;position: relative;}
#stage{margin:0 auto;padding: 0;text-align:center;width:100%;position: relative;max-width: 860px;background-color: #fff;overflow: hidden;}

/*header
-------------------*/
header{margin:0 auto;padding: 2em;width:100%;max-width:800px;}

/*mv
-------------------*/
#mv{margin:0 auto;padding:0;width:100%;max-width:800px;}

/*目次
-------------------*/
#contents{display: table;border: 1px solid #ccc;padding: 2em;text-align: left;margin: 2em auto;line-height: 1.8em;}
#contents h3{margin: 0 auto 1em;text-align: center;font-weight: 500;}
#contents ol{margin: 0;padding: 0 0 0 1em;}
#contents ol li{list-style-type: decimal}
#contents ol li a{color:#000;}
#contents ol li a:hover{text-decoration: underline;}

/*main
-------------------*/
#main{margin:0 auto;padding:0;width:100%;max-width:800px;text-align: left;}
#main h3{background-color: #f5f6f7;padding: 1em;margin: 3em 0 1em;font-size: 1.2em;}
#main h4{border: 1px solid #ccc;padding: 0.5em 1em;border-left: 10px solid #ccc;font-size: 1.1em;margin: 2em 0 1em;}

/*footer
-------------------*/
footer{padding: 1em 0;border-top: 1px solid #ccc;margin: 2em 0 0;}

/*fpageTop
-------------------*/
#pageTop {position: fixed;bottom: 0;right: 20px;}
#pageTop a {display: block;z-index: 999;padding: 4px;border-radius: 30px;width: 35px;height: 35px;background-color: #666;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pageTop i {font-size: 1.4em;}

@media screen and (max-width: 799px) {
img{width:100%}
#main{width:90%;}
.bn{margin:1em auto;width:90%;}
}