@charset "utf-8";

/*フォント設定*/
html{
	font-size: 10px; /* initial 10px */
}

body{

	padding-bottom: 30px;
	font-family: 'Noto Sans JP', 'メイリオ', Meiryo, sans-serif;
	font-size: 1.6em;
	line-height : 1.8;
	color:#1a1a1a;
}


@media (max-width: 480px){ body{ padding-top:90px; } }

div.wide-scrn{ padding-left: 0; padding-right: 0; }

/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}



div[class^=col]{
	margin-bottom: 30px;
}

.box{
	position: relative;
	display: inline-block;
	width: 100%;
	margin: 15px 0 0 0;
	padding: 10px 20px;
	border: solid 1px #193076;
	background-color: #efefef;
}



/*****		 ▼ ページスタイル ▼ 		*****/
/** 共通 **/
h1{ margin:15px 15px; }
h1{
	margin-bottom:25px;
	text-align:center;
	color: #39427c;

}
h2{
	margin:0 0 0 0;
	color: #39427c;
	font-size: 4.0rem;
}

h2:first-letter{
	color:#cf1f2d;
}

span.hcap{
	font-size: 1.2rem;
	color: #39427c;
}

h3{
	background-color: #39427c;
	color: #fff;
	font-size: 3.0rem;
	padding: 0.5rem;
	margin-bottom: 0;
}