/*
0.625rem=10
0.6875rem=11
0.75rem=12
0.8125rem=13
0.875rem=14
0.9375rem=15
1rem=16
1.0625rem=17
1.125rem=18
1.25rem=20
1.3125rem=21
1.5rem=24
1.625rem=26
2rem=32
3.25rem=52

*/
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color:#333;
	line-height:1.5rem;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	line-height:1.5rem;
	font-family:"NotoSansCJKjp-Regular","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul,li{
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
a{
	text-decoration:none;
	color:#000;
	outline:none;
}
a:hover{
	color:#006ebc;
	text-decoration:underline;
}
a:focus {
	
}

a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}

.clearfix{
  zoom:1;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;/* 隙間対応 */
  font-size: 0.1em;/* 隙間対応 */
  line-height: 0;/* 隙間対応 */
}

.both{
	clear:both;
}
.both hr{
	display:none;
}

p,li,a{
	font-size:1rem;
}
img {
	max-width:100%;
	display:block;
}
@font-face {
	font-family: "NotoSansCJKjp-Light";
	src: url('font/NotoSansCJKjp-Lightsub.eot');
	src: url('font/NotoSansCJKjp-Lightsub.eot?') format('oldie'),
	url('font/NotoSansCJKjp-Lightsub.woff') format('woff'),
	url('font/NotoSansCJKjp-Lightsub.ttf') format('truetype');   
}
@font-face {
	font-family: "NotoSansCJKjp-DemiLight";
	src: url('font/NotoSansCJKjp-DemiLightsub.eot');
	src: url('font/NotoSansCJKjp-DemiLightsub.eot?') format('oldie'),
	url('font/NotoSansCJKjp-DemiLightsub.woff') format('woff'),
	url('font/NotoSansCJKjp-DemiLightsub.ttf') format('truetype');  
}
@font-face {
	font-family: "NotoSansCJKjp-Regular";
	src: url('font/NotoSansCJKjp-Regularsub.eot');
	src: url('font/NotoSansCJKjp-Regularsub.eot?') format('oldie'),
	url('font/NotoSansCJKjp-Regularsub.woff') format('woff'),
	url('font/NotoSansCJKjp-Regularsub.ttf') format('truetype');  
}

@font-face {
	font-family: "NotoSansCJKjp-Medium";
	src: url('font/NotoSansCJKjp-Mediumsub.eot');
	src: url('font/NotoSansCJKjp-Mediumsub.eot?') format('oldie'),
	url('font/NotoSansCJKjp-Mediumsub.woff') format('woff'),
	url('font/NotoSansCJKjp-Mediumsub.ttf') format('truetype');
}
@font-face {
	font-family: "NotoSansCJKjp-Bold";
	src: url('font/NotoSansCJKjp-Boldsub.eot');
	src: url('font/NotoSansCJKjp-Boldsub.eot?') format('oldie'),
	url('font/NotoSansCJKjp-Boldsub.woff') format('woff'),
	url('font/NotoSansCJKjp-Boldsub.ttf') format('truetype');
}


html,body{
	height:100%;
}
#page{
	height:100%;
}
#page .site-inner{
	height:100%;
	background:transparent url(images/big_blue_sky.jpg) no-repeat scroll center center;
	background-size:cover;
	position: relative;
	min-height: 750px;
}


#masthead{
	background-color:#333;
}
#masthead h1{
	text-align:center;
	color:#fff;
	padding:5px 0;
}

#content{
	
}
#content h1{
	color: #fff;
    font-family: "NotoSansCJKjp-Light";
    font-size: 1.875rem;
    line-height: 2.875rem;
    margin: 34px 0 0;
    text-align: center;
}
#content .content{
	max-width:740px;
	margin:55px auto 0;
	
}
#content .content .box{
	background-color: #f2f2f2;
    border-radius: 10px;
    
    width: 47.2973%;
	float: left;
	z-index:6;
}
#content .content .box:nth-of-type(2){
	float:right;
}
#content .content .box h2{
	text-align:center;
	font-family: "NotoSansCJKjp-Light";
	font-size:1.125rem;
	margin:0 0 21px 0;
}
.flexslider {
    box-shadow: 2px 2px 2px -1px #ccc;
}
#content .content .box .logo{
	margin:21px 0;
}

#content .content .box a{
	display:block;
	padding: 30px;
}
#content .content .box a:hover{
	text-decoration:none;
}
#content .content .box .link{
	display:block;
	max-width:174px;
	margin:0 auto;
}

#colophon{
	background-color: #333;
    bottom: 0;
    position: absolute;
    width: 100%;
}
#colophon small{
	display:block;
	text-align:center;
	color:#fff;
	padding:5px 0;
	font-size:0.75rem;
}
.overlay{
	background-color: #000;
    height: 100%;
    opacity: 0.4;
    position: absolute;
    width: 100%;
    z-index: 5;
	display:none;
}
@media screen and (max-width : 768px){
	#content {
		padding: 0 21px 21px;
	}
	.overlay {
		height: auto;
		display:none !important;
	}
}
@media screen and (max-width : 480px){
	#page .site-inner {
		height: auto;
		min-height:100%;
		background:none;
	}
	body::before {
		background:url(images/big_blue_sky.jpg) no-repeat center center;
		background-size: cover;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		z-index: -1;
	}   
	#content {
	}
	#content h1 span{
		display:block;
	}
	#content h1 br{
		display:none;
	}
	#content .content .box {
		float: none;
		margin: 0 0 34px;
		width: 100%;
	}
	#colophon {
		position: relative;
	}
	
}