@charset "utf-8";

/* =================================================
  Reset
================================================= */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,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,time,mark,audio,video {
  margin:0;
  padding:0;
  outline:0;
  border:0;
  list-style:none;
}

/* element
================================= */
html {
  overflow-y:scroll;
  font-size:62.5%;
}

@font-face {
  font-weight:500;
  font-family:YuGothicM;
  src:local(Yu Gothic Medium),local(Yu Gothic);
}

body {
  background:#fff;
  color:#333;
  font-weight:500;
  font-size: 1.3rem;
  font-family:"YuGothicM","Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  line-height:1.7;
}

@media screen and (max-width: 767px) {
  body {
    font-size:1.4rem;
  }
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display:block;
}

a:link {
  color:#333;
  text-decoration:none;
}

a:visited {
  color:#333;
  text-decoration:none;
}

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

a:active {
  color:#666;
  text-decoration:none;
}

a img {
  border:none;
  text-decoration:none;
}

img {
  vertical-align:bottom;
}

@media screen and (max-width: 767px) {
  img {
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
  }
}

*,:before,:after {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

/* block
================================= */
.wrapper:after,section:after,.box:after {
  clear:both;
  display:block;
  content:"";
}