@charset "utf-8";

* {
    margin:0px;
    padding:0px;
    border:0px;
  }

html {
  height:100%;
  overflow-y:scroll;
  scroll-behavior: smooth;
}

body {
  width:100%;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size:20px;
  color:#707070;
  letter-spacing:0.05em;
  line-height:1.7em;
}

a {
  color:#006666;
  text-decoration:underline;
}
a:hover {
  color:#cc6600;
  text-decoration:none;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
.cf {
  *zoom: 1;
}

.pc {
  display:inline;
}
.sp {
  display:none;
}

.frame {
  margin:0 auto;
  width:1200px;
  min-width:1200px;
}

.subframe {
  margin:0 auto;
  width:83%;
}





/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

body {
  min-width:100%;
  font-size:14px;
}

.pc {
  display:none;
}
.sp {
  display:block;
}

.frame {
  margin:0 auto;
  width:100%;
  min-width:100%;
}



}