@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* reset */
html,body,h1,h2,h3,h4,h5,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-weight:normal;
	font-size:100%;
	vertical-align:baseline;
}
article,header,footer,aside,figure,figcaption,nav,section{ 
	display:block;
}
body{
	line-height:1;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
ol,ul{
	list-style:none;
	list-style-type:none;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}

/*------------------------------
	structure
------------------------------*/
body{
	min-width:1160px;
	background:#fff;
	color:#000;
	font-size:15px;
	line-height:1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", meiryo, "メイリオ", sans-serif;
	-webkit-text-size-adjust:100%;
}
.sp{
	display:none;
}
.pc{
	display:block;
}

/*
section img{
	opacity:0;
	-webkit-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.inview{
	opacity:1.0;
}
*/
@media only screen and (max-width:767px){
	body{
		min-width:0;
		font-family:"Noto Sans JP", sans-serif;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}

/*------------------------------
	common
------------------------------*/
img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
a{
	color:#ee2a2b;
	text-decoration:none;
}
a,
a img{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transition:0.2s ease-in-out;  
	transition:0.2s ease-in-out;  
}
a:hover,
a.ro:hover,
a:hover img{
	opacity:0.8;  
	filter:alpha(opacity=80);  
}
.none:hover,
.none:hover img{
	opacity:1;  
	filter:alpha(opacity=100);  
}
[href^="tel"]{
	color:#000;
	cursor:default;
	pointer-events:none;
}
.cf:after{
	display:block;
	clear:both;
	content:"";
}
@media only screen and (max-width:767px){
	a,
	a img{
		-webkit-backface-visibility:inherit;
		backface-visibility:inherit;
		-webkit-transition:none;  
		transition:none;  
	}
	[href^="tel"]{
		pointer-events: auto;
	}
}

/*------------------------------
	header
------------------------------*/
#header{
	width:100%;
	background:#fff;
}
#header .inner{
	width:1100px;
	height:95px;
	margin:0 auto;
}
#header #logo{
	float:left;
	width:500px;
	padding-top:22px;
	font-size:13px;
}
#header #logo img{
	float:left;
	margin-right:18px;
	vertical-align:middle;
}
#header #logo span{
	padding-top:2px;
}
#header #tel{
	float:right;
	width:318px;
	padding-top:16px;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}
#header #tel img{
	margin-bottom:2px;
}
#header #tel span{
	display:inline-block;
	font-weight:bold;
}
@media only screen and (max-width:767px){
	#header .inner{
		width:100%;
		height:auto;
		padding:12px 10px 10px;
	}
	#header #logo{
		display:table;
		float:none;
		width:auto;
		padding:0 0 10px;
		font-size:10px;
		line-height:1.2;
	}
	#header #logo img{
		display:table-cell;
		width:143px;
		height:auto;
		margin-right:0;
	}
	#header #logo span{
		display:table-cell;
		padding:0 0 0 10px;
		vertical-align:middle;
	}
	#header #logo br{
		display:none;
	}
	#header #tel{
		float:left;
		width:174px;
		padding-top:0;
		font-size:10px;
	}
	#header #tel img{
		width:auto;
		height:20px;
		margin-bottom:0;
	}
	#header #tel span{
		display:none;
	}
	#header #btn{
		float:right;
		width:116px;
	}
	#header #btn a{
		display:block;
		padding:8px 4px;
		border-radius:4px;
		background-color:#ee2a2b;
		color:#fff;
		font-size:10px;
		text-align:center;
	}
}

/*------------------------------
	contents
------------------------------*/
.tit{
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	width:100%;
	height:auto;
	padding:0.5em;
	border:1px solid #cecece;
	box-sizing:border-box;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", meiryo, "メイリオ", sans-serif;
}
textarea{
	width:100% !important;
	height:140px !important;
}
select{
	height:42px;
	padding:0.5em;
	border:1px solid #cecece;
	background-color:#fff;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", meiryo, "メイリオ", sans-serif;
}
input[type="radio"]{
	display:none;
}
button{
	display:inline-block;
	width:120px;
	margin:0 6px;
	padding:10px;
	border:none;
	border-radius:4px;
	background-color:#ee2a2b;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", meiryo, "メイリオ", sans-serif;
	text-align:center;
	-webkit-transition:0.2s ease-in-out;  
	transition:0.2s ease-in-out;  
}
button:hover{
	background-color:#f15555;
	cursor:pointer;
}
@media only screen and (max-width:767px){
	.tit{
		width:auto !important;
		height:auto !important;
		overflow:inherit;
		background:none !important;
		font-weight:bold;
		line-height:inherit !important;
		text-indent:inherit;
		white-space:normal;
	}
	input,
	select,
	button{
		font-family:"Noto Sans JP", sans-serif;
	}
	button{
		margin-bottom:10px;
	}
}

/*------------------------------
	footer
------------------------------*/
#footer{
}
#footer .inner{
	width:1000px;
	margin:0 auto;
	padding:28px 0;
}
#footer .inner a{
	color:#000;
}
#footer .left{
	float:left;
	width:586px;
}
#footer .logo{
	float:left;
	margin-right:50px;
	padding-top:6px;
}
#footer .tel{
	float:left;
	width:317px;
	font-weight:bold;
	font-size:14px;
	text-align:right;
}
#footer .tel span{
	display:inline-block;
	font-weight:bold;
}
#footer .right{
	float:right;
	width:300px;
}
#footer ul{
	float:right;
}
#footer li{
	display:inline-block;
	position:relative;
	margin-left:20px;
	padding-left:10px;
	font-size:13px;
}
#footer li:before{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	width:0;
	height:0;
	border-top:3px solid transparent;
	border-right:5px solid transparent;
	border-bottom:3px solid transparent;
	border-left:5px solid #d10000;
	content:"";
}
#footer .copyright{
	clear:right;
	padding-top:10px;
	color:#999;
	font-size:11px;
	font-family:Verdana;
	text-align:right;
}
@media only screen and (max-width:767px){
	#footer{
		border-top:none;
	}
	#footer .inner{
		width:100%;
		padding:30px 4.6875% 15px;
	}
	#footer .left,
	#footer .right{
		clear:both;
		float:none;
		width:auto;
	}
	#footer .logo{
		width:47.5%;
		margin-right:0;
		padding-top:0;
	}
	#footer .tel{
		float:right;
		width:47.5%;
		font-size:11px;
	}
	#footer .tel span{
		display:none;
	}
	#footer ul{
		float:none;
		padding-top:10px;
		text-align:center;
	}
	#footer li{
		margin:0 10px;
	}
	#footer .copyright{
		font-size:11px;
		text-align:center;
	}
}