﻿html{overflow-y:scroll;font-family:sans-serif;font-size:62.5%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,address,em,strong,img,small,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;font-style:normal;vertical-align:baseline;background:transparent}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}ul,ol,dl{list-style:none}li{list-style-position:inside;list-style:none}blockquote{quotes:none}blockquote:before,blockquote:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;overflow:hidden}a:active,a:hover{outline:0}b,strong{font-weight:bold}small{font-size:80%}table{border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%}td,th{vertical-align:top;text-align:left}td,th{padding:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}img{vertical-align:bottom;border:0}svg:not(:root){overflow:hidden}html{font-size:62.5%;box-sizing:border-box}body{font-family:Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size:1.6rem;-webkit-text-size-adjust:100%;font-feature-settings:"palt";height:100%;color:#000}*,*:before,*:after{box-sizing:inherit}#header{background:#333;padding:20px 20px 0 20px}#header .inner{display:flex;flex-wrap:space-between;align-items:flex-end;width:100%}#header h1 img{width:150px}@media screen and (max-width: 480px){#header h1 img{width:100px}}@media screen and (max-width: 320px){#header h1 img{width:80px}}#header h1 img img{width:100%}@media screen and (min-width: 769px){#header h1 img a:hover img{opacity:.8;filter:alpha(opacity=80)}}#header ul{margin:auto 0 10px auto}#header ul:after{display:block;clear:both;content:' '}#header ul li{float:left;margin-left:10px}#header ul li img{display:block;height:15px;margin:10px auto}#header ul li a{display:block;width:70px}#header ul #fb a{background:#314a7e}#header ul #tw a{background:#339dc3}#header ul #hatena a{background:#00a4de}#header ul #line a{background:#00b900}@media screen and (min-width: 769px){#header ul #fb a:hover{background:#233459}#header ul #tw a:hover{background:#287c9b}#header ul #hatena a:hover{background:#007eab}#header ul #line a:hover{background:#008600}}@media screen and (max-width: 480px){#header ul{margin-top:20px}#header ul li{margin-left:5px}#header ul li img{display:block;height:12px;margin:9px auto}#header ul li a{display:block;width:50px}}@media screen and (max-width: 320px){#header ul{margin-top:10px}#header ul li a{width:45px}}@media screen and (max-width: 480px){#header{padding:10px 10px 0 10px}}#footer{padding:30px 0;text-align:center;color:#999;background:#000}.inner{width:100%;max-width:1180px;margin:0 auto;padding:0 calc(20 / 1180 * 100%)}.inner:after{display:block;clear:both;content:' '}@media screen and (max-width: 1180px){.inner{width:auto;max-width:initial;padding-left:0;padding-right:0}}body{background-color:#fdf1f0}#top{background-color:#f5bcba}#top .inner{padding:calc(30 / 1180 * 100%) calc(20 / 1180 * 100%);background:url(./img/bg01.png) left center no-repeat,url(./img/bg02.png) right center no-repeat;background-color:#fff;background-size:contain}@media screen and (max-width: 420px){#top .inner{padding:calc(100vw / 750 * 30) calc(100vw / 750 * 20);background-size:calc(100vw / 750 * 100) 100%}}#top h1{font-size:0;overflow:hidden;width:calc(500 / 1180 * 100%);height:0;margin:0 auto;padding-top:calc(207 / 1180 * 100%);white-space:nowrap;text-indent:100%;background:url(./img/ttl.png) top center no-repeat;background-size:contain}@media screen and (max-width: 420px){#top h1{width:calc(100vw / 750 * 500);padding-top:calc(100vw / 750 * 207)}}#main{padding:calc(60 / 1180 * 100%) 30px}@media screen and (max-width: 420px){#main{padding:calc(100vw / 750 * 40) calc(100vw / 750 * 20)}}article{max-width:800px;margin:0 auto}article .inner::before,article .inner::after,article .inner div::before,article .inner div::after{position:absolute;width:200px;height:200px;content:''}@media screen and (max-width: 420px){article .inner::before,article .inner::after,article .inner div::before,article .inner div::after{width:100px;height:100px}}article .inner{line-height:1.8;position:relative;padding:calc(30 / 1180 * 100%);color:#333;background-color:#fff}article .inner::before{top:-20px;left:-20px;border-top:solid 1px #746963;border-left:solid 1px #746963}@media screen and (max-width: 420px){article .inner::before{top:calc((100vw / 750 * 10) * -1);left:calc((100vw / 750 * 10) * -1)}}article .inner::after{top:-20px;right:-20px;border-top:solid 1px #746963;border-right:solid 1px #746963}@media screen and (max-width: 420px){article .inner::after{top:calc((100vw / 750 * 10) * -1);right:calc((100vw / 750 * 10) * -1)}}article .inner div::before{bottom:-20px;left:-20px;border-bottom:solid 1px #746963;border-left:solid 1px #746963}@media screen and (max-width: 420px){article .inner div::before{bottom:calc((100vw / 750 * 10) * -1);left:calc((100vw / 750 * 10) * -1)}}article .inner div::after{right:-20px;bottom:-20px;border-right:solid 1px #746963;border-bottom:solid 1px #746963}@media screen and (max-width: 420px){article .inner div::after{bottom:calc((100vw / 750 * 10) * -1);right:calc((100vw / 750 * 10) * -1)}}article .inner p{text-indent:1em}article .inner p.last{margin-top:2rem;text-align:right}#pagetop{position:fixed;right:20px;bottom:20px;clear:both;max-width:80px;margin:0 auto;text-align:center}#pagetop img{width:80px}@media screen and (min-width: 769px){#pagetop a:hover img{opacity:.8;filter:alpha(opacity=80)}}@media screen and (max-width: 420px){#pagetop{max-width:50px}#pagetop img{width:50px}}
