@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@charset "utf-8";
body, html {
/*min-width:1100px;*/
}
html {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
body {
	font-family: 'Sawarabi Gothic', sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	/*font-size: 62.5%;*/ /*em換算値用*/
	/*	font-size: 13px;*/
	-webkit-text-size-adjust: 100%;
	background-color: #FFF;
	color: #4C4948;
}
* html body {
	overflow: hidden;
}
body #wrapper {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}
li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}
img {
	vertical-align: top;
	border-style: none;
}
form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}
fieldset {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}
a {
	color: #4C4948;
	outline: none;
	text-decoration: none;
}
a img {
	border-style: none;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:hover {
	filter: alpha(opacity=70); /* IE 6,7*/
	-ms-filter: "alpha(opacity=70)"; /* IE 8,9 */
	-moz-opacity: 0.7; /* FF , Netscape */
	-khtml-opacity: 0.7; /* Safari 1.x */
	opacity: 0.7;
	zoom: 1; /*IE*/
}
a:active {
	text-decoration: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/* headline */
h1, h2, h3, h4, h5, h6 {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: normal;
}
strong {
	font-weight: bold;
}
/*--------------------*/
/*汎用クラス*/
/*--------------------*/
.clearfix:after {
	content: "."; /* 新しい要素を作る */
	display: block; /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
*html .clearfix {
	height: 1px;/*\*//*/
height: auto;
overflow: hidden;
/**/
}
.switch {
}
.main a:link {
	text-decoration: underline;
}
.main a:hover {
	text-decoration: none;
}
/*------------------------------------------------------------*/
textarea {
	outline: none;
	outline: 0;
	resize: none;
}
input[type="text"]:focus {
	outline: none;
	outline: 0;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
/*  border: none;*/
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*------------------------------------------------------------*/
.inviewfadeIn {
	opacity: 0;
	transition: .8s;
}
    
.fadeIn {
	opacity: 1.0;
}
    
.inviewUp {
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	transition: .8s;
}
    
.Up {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
    
.inviewfadeInUp {
	opacity: 0;
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: 1.5s;
}

.inviewfadeInUp2 {
	opacity: 0;
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: 1.5s;
}

.inviewfadeInUp3 {
	opacity: 0;
	transform: translate(0, 40px);
	-webkit-transform: translate(0, 40px);
	transition: 1.5s;
}
    
.fadeInUp {
	opacity: 1.0;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
  
.inviewzoomIn {
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition: .8s;
}
    
.zoomIn {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}