@charset 'UTF-8';
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,300,100,500,700);
@import url(//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);

body {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
  color: #000;
  font-size: 16px;
  line-height:1.6;
  position:relative;
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

h1,h2,h3,h4,h5,
ol,ul,li,dl,dd,
form,figure,section,table,tr,td
div,img{
  margin : 0;
  padding : 0;
}

ol,ul,li,
dl,dd{
 list-style	: none;
}

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

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

p {margin:0;padding:0;}

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

img{
  border: none;
  margin:0;
  padding:0;
  vertical-align:middle;
}

img {
  pointer-events: none; 
}

img {
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}


/* link
-------------------------------------------------- */
a {
  text-decoration: none;
  outline:none;
  color:#5C5B5C;
}

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

/* .line
-------------------------------------------------- */
hr {display : none;}

.clr { height : 0; clear : both;}

/* #wrapper
------------------------------------------------- */
#wrapper {
  width: 100%;
  padding: 80px 0 3%;
  position:relative;
}

@media screen and (max-width: 568px) {
#wrapper {
  padding: 70px 2% 3%;
  box-sizing: border-box;
}
}

/* .container
------------------------------------------------- */
.container {
  width: 100%;
  max-width:1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 2%;
  position:relative;
}

/* footer
------------------------------------------------- */
footer {
  width: 100%;
  margin: 0 auto 0;
  float:left;
  padding:8px 0;
  background :#FFF;
  border-top:1px solid #CCC;
}

.copy {
  font-size:11px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight:400;
}

footer a{color:#000;text-decoration:none}
footer a:hover{color:#61BECA;text-decoration:none;}

/* page_top
------------------------------------------------- */
#page_top {
  position: fixed;
  bottom: 1.8%;
  right: 1.5%;
  z-index:3;
}

#page_top img {
  width:50px;
  height:auto;
}

/* .デスクトップ
------------------------------------------------- */
.pcHide{display: none;}

/* タブレット
------------------------------------------------- */
@media screen and (max-width: 800px) {
.pcHide{display: block;}
.tbHide{display: none;}
}

/* スマホ
------------------------------------------------- */
@media screen and (max-width: 568px) {
.pcHide{display: block;}
.spHide{display: none;}
}