@charset "utf-8";

/**
 * 1: Redefine CSS
 * 2: Common Classes
 */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ===============================================
	1: Redefine CSS
=============================================== */

html {
	width: 100%;
	height: 100%;
	font-size: 62.5%; /* 基準サイズを10pxに */
	
}

body {
	width: 100%;
	height: 100%;
	font-size: 1.6rem; /* 基本は16px */
	line-height: 1.5;
	/*font-family:
		"メイリオ",
		Meiryo,
		Verdana,
		"ヒラギノ角ゴ ProN W3",
		"Hiragino Kaku Gothic ProN",
		sans-serif;*/
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",'Noto Sans Japanese', sans-serif,Verdana,  "メイリオ", Meiryo, sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;	/* スマホで勝手に文字が大きくなる対策 */
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom; /* 下の余白対策 */
}

table {
	width: 100%;
}

a {
	color: #333;
}
a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

input,
button,
select,
textarea {
	-webkit-appearance: none;
}

/* ===============================================
	2: Common Classes
=============================================== */

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear {
	clear: both;
}

.inline_block {  
	display: inline-block;  
	*display: inline;  
	*zoom: 1;  
}

.aligncenter {
	display: block;
	margin: 0 auto;
}
.right {
	float: right;
	/*margin-left: 10px;*/
}
.left {
	float: left;
	/*margin-right: 10px;*/
}

h1.heading_lv1 {
	width: 100%;
	background-color: #bc000c;
	text-align: center;
}
h2.heading_lv2 {
	width: 100%;
	height: 40px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #ececec;
	color: #cf000d;
	font-size: 30px;
	font-size: 3.0rem;
	text-align: center;
}

section {
	width:100%;
}
