/*=========resetcss=============*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{
	overflow-y: scroll;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
ol, ul{
	list-style:none;
}
table{
	border-collapse: collapse; 
	border-spacing:0;
}
caption, th{
	text-align: left;
}
a:focus {
	outline:none;
}
.both{
	clear:both;
}
.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}
/*=========クリアフィックス=============*/
.cf:before,
.cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
/*============パーツ================*/
/*-----下部余白-----*/
.margin_150{
	margin-bottom:150px;
}
/*-----フォントゴシック-----*/
.gothic{
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
/*-----角丸-----*/
.radius {
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; 
}
/*-----黒グラデ-----*/
.black_grad{background: #020202; /* Old browsers */
background: -moz-linear-gradient(top,  #020202 1%, #2a2a2a 51%, #111111 51%, #030303 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#020202), color-stop(51%,#2a2a2a), color-stop(51%,#111111), color-stop(100%,#030303)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #020202 1%,#2a2a2a 51%,#111111 51%,#030303 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #020202 1%,#2a2a2a 51%,#111111 51%,#030303 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #020202 1%,#2a2a2a 51%,#111111 51%,#030303 100%); /* IE10+ */
background: linear-gradient(to bottom,  #020202 1%,#2a2a2a 51%,#111111 51%,#030303 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020202', endColorstr='#030303',GradientType=0 ); /* IE6-9 */
}
.text_right{
	text-align:right;
}
.center{
	text-align:center;
}
/*========テキストと画像横並び==========*/
.img_left {
	float: left;
	width: 32%;
}

.text_right {
	float: right;
	width: 64%;
}

.img_right {
	float: right;
	width: 32%;
}
.text_left {
	float: left;
	width: 64%;
}
/*==========2コンテンツ横並び===========*/
.content2_1 {
	width: 48%;
	float: left;
}
.content2_2 {
    width: 48%;
    float: right;
    height: 300px;
}
/*==========3コンテンツ横並び===========*/
.content3_1 , .content3_2 , .content3_3 {
	width: 30%;
	float: left;
}
.content3_2 {
	margin-right: 5%;
	margin-left: 5%;
}
/*==========4コンテンツ横並び===========*/
.content4_1 , .content4_2 , .content4_3 , .content4_4 {
	width: 22%;
	float: left;
}
.content4_2 {
	margin-left: 4%;
	margin-right: 4%;
}
.content4_3 {
	margin-right: 4%;
}
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-w4jj82');
	src:url('../fonts/icomoon.eot?#iefix-w4jj82') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-w4jj82') format('woff'),
		url('../fonts/icomoon.ttf?-w4jj82') format('truetype'),
		url('../fonts/icomoon.svg?-w4jj82#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e600";
}