@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

html,body{	height:100%;}
html{
	font-size:62.5%;
    overflow-y: scroll;
}

@media screen and (min-width: 768px) {
	body {
		min-width: 1200px;
		position: relative;
	}
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.5;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	font-family: 'M PLUS 1p', sans-serif;
	text-align: left;
	color:#222;
}

img {
	vertical-align: middle;
}

a img {
 transition: opacity 0.3s ease-out;
}

a:hover img {
 opacity: 0.7;
}

@media screen and (min-width: 768px) {
a[href^="tel:"] {
	display: inline-block;
	pointer-events: none;
}
}

.inner {
	margin: 0 auto;
	max-width: 1000px;
}
@media screen and (max-width: 767px) {
	.inner {
		margin: 0 5%;
	}
}
/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------
*  フッタ
* --------------------------------------------------------------------------------------------------*/
.pagetop a{
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
}

.pagetop img {
	height: 80px;
	width: 80px;
}


/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */


/* ------------------------------
    sp/pc
------------------------------ */

@media screen and (min-width:768px) {
.sp {
	display: none!important;
}
}

@media screen and (max-width:767px) {
.pc {
	display: none!important;
}
}