@charset "UTF-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
address,em { font-style: normal; }
strong,th { font-weight: normal; }
table {
border-collapse: collapse;
border-spacing: 0;
}
th { text-align: left; }
hr,legend { display: none;	}
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
img,fieldset {
	border: 0;
	text-align: left;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
li {
	list-style-type: none;
}

/* Fonts
------------------------------------------------------------*/

body {
    font-size: 80%; /* IE */
    font-family: 'Noto Sans Japanese', serif;
    font-weight: 300;
    letter-spacing: 1px;
	line-height: 2em;
}
html>/**/body {
	font-size: 14px;
} /* Except IE */

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}
.text70{
	font-size: 70%;
}

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: '';
display: block;
clear: both;
height:0;
}
.clearfix {
	clear: both;
	float: none;
} 

/* arrow
------------------------------------------------------------*/
.arrow{
    position: relative;
    display: inline-block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
}
.arrow::before,
.arrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.sample5-2::before{
    left: 4px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #47b5ff;
    border-right: 2px solid #47b5ff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.top5 {
    margin-top: 5%;
}
.top7 {
    margin-top: 7%;
}
.top10 {
    margin-top: 10%;
}
.bottom5 {
    margin-bottom: 5%;
}
.bottom7 {
    margin-bottom: 7%;
}