@charset "utf-8";

html,body{
    width: 100%;
   -webkit-text-size-adjust: 100%;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

header{
	width: 1200px;
	height:505px;
	margin: 0 auto;
	background: url(../img/img01.jpg) no-repeat left top;
}


#box01{
	width: 1200px;
	margin: 0 auto;
	font-size: 19px;
	text-align: center;
	background: #20AEE5;
	padding: 20px 0 20px 0;
	color: #FFF;
	line-height: 1.7em;
}

.mincho{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
h2{
	font-size: 23px;
	text-align: center;
	color: #20AEE5;
	font-weight: 100;
	margin: 50px 0 50px 0;
}
h2 span{
	display: block;
	font-size: 40px;
	letter-spacing: -0.05em;
}
.blue{
	color: #20AEE5;
}
.red{
	color: #E83820;
}
#list01{
	width: 910px;
	margin: 0 auto;
	position: relative;
}
#list01 li{
	background: #EFEFEF;
	font-size: 21px;
	margin-bottom: 30px;
}
#list01 li#img01{
	background: none;
	text-indent: -9999px;
	background: url(../img/list.png) no-repeat left top;
	width: 345px;
	height: 238px;
	position: absolute;
	top: 0;
	right: 0;
	
}
#list01 li.blue span{
	display: block;
	margin-left: 1em;
	background: url(../img/li-bg01.png) no-repeat left top 15px;
	padding: 15px 0 15px 28px;
}
#list01 li:last-child{
	margin-bottom: 0;
}
p#txt01{
	width: 910px;
	margin: 0 auto;
	font-size: 16px;
	padding: 10px 0 0 25px;
}

#inbox01{
	padding-top: 90px;
	width: 1000px;
	margin: 0 auto;
	background: url(../img/img02.jpg) no-repeat left top 180px;
}
#inbox01 dl dt{
	width: 232px;
	margin: 0 auto;
}
#inbox01 dl dd{
	padding-left: 340px;
}
#inbox01 dl dt:first-child + dd{
	padding-top: 54px;
	padding-bottom: 30px;
}
#inbox01 dl dd:last-child{
	padding-top: 30px;
}
#inbox01 ul{
	width: 823px;
	margin: 0 auto;
	padding-top: 95px;
}
#inbox01 ul li{
	display: block;
	width: 344px;
	float: left;
	
}
#inbox01 ul li:first-child{
	margin-right: 60px;
	margin-left: 38px;
}
#inbox01 ul li:first-child a{
	display: block;
	text-indent: -9999px;
	width: 343px;
	height: 62px;
	background: url(../img/btn01-on.png) no-repeat left top;
}
#inbox01 ul li span.red{
	display: block;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}
#inbox01 ul li:first-child a:hover{
		background: url(../img/btn01.png) no-repeat left top;
}
#inbox01 ul li:last-child a{
	display: block;
	text-indent: -9999px;
	width: 343px;
	height: 62px;
	background: url(../img/btn02.png) no-repeat left top;
}
#inbox01 ul li:last-child a:hover{
		background: url(../img/btn02-on.png) no-repeat left top;
}

/***********/
#box02{
	max-width: 1200px;
	margin: 0 auto;
	background: #EFEFEF;
	margin-top: 95px;
	padding: 195px 0 65px 0;
}

div#box02-inbox{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: #FFF;
	padding-bottom: 40px;
}
div#box02-inbox p{
	position: absolute;
	top: -116px;
	left: 47px;
}
div#box02-inbox h3{
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -110px;
}
div#box02-inbox dl#box02-dl01{
	padding-top: 124px;
	background: url(../img/img03.png) no-repeat right 155px top 208px;

}
div#box02-inbox dl#box02-dl01 dt{
	width: 232px;
	margin: 0 auto;
}
div#box02-inbox dl#box02-dl01 dd{
	padding-left: 118px;
	padding-bottom: 20px;
}
div#box02-inbox dl#box02-dl01 dt:first-child + dd{
	padding-top: 76px;
	padding-left: 135px;
	padding-bottom: 40px;
}
div#box02-inbox dl#box02-dl01 dd span{
	font-size: 20px;
	padding-left: 15px;
	font-weight: bold;
}
div#box02-inbox dl#box02-dl01 dd span span{
	display: block;
	font-size: 15px;
	padding-left: 15px;
	padding-top: 15px;
	font-weight: normal;
}
div#box02-inbox dl#box02-dl01 dd#box02-dl-dd{
	padding-left: 130px;
	color: #20AEE5;
	font-size: 30px; 
}
#inner01{
	width: 896px;
	margin: 0 auto;
	margin-top: 15px;	
}
#inner01 ul{
	margin-top: 65px;
}
#inner01 ul li{
	display: block;
	float: left;
	width: 254px;
	margin-bottom: 35px;
}
#inner01 ul li.li2016-02{
	margin: 0 65px 0 65px;
}
#inner01 ul li figure{
	margin-bottom: 15px;
}
#inner01 ul li span.mincho{
	font-size: 21px;
	display: block;
}
#inner01 ul li dl dt{
	font-size: 20px;
	font-weight: bold;
	margin: 25px 0 15px 0;
}

/**/
div#box02-inbox02{
	width: 1000px;
	margin: 0 auto;
	margin-top: 100px;
	position: relative;
	background: #FFF;
	padding-bottom: 40px;
}

div#box02-inbox02 h3{
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -110px;
}
div#box02-inbox02 h4{
	width: 232px;
	margin: 0 auto;
	padding-top: 125px;
}
div#box02-inbox02 p#box02-txt01{
	text-align: center;
	font-size: 36px;
	margin-top: 55px;	
}
div#box02-inbox02 p#box02-txt02{
	text-align: center;
	font-size: 15px;
}
div#box02-inbox02 p#box02-txt02 span{
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin: 30px 0 28px 0;
	
}
div#box02-inbox02 figure{
	width: 722px;
	margin: 0 auto;
	margin-top: 32px;
}
div#box02-inbox02 ul{
	margin-top: 60px;
	margin-left: 93px;
}
div#box02-inbox02 ul li{
	display: block;
	margin-left: 35px;
	float: left;
}
div#box02-inbox02 ul li:first-child{
	margin-left: 0;
}
div#box02-inbox02 ul li span{
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

/***********/
#box03{
	max-width: 1200px;
	margin: 0 auto;
	background: url(../img/bg01.png) no-repeat center top /cover;
}
#box03-innner{
	position: relative;
}
#add-img05{
	position: absolute;
	top: 230px;
	left: 394px;
}
#box03-innner h3{
	width: 582px;
	margin: 0 auto;
	padding-top: 75px;
	padding-bottom: 75px;
}
#box03-innner dl{
	width: 670px;
	margin: 0 auto;
	color: #FFF;
	font-size: 18px;
	margin-bottom: 40px;
}
#box03-innner dl dt{
	width: 62px;
	float: left;
}
#box03-innner dl dd{
	width: 555px;
	float: left;
	margin-left: 50px;
}

#box03-innner ul{
	width: 823px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
#box03-innner ul li{
	display: block;
	width: 344px;
	float: left;
	
}
#box03-innner ul li:first-child{
	margin-right: 60px;
	margin-left: 38px;
}
#box03-innner ul li:first-child a{
	display: block;
	text-indent: -9999px;
	width: 343px;
	height: 62px;
	background: url(../img/btn01-on.png) no-repeat left top;
}
#box03-innner ul li span.red{
	display: block;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}
#box03-innner ul li:first-child a:hover{
		background: url(../img/btn01.png) no-repeat left top;
}
#box03-innner ul li:last-child a{
	display: block;
	text-indent: -9999px;
	width: 343px;
	height: 62px;
	background: url(../img/btn02.png) no-repeat left top;
}
#box03-innner ul li:last-child a:hover{
		background: url(../img/btn02-on.png) no-repeat left top;
}

/**/
#box04{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
} 
#box04 iframe{
	width: 100%;
	height: 100%;
	min-height: 500px;
vertical-align: bottom;
	margin: 0;
	padding: 0;
}

footer{
	max-width: 1200px;
	margin-top: -5px;
	margin: 0 auto;
	background: url(../img/bg02.png) no-repeat center top /cover;
	color: #FFF;
	text-align: center;
	padding: 42px 0 42px 0;
}
footer p{
	font-size: 12px;
}

/************************/
#add-inbox01{
	max-width: 1200px;
	margin: 0 auto;
}
#add-inbox01 h3{
	width: 232px;
	margin: 0 auto;
	padding-top: 125px;
	padding-bottom: 40px;
}
#add-inbox01 div.add-inner01{
	border-bottom: solid 1px #20aee5;
	padding-top: 40px;
	padding-bottom: 40px;
}
#add-inbox01 div.add-inner01 div{
	width: 826px;
	margin: 0 auto;
}
#add-inbox01 dl.left{
	width: 550px;
	float: left;
}
#add-inbox01 dl dt{
	color: #20aee5;
	font-size: 33px;
	font-weight: 600;
	line-height: 1.5em;
}
#add-inbox01 dl dd{
	font-size: 15px;
	line-height: 2.5em;
}
#add-inbox01 dl dd span{
	display: inline-block;
	font-size: 20px;
	padding-top: 45px;
	padding-bottom: 25px;
	font-weight: 600;
	line-height: 0.5em;
}
#add-inbox01 dl dt.txt{
	letter-spacing: -0.05em;	
}

#add-inbox01 p{
	width: 826px;
	margin: 0 auto;
	text-align: right;
	font-size: 16px;
	padding-top: 15px;
}
#add-inbox01 ul{
	width: 823px;
	margin: 0 auto;
	padding-top: 95px;
}
#add-inbox01 ul li{
	display: block;
	width: 344px;
	float: left;
	
}
#add-inbox01 ul li:first-child{
	margin-right: 60px;
	margin-left: 38px;
}
#add-inbox01 ul li:first-child a{
	display: block;
	text-indent: -9999px;
	width: 343px;
	height: 62px;
	background: url(../img/btn01-on.png) no-repeat left top;
}
#add-inbox01 ul li span.red{
	display: block;
	font-size: 16px;
	text-align: center;
	margin-top: 15px;
}
#add-inbox01 ul li:first-child a:hover{
		background: url(../img/btn01.png) no-repeat left top;
}
#add-inbox01 ul li:last-child a{
	display: block;
	text-indent: -9999px;
	width: 343px;
	height: 62px;
	background: url(../img/btn02.png) no-repeat left top;
}
#add-inbox01 ul li:last-child a:hover{
		background: url(../img/btn02-on.png) no-repeat left top;
}