/*------------------------------------
  Color
------------------------------------*/

body {
  color: #333;
}

/*------------------------------------
  Font
------------------------------------*/

body {
  font-family:  YuGothic, 'Yu Gothic','ヒラギノ角ゴシック', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic';
  font-size: 16px;
  letter-spacing: .05em;
}

@font-face {
  font-family: "Yu Gothic";
  font-weight: 100;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Yu Gothic";
  font-weight: 200;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Yu Gothic";
  font-weight: 300;
  src: local("Yu Gothic Medium");
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face {
  font-family: "Yu Gothic";
  font-weight: bold;
  src: local("Yu Gothic Bold");
}

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

body {
  height: 100%;
  margin: 0;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

a {
  cursor: pointer;
}

/*------------------------------------
  Text
------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
th,
td,
dt,
dd {
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

/*------------------------------------
banner:common;
------------------------------------*/
.banner-area {
  width: 780px;
  margin: 20px auto 40px;
}

/*------------------------------------
pankuzu
------------------------------------*/
.pankuzu{
  align-items: center;
  display: flex;
  font-size:16px;
  margin:15px auto;
  width:1000px;
}

.pankuzu a{
  text-decoration: underline;
}

.pankuzu a:hover{
  opacity: 0.8;
}

.pankuzu p{
  margin: 0;
}

/*------------------------------------
To top
------------------------------------*/
.global-page-top-button {
  bottom: 90px;
  position: fixed;
  right: 16px;
  z-index: 99;
  background: #009380;
  border-radius: 50px;
  cursor: pointer;
  color: #fff;
  display: block;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  transition: all 0.3s;
  width: 50px;
}

.page-top{
  position: relative;
  display: block;
}

.page-top:before{
  content: "";
  background: #fff;
  width: 30%;
  height: 4px;
  transform: rotate(-45deg);
  position: absolute;
  left: 13px;
  top: 21px;
  border-radius: 5px;
}

.page-top:after{
  content: "";
  background: #fff;
  width: 30%;
  height: 4px;
  transform: rotate(45deg);
  position: absolute;
  right: 13px;
  top: 21px;
  border-radius: 5px;
}