@charset "utf-8";
/* CSS Document */

html{font-size: 62.5%;}

body{
  font-family: "Yu Mincho", "YuMincho", serif;
	color: #313131;
	font-weight: bold;
	min-width: 940px;
}

.clearfix::after{
  content: "";
  display: table;
  clear: both;
}

img{
  font-size: 0;
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

a{
	text-decoration: none;
	color: #313131;
}

ul{list-style: none;}
                         
	
#wrap{
	width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}
	
header{
	width: 900px;
	height: 850px;
	background: url(../images/index_header_back.jpg) no-repeat;
	background-size: contain;
	position: relative;
}

 #subTtl{
	position: absolute;
	right: 180px;
	top: 80px;
 }
	
#subTtl p{
	font-size: 17px;
	line-height: 25px;
	color: #ffffff;
	text-shadow: #000000 2px 2px 10px, #000000 -2px 2px 10px,
  #000000 2px -2px 10px, #000000 -2px -2px 10px;
}

nav{margin-bottom: 60px;}
	
nav ul{
	display: flex;
	justify-content: space-between;
}
	
main{
	width: 900px;
	display: flex;
	justify-content: space-between;
}
	
#contents{width: 610px;}
	
h1{
	font-size: 28px;
	line-height: 46px;
	margin-bottom: 80px;
}
	
.infoBox{margin-bottom: 80px;}
	
h2{
	font-size: 28px;
	line-height: 46px;
	background: url(../images/h2_border.png) no-repeat bottom;
	margin-bottom: 20px;
}
	
.infoBox ul li{
	font-size: 18px;
	line-height: 25px;
}
	
h3{
	font-size: 24px;
	color: #bd340a;
	margin-bottom: 20px;
}
	
#facebook{
	width: 610px;
	text-align: center;
	margin-bottom: 80px;
}
	
.fb-page{
	display: block;
	width: 500px;
	margin: 0 auto;
}
	
#sidebar{width: 260px;}
	
#sidebar img{margin-bottom: 20px;}
	
#sidebar iframe{margin-bottom: 20px;}
	
#footerInner{
	width: 850px;
	height: 330px;
	padding: 80px 25px 0 25px;
	background: url(../images/index_footer_back.jpg) no-repeat;
	position: relative;
}
	
.footerBox{margin-bottom: 30px;}
	
.footerBox:nth-child(3){margin-bottom: 0;}
	
.footerBox p{
	font-size: 14px;
	line-height: 20px;
	font-family: "Yu Gothic", YuGothic,sans-serif;
}
	
.footerBox p a{text-decoration: underline;}
	
.footerBox p span{
	font-size: 12px;
	line-height: 16px;
}
	
h4{
	font-size: 18px;
	line-height: 28px;
}
	
#icon01{
	display: flex;
	align-items: center;
}
	
#icon01::before{
	content: url(../images/icon01.png);
	margin-right: 5px;
}
	
#icon02{
	display: flex;
	align-items: center;
}
	
#icon02::before{
	content: url(../images/icon02.png);
	margin-right: 5px;
}
	
.footerLogo{
	position: absolute;
	bottom: 30px;
	right: 25px;
}
	
#copyright{
	width: 900px;
	height: 50px;
	background: url(../images/copyright_back.jpg) no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
#copyright small{
	color: #ffffff;
	font-size: 12px;
}