@charset "UTF-8";

/* --------------------------------------------------------------------------------------
 base
--------------------------------------------------------------------------------------- */

a[href^="tel:"] {
	pointer-events: none;
}
a[href^="tel:"]:link, a[href^="tel:"]:visited { color: #FFF; text-decoration: none; }
a[href^="tel:"]:hover, a[href^="tel:"]:active { color: #FFF; text-decoration: none; }

html {
	font-size: 18px;
}
body {
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-style: normal;
	line-height: 1.94;
	text-align: center;
	-webkit-text-size-adjust: none;
	position: relative;
}
.gothic {
	font-family: 'Noto Sans JP', sans-serif;
}

input,textarea,select {
	font-size: 1rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1rem;
	font-weight: normal;
}

/* reset ------------------------------ */

body,div,section,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,figure,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img,table {
	border: none;
}
img {
	vertical-align: bottom;
}

table {
	border-collapse: collapse;
}
th {
	font-weight: normal;
	text-align: left;
}
ul, ol {
	list-style: none;
}

li img,
dt img {
	vertical-align: bottom;
}



/* textlink ------------------------------ */

a:link {
	color: #245fbb;
	text-decoration: none;
}
a:visited {
	color: #245fbb;
	text-decoration: none;
}
a:hover {
	color: #245fbb;
	text-decoration: underline;
}
a:active {
	color: #245fbb;
	text-decoration: underline;
}

a:hover,
input[type="submit"]:hover,
input[type="image"]:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
a:hover img.rollover {
	opacity: 1;
	filter: alpha(opacity=100);
}
 


/* --------------------------------------------------------------------------------------
 float
--------------------------------------------------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/


/*margin
-----------------------------------------------*/
.bot005px { margin-bottom: 5px!important; }
.bot010px { margin-bottom: 10px!important; }
.bot015px { margin-bottom: 15px!important; }
.bot020px { margin-bottom: 20px!important; }
.bot025px { margin-bottom: 25px!important; }
.bot030px { margin-bottom: 30px!important; }
.bot035px { margin-bottom: 35px!important; }
.bot040px { margin-bottom: 40px!important; }
.bot045px { margin-bottom: 45px!important; }
.bot050px { margin-bottom: 50px!important; }
.bot060px { margin-bottom: 60px!important; }
.bot070px { margin-bottom: 70px!important; }
.bot100px { margin-bottom: 100px!important; }

/*color
-----------------------------------------------*/
.yellow { color: #fbd214!important;}
.red    { color: #c10505!important; }


/*font-size
-----------------------------------------------*/
.font10px { font-size: 10px!important; }
.font11px { font-size: 11px!important; }
.font12px { font-size: 12px!important; }
.font14px { font-size: 14px!important; }
.font16px { font-size: 16px!important; }
.font18px { font-size: 18px!important; }
.font20px { font-size: 20px!important; }
.font22px { font-size: 22px!important; }


/*font
-----------------------------------------------*/
.fontBold { font-weight: bold!important; }
.fontNormal { font-weight: normal!important; }
.underline { text-decoration: underline!important; }

/*align
-----------------------------------------------*/
.alright { text-align: right!important; }
.alcenter { text-align: center!important; }
.alleft { text-align: left!important; }


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:799px) {

	a[href^="tel:"] {
		pointer-events: auto;
	}

	html, body {
		font-size: 15px;
	}

	a:hover img,
	input[type="submit"]:hover,
	input[type="image"]:hover {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

/* ----------------------------------- フォームのリセット -------- */
button,
input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
}


