@charset "utf-8";
/* CSS Document */

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

Reset.css

------------------------------------------------- */
html, body, div, p, span, address, h1, h2, h3, h4, h5, h6, header, hgroup, footer, section, article, aside, nav, figure, figcaption{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	line-height: 160%;
}
ul, ol, li, dl, dt, dd {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	line-height: 180%;
	list-style: none;
}
body {
	color: #3c3c3c;
	font-size: 1em;
	font-family: 'Noto Sans JP', sans-serif;
}
a {
	color: #555;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #777;
}
a:active {
 	text-decoration:under-line;
}
a img {
  border-style:none;
}
/* Clearfix
------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.tt,
.tt5{
	display:none;
}
/* PC */
@media print, screen and (min-width:769px) {
.sp {
	display: none;
}
}
/* Tablet */
@media screen and (max-width:768px) {
html {
	font-size: 6.25%;
}
body {
	font-size: 14rem;
}
div, p, span, address, header, hgroup, footer, section, article, aside, nav, ul, ol, li, dl, dt, dd, figure, figcaption{
	box-sizing: border-box;
}
#wrapper img{
	width:100%;
}
.pc{
	display: none;
}
}
/* SP縦以外 */
@media screen and (min-width:641px){
.ta{
	display:block;
}
}
/* SP縦向き */
@media screen and (max-width:640px) and (orientation: portrait) {
.tt{
	display:block;
}
.ta{
	display:none;
}
}
/* iphone5 */
@media screen and (max-width:330px) and (orientation: portrait) {
.tt5{
	display:block;
}
}