@charset "utf-8";
/* CSS Document */
html {
  height: 100%;
}
.wf-notosansjapanese { font-family: "Noto Sans JP"; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}
dl, p {
    margin: 0;
    padding: 0;
}
i { font-style: normal; }
a {
    color: #332f2a;
    text-decoration: none;
}
a:hover {
    -ms-filter: "alpha(opacity=60)";
    opacity: 0.6;
}
img {
    border: none;
    vertical-align: bottom;
}

header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
}
header span.header_right {
	text-align: right;
}

/*ページtop*/
#pageTop {
  position: fixed;
  bottom: 3%;
  right: 3%;
  display: block;
  text-align: right;
}
#pageTop a {
  display: block;
  z-index: 999;
  width: 100%;
  font-weight: bold;
  color: #fff;
}
#pageTop img {
border-radius: 5px;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.9;
  color: #fff;
  -webkit-transition: 0.5s ease;
  -webkit-transition-property: opacity, border, color, background;
  -moz-transition: 0.5s ease;
  -moz-transition-property: opacity, border, color, background;
  -o-transition: 0.5s ease;
  -o-transition-property: opacity, border, color, background;
  transition: 0.5s ease;
  transition-property: opacity, border, color, background;
}


/* clearfix */
header:after,
.clearfix:after {
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
footer:after,
main:after,
section:after,
aside:after,
div:after,
ul:after,
ol:after,
dl:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}