@charset "utf-8";

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,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {
}

img {
  height:auto;
  max-width:100%;
  width: 100%;
}

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

* {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

/* -----------------------------------------------------------------------
## Reset #################################################################
----------------------------------------------------------------------- */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,img,pre,form,fieldset,input,textarea,blockquote,th,td {
  margin:0;
  padding:0;
}

html {
  overflow:auto;
  height:100%;
  font-size:62.5%;
}

fieldset,img {
  border:0;
  vertical-align:bottom;
}

address,caption,cite,code,dfn,em,var {
  font-weight:400;
  font-style:normal;
}

ul {
  list-style:none;
}

ol li {
  margin-bottom:5px;
  margin-left:25px;
  list-style:decimal;
  list-style-position:outside;
}

caption,th {
  text-align:left;
  font-weight:400;
}

h1,h2,h3,h4,h5,h6 {
  font-weight:400;
  font-size:100%;
}

a {
  color:#333;
  text-decoration:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

sup,sub {
  position:relative;
  height:0;
  vertical-align:baseline;
  line-height:1;
}

sup {
  bottom:.6ex;
}

sub {
  top:.5ex;
}

.clearfix:after {
  clear:both;
  display:block;
  content:" ";
}

.ma_b5 {
  margin-bottom:5px;
}

.ma_b10 {
  margin-bottom:10px;
}

.ma_b15 {
  margin-bottom:15px;
}

.ma_b20 {
  margin-bottom:20px;
}

.ma_b21 {
  margin-bottom:21px;
}

.ma_b25 {
  margin-bottom:25px;
}

.ma_b30 {
  margin-bottom:30px;
}

table,tr,th,td {
  border-collapse:collapse;
  vertical-align:top;
  text-align:left;
  font-weight:400;
}

.sp {
  display:none;
}


/*---- FOR SP ----*/
@media only screen and (max-width: 750px) {
  body {
    color:#333;
    letter-spacing:.05em;
  	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif ;
	font-size: 14px;
	 line-height:160%!important;
    -webkit-text-size-adjust:100%;
  }
  
  .pc {
    display:none!important;
  }
  
  .sp {
    display:block!important;
  }
  
  .img100 {
    width:100%;
    height:auto;
  }
  
  .img90 {
    width:90%;
    height:auto;
  }
  
  .img80 {
    width:80%;
    height:auto;
  }
  
  .img70 {
    width:70%;
    height:auto;
  }
}