@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
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-size: 100%;*/
font-size: inherit;
font-family: inherit;
vertical-align: baseline;

outline: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/*------------------------------------------------------------*/
/* 基本設定 */
/*------------------------------------------------------------*/
*, *::before, *::after {
	box-sizing: border-box;
	}

html, body { /*height:100%;*/}

html {
	font-size: 62.5%; /*10px相当*/
	-webkit-font-smoothing: antialiased;
	}

body {
	position: relative;
	color:#222;
	text-align:center;
	font-size: 12.5px;
	line-height: 2.2;
	letter-spacing:0.02em;
	word-wrap:break-word;
	overflow-wrap:break-word;

	font-family: Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	
	background-image: url(/images/bg.gif);
	background-repeat: repeat;
	background-position: left top;
	background-attachment:fixed;
	background-size:150px 150px;
	
	-webkit-text-size-adjust: 100%; /*　iphoneでの文字拡大禁止　*/
	}

@media screen and (max-width: 767px) {
body {
	font-size: 12px;
	line-height: 1.8;
	letter-spacing:0;
	}
}

table {
	font-size:inherit;
	border-collapse:collapse;
	border-spacing:0;
	}
	th,td {
	line-height:1.7;
	font-weight: inherit;
	text-align: left;
	}

h1,h2,h3,h4,h5,h6,em,pre {font-size: 100%; line-height:1.5; font-weight: normal;}

img {
	vertical-align: top;
	border:none;
	max-width:100%;
	height:auto;
	image-rendering: -webkit-optimize-contrast;
	}

ul, ol { list-style: none;}
.clear { clear: both;}
.nowrap { white-space: nowrap;}

.txt_c, .txt_c p {	text-align:center !important;}
.txt_r, .txt_r p {	text-align:right !important;}

/*a img, a.btn_base, button {*/
@media screen and (min-width: 768px) {
a img {
	transition:all 0.3s ease;
/*	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;*/
	}
	a:hover img {
	opacity:0.6;
	}
}


/*::-moz-selection { color:#fff; background: #666; }
::selection { color:#fff; background:#666; }*/

/*レスポンシブ切り替え（brなど）*/
@media screen and (max-width: 767px) {
.pc, .pc_br { display: none !important; }
}
@media screen and (min-width: 768px) {
.sp, .sp_br { display: none !important; }
}

/* リンク
------------------------------------------------------------*/
a {
	color: inherit;
	outline:none;
	border:none;
	text-decoration: underline;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}
@media screen and (min-width: 768px) {
	a:hover {
	color: #999;
	}
}

/* フォント
------------------------------------------------------------*/
.font_b {
	font-weight: bold !important;
	}
.font_500 {
	font-weight: 500 !important;
	}
.font_n {
	font-weight: normal !important;
	font-style: normal !important;
	}

/* float解除（共通）
------------------------------------------------------------*/
.cf::after {
	content: "";
	clear: both;
	display: block;
	}

/* telリンク
------------------------------------------------------------*/
.tel_link, .tel_link:hover {
	cursor:default;
	color:inherit;
	text-decoration:none;
	border:none !important;
	background-color:transparent !important;
	}