@charset "utf-8";

/* -------------------------------------------------------------------------------------

	web font

 ------------------------------------------------------------------------------------- */

@import '//fonts.googleapis.com/css?family=Open+Sans|Quicksand';
@import '//fonts.googleapis.com/earlyaccess/notosansjapanese.css';

/* -------------------------------------------------------------------------------------

	body

-------------------------------------------------------------------------------------- */
 
body{
	 color:#000;
	 font-family: 'Noto Sans Japanese', sans-serif;
	 background-size:100% auto;
	 font-size:100%;
	 line-height:180%;
	 background: #fff !important;
}
@media screen and (max-width: 768px) {
	body{
		font-size: 15px !important;
	}
}
a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

a:active {
    color: #000;
    text-decoration: none;
}

/* -------------------------------------------------------------------------------------

	テキストレイアウト

-------------------------------------------------------------------------------------- */
 
.tec{	text-align:center !important;}

/* -------------------------------------------------------------------------------------

	マージン

-------------------------------------------------------------------------------------- */

.mrb4 {    margin-bottom: 4px }

.mrb10 {    margin-bottom: 10px }

.mrb15 {    margin-bottom: 15px }

.mrb20 {    margin-bottom: 20px }

.mrb30 {    margin-bottom: 30px }

.mrb35 {    margin-bottom: 35px }

.mrb40 {    margin-bottom: 40px }

.mrb45 {    margin-bottom: 45px }

.mrb50 {    margin-bottom: 50px }

.mrb55 {    margin-bottom: 55px }

.mrb60 {    margin-bottom: 60px }

.mrb100 {    margin-bottom: 100px }

.pat40 {    padding-top: 40px }

.tec {    text-align: center }

.ter {    text-align: right }

/* -------------------------------------------------------------------------------------

	clearfix

-------------------------------------------------------------------------------------- */
 
/*.clearfix { overflow:hidden; }
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }*/

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {    clear: both }

.clearfix {    zoom: 1 }

/* -------------------------------------------------------------------------------------

	ページトップへ戻る

-------------------------------------------------------------------------------------- */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}

#page-top img{
	width:46px;
	height:auto;
}

#page-top a {
	text-decoration: none;
	color: #fff;
	text-align: center;
	display: block;
	padding:20px;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.8);
}

#page-top a:hover {
	text-decoration: none;
	opacity:0.7;
}