@charset "utf-8";
/*----------------------------------------
 INDEX
----------------------------------------
01 Default
02 modify
03 Clearfix
----------------------------------------*/

/*----------------------------------------
 01 Default
----------------------------------------*/
html {
	font-size: 62.5%;
}
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "Osaka－等幅", Tahoma, Osaka-mono, monospace;
	-webkit-text-size-adjust: 100%;
}

p, ul, ol, dl, dt, dd, h1, h2, h3, table {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 1.4rem;
	line-height: 100%;
}

p, ul, ol {
	margin: 0;
	padding: 0;
}

th {
	font-weight: normal;
}

img {
	border: 0;
}
a { 
	color: #005B99;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}


@media screen and (max-width: 768px) {

	p, ul, ol, dl, dt, dd, h1, h2, h3, table {
		font-size: 1.6rem;
		word-break: break-all;
	}

}

/*----------------------------------------
 02 modify
----------------------------------------*/
.text_al {
    text-align: left !important;
}
.text_ar {
    text-align: right !important;
}
.text_ac {
    text-align: center !important;
}
.text_wb {
    font-weight: bold !important;
}
.text_s {
    font-size: 1.4rem !important;
}
.mar_l20 {
    margin-left: 20px !important;
}
.mar_lr0 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.mar_t30 {
    margin-top: 30px !important;
}
.mar_b60 {
    margin-bottom: 60px !important;
}
.mar_b40 {
    margin-bottom: 40px !important;
}
.mar_b30 {
    margin-bottom: 30px !important;
}
.mar_b20 {
    margin-bottom: 20px !important;
}
.mar_b10 {
    margin-bottom: 10px !important;
}
.mar_b5 {
    margin-bottom: 5px !important;
}
.mar_b0 {
    margin-bottom: 0 !important;
}
.mar_r20 {
    margin-right: 20px !important;
}
.pad_t5 {
    padding-top: 5px !important;
}
.pad_t10 {
    padding-top: 10px !important;
}
.pad_t40 {
    padding-top: 40px !important;
}
.pad_t30 {
    padding-top: 30px !important;
}
.pad_t20 {
    padding-top: 20px !important;
}
.pad_t100 {
    padding-top: 100px !important;
}
.pad_b10 {
    padding-bottom: 10px !important;
}
.wid_full {
	width: 100% !important;
}

/*----------------------------------------
 03 Clearfix
----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-table;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */