/****************************************
		1. General Setting 
*****************************************/

html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

body{
	font-family: "メイリオ", YuGothic, "游ゴシック", 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', 'MS PGothic', Helvetica, Arial, sans-serif;
	color:#000;
	font-size:15px;
}
.clearfix{
	clear:both;
}
a{
	color:#36a3db;
	text-decoration: underline;
}

/* 回り込み解除 */
/* -------------------------------------------------------- */
.clearfix_f:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix_f {
	display: inline-table;
	min-height:1%;  /* for IE 7*/
}  
  

/********************************
		header
********************************/
#mainTitle{
	line-height:0;
}

/********************************
		section_common
********************************/
section{
	line-height:0;
	width:100%;
}
section div.text, footer div.text{
	line-height:1.7em;
	padding:20px 80px;
}
section p{
	line-height:1.7em;
}
div p.textRight{
	float:right;
}
div p.textCenter{
	margin:0 auto;
}
.switch {
    visibility: hidden;
}
@media screen and (max-width: 640px) {
	section div.text, footer div.text{
		padding:20px 30px;
	}
}

/********************************
		section3
********************************/
.section3{
	background:url(../img/section3_bg.png)repeat-x, url(../img/section_bg.png)repeat;
	width:100%;
	overflow:hidden;
	padding-bottom:40px;
}
.section3_inner{
	margin:0 auto;
	background:url(../img/section3_bg2.png)no-repeat;
	background-size: 100%;
	width:100%;
	text-align:center;
	padding-top:20px;
}
.section3_inner .section3_img{
	margin:20px auto;
	width:80%;
}
.section3_inner .section3_img div{
	display: inline-block;
	width:18%;
}
@media screen and (max-width: 640px) {
	.section3_inner .section3_img{
		margin:10px auto;
		width:100%;
	}
	.section3_inner p img{
		width:90%;
	}
	
}
/********************************
		section4
********************************/
.section4{
	background: url(../img/section_bg.png)repeat;
	overflow:hidden;
}
.section4 div.section4_inner{
	margin:0 auto;
	width:100%;
	max-width:1022px;
	position:relative;
	overflow:hidden;
}
.section4 div.section4_Head{
	background: url(../img/section4_bgHead.png)no-repeat;
	background-size: 100%;
	padding-top: 80px;
	padding-left: 80px;
}
.section4 div.text{
	background: url(../img/section4_bgRepeat.png)repeat-y;
	background-size: 100%;
	overflow: hidden;
}
.section4 div.text div.section4_text1{
	padding:60px 0;
	padding-bottom:20px;
}
.section4 div.text p.section4_center{
	background:rgba(255,255,255,0.5) ;
	border-radius: 5px;
	max-width: 680px;
	margin: 0 auto;
	padding: 20px 40px;
	line-height:2em;
}
.section4 div.text div.section4_img1{
	position:absolute;
	width:35%;
	top:10px;
	right:0;
}
.section4 div.text div.section4_img2{
	position:absolute;
	width:30%;
	top:230px;
	right:0;
}
.section4 div.text div.section4_img3{
	position:absolute;
	width:35%;
	top:900px;
	left:30px;
}
.section4 div.text div.section4_img5{
	position:absolute;
	width:20%;
	top:1050px;
	left:30px;
}
.section4 div.text div.section4_img4{
	position:absolute;
	width:35%;
	top:1530px;
	right:30px;
}
.section4 div.text div.section4_img6{
	position:absolute;
	width:20%;
	top:1750px;
	right:10px;
}
.section4 h3.section4_headText2{
	text-align:right;
	padding-top:40px;
}
.section4 .section4_bgitem1{
	position:absolute;
	top:50px;
	left:10px;
}
.section4 .section4_bgitem2{
	position:absolute;
	top:400px;
	right:10px;
}
.section4 .section4_bgitem3{
	position:absolute;
	top:1500px;
	left:10px;
}
@media screen and (max-width: 768px) {
	.section4 div.text div.section4_img1{
		position:static;
		float:left;
		width:48%;
	}
	.section4 div.text div.section4_img2{
		position:static;
		float:right;
		width:48%;
	}
	.section4 div.text div.section4_img3{
		position:static;
		float:left;
		width:48%;
	}
	.section4 div.text div.section4_img5{
		position:static;
		float:right;
		width:48%;
	}
	.section4 div.text div.section4_img4{
		position:static;
		float:left;
		width:55%;
	}
	.section4 div.text div.section4_img6{
		position:static;
		float:right;
		width:45%;
	}
	.section4 h3.section4_headText2{
	text-align:left;
	padding-top:40px;
	}
	.section4 .section4_bgitem1, .section4_bgitem2, .section4_bgitem3{
		display:none;
	}
}
@media screen and (max-width: 640px) {
	.section4 div.section4_Head{
		padding-top:30px;
		padding-left:40px;
	}
	.section4 div.section4_Head h3.section4_headText img{
		width:80%;
	}
	.section4 h3.section4_headText2 img{
		width:100%;
	}
	.section4 h3.section4_headText3 img{
		width:100%;
	}
	.section4 div.section4_text1 img{
		width:100%;
	}

}

/********************************
		section5
********************************/
.section5{
	background:#d7f0fb;
	overflow:hidden;
	padding-top:60px;
}
.section5 div.section5_img{
	text-align:center;
	max-width:1000px;
	margin:0 auto;
}
.section5 p{
	text-align:center;
}
/********************************
		section6
********************************/
.section6{
	background: url(../img/section_bg.png)repeat;
	overflow:hidden;
}
.section6 div.section6_inner{
	margin:0 auto;
	width:100%;
	max-width:1022px;
	position:relative;
}
.section6 div.text{
	background: url(../img/section4_bgRepeat.png)repeat-y;
	background-size: 100%;
	overflow: hidden;
}
.section6 div.text div.section6_img1{
	position:absolute;
	width:32%;
	top:60px;
	right:0;
}
.section6 div.text div.section6_img2{
	position:absolute;
	width:30%;
	top:300px;
	right:0;
}
.section6 div.text div.section6_img3{
	position:absolute;
	width:30%;
	top:1250px;
	right:0px;
}
.section6 div.ranking{
	background:#ffffff;
	max-width: 820px;
	margin:0 auto;
	border-radius: 10px;
	padding:20px 5px;
	text-align: center;
	font-size:90%;
	position:relative;
	overflow: hidden;
}
.section6 div.ranking span.ranking_title{
	text-align:center;
	font-size:70%;
	padding:5px 20px;
	margin-bottom:20px;
	-webkit-background-size: 5px 5px;
	-moz-background-size: 5px 5px;
	background-size: 5px 5px;
	background-color: #faf4db;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,
	            color-stop(.25, #ffffff), color-stop(.25, transparent),
	            color-stop(.5, transparent), color-stop(.5, #ffffff),
	            color-stop(.75, #ffffff), color-stop(.75, transparent),
	            to(transparent));
	background-image: -webkit-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
	          transparent 50%, #ffffff 50%, #ffffff 75%,
	          transparent 75%, transparent);
	background-image: -moz-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
	          transparent 50%, #ffffff 50%, #ffffff 75%,
	          transparent 75%, transparent);
	background-image: -ms-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
	          transparent 50%, #ffffff 50%, #ffffff 75%,
	          transparent 75%, transparent);
	background-image: -o-linear-gradient(-45deg, #ffffff 25%, transparent 25%,
	          transparent 50%, #ffffff 50%, #ffffff 75%,
	          transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #ffffff 25%, transparent 25%,
	          transparent 50%, #ffffff 50%, #ffffff 75%,
	          transparent 75%, transparent);
}
.section6 div.ranking div.section6_rankingimg2{
	position:absolute;
	top:0px;
	left:-100px;
}
.section6 div.ranking div.section6_rankingimg3{
	position:absolute;
	top:0px;
	right:-50px;
}
.section6 .section6_bgitem1{
	position:absolute;
	top:50px;
	right:30px;
}
.section6 .section6_bgitem2{
	position:absolute;
	top:600px;
	left:10px;
}
.section6 .section6_bgitem3{
	position:absolute;
	top:1100px;
	right:10px;
}
.section6 div.membersVoice .text{
	line-height:0;
}
.section6 div.section6_matome{
	text-align:center;
}

@media screen and (max-width: 768px) {
	.section6 div.text div.section6_img1{
		position:static;
		float:left;
		width:48%;
	}
	.section6 div.text div.section6_img2{
		position:static;
		float:right;
		width:48%;
	}
	.section6 div.text div.section6_img3{
		position:static;
		width:100%;
		margin-top:20px;
	}
	.section6 div.ranking div.section6_rankingimg2{
		display:none;
	}
	.section6 div.ranking div.section6_rankingimg3{
		display:none;
	}
	.section6_bgitem1, .section6_bgitem2, .section4_bgitem3{
		display:none;
	}
}
@media screen and (max-width: 640px) {
	.section6 h3.section6_headText img{
		width:100%;
	}
	.section6 h3.section6_headText2 img{
		width:100%;
	}
	.section6 h3.section6_headText3 img{
		width:90%;
	}
	.section6 div.ranking span.ranking_title{
		padding: 5px 0;
	}
	.section6 div.membersVoice div.text{
		line-height:0;
		background:none;
		padding:0;
	}
}
/********************************
		section7
********************************/
.section7{
	background:#d7f0fb;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:40px;
}
.section7 div.section7_inner{
	margin:0 auto;
	width:100%;
	max-width:1022px;
	position:relative;
	text-align:center;
}
.section7 div.text{
	background: #ffffff;
	padding:0 40px;
}
.section7 div.section7_img{
	background: #ffffff;
	text-align: center;
	padding:30px 0;
}
.section7 div.section7_img img{
	width:80%;
}
@media screen and (max-width: 640px) {
	.section7 div.section7_img img{
	width:100%;
}
}
/********************************
		section8
********************************/
.section8{
	background:#fadce6;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:40px;
}
.section8 div.section8_inner{
	margin:0 auto;
	width:100%;
	max-width:1022px;
	position:relative;
	text-align:center;
}
.section8 .section8_table{
	background:#ffffff;
	padding:20px;
}
.section8 table{
	border-spacing: 0;
	border-collapse: separate;
	width:100%;
	max-width:800px;
	margin:0 auto;
	line-height:1.5em;
	vertical-align: middle;
}
.section8 table th,table td{
	padding: 20px 15px;
	border-top: 1px solid #F29C9F;
	border-left: 1px solid #F29C9F;
}
.section8 table th{
	background: #F29C9F;
	color: #FFFFFF;
	width:25%;
}
.section8 table th:nth-child(even){
	background: #62BBAB;
}
.section8 table td{
	background: #FFFFFF;
	color: #000000;
	vertical-align: middle;
}
.section8 table th:last-child,table td:last-child{
	border-right: 1px solid #F29C9F;
}
.section8 table tr:last-child th,table tr:last-child td{
	border-bottom: 1px solid #F29C9F;
}
.section8 table tr:first-child :first-child{
	border-top-left-radius: 5px;
}
.section8 table tr:first-child :last-child{
	border-top-right-radius: 5px;
}
.section8 table tr:last-child :first-child{
	border-bottom-left-radius: 5px;
}
.section8 table tr:last-child :last-child{
	border-bottom-right-radius: 5px;
}

/********************************
		section9
********************************/
.section9{
	background:#e9e9e7;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:40px;
}
.section9 div.section9_inner{
	margin:0 auto;
	width:100%;
	max-width:1022px;
	position:relative;
	text-align:center;
}
.section9 div.section9_inner div.qa{
	line-height: 1.5em;
	text-align: left;
	background: #ffffff;
	padding:30px 60px;
}
.section9 div.section9_inner div.qa div.answer{
	background: url(../img/section9_bga.jpg)no-repeat;
	background-position: left top;
	margin-left:60px;
	padding-left: 40px;
	background-size:20px 20px;
}
@media screen and (max-width: 640px) {
	.section9 div.section9_inner div.qa{
		padding:30px 20px;
	}
	.section9 div.section9_inner div.qa div.answer{
		margin-left:40px;
		padding-left: 40px;
	}
}
/********************************
		section10
********************************/
footer{
	background: url(../img/section_bgfooter.png)repeat;
	padding-bottom:40px;
}
.section10{
	background: url(../img/section10_bg.png)repeat-x;
}
.section10 div.section10_inner{
	margin:0 auto;
	width:100%;
	max-width:1022px;
	position:relative;
}
.section10 div.section10_inner .section10_headText{
		width:75%;
		margin:0 auto;
		padding-top:30px;
	}
.section10 div.text{
	background: url(../img/section4_bgRepeat.png)repeat-y;
	background-size: 100%;
	overflow: hidden;
	text-align:center;
}
.section10 div.text div.section10_bottomText{
	width:20%;
	margin:0 auto;
}

.pagetop{
	width:25%;
	margin:0 auto;
}
@media screen and (max-width: 640px) {
	.section10 div.section10_inner .section10_headText{
		width:90%;
		margin:0 auto;
	}
	.section10 div.text div.section10_bottomText{
	width:40%;
	}
	.pagetop{
	width:80%;
	margin:0 auto;
	}
}

/********************************
		section11
********************************/
#section11{
	line-height:1.5;
}

.section11{
	background:#fcefb2;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:40px;
}
.section11 div.section11_inner{
	margin:0 auto;
	width:100%;
	max-width:1022px;
	position:relative;
	text-align:center;
}

.section11 div.section11_inner .section11_headText{
	margin-bottom:-40px;
}

.section11 .section11_float{
	margin:20px 0 0 0;
}

.section11 .section11_float .left{
	float:left;
	width:378px;
}

.section11 .section11_float .right{
	float:right;
	width:410px;
	padding:20px 0 0 20px;
}

.section11 .section11_float .right p{
	text-align:left;
}

.section11 .section11_float2 .left{
	float:left;
	width:400px;
}

.section11 .section11_float2 .right{
	float:right;
	width:378px;
	padding:20px 0 0 40px;
}

.section11 .section11_float2 .right p{
	text-align:left;
}



.section11 h4{
	font-size:28px;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	color:#73512c;
}

.section11 h4.schedule{
	text-align:left;
}
.section11 p.schedule{
	text-align:left;
	padding:0 0 60px 0;
}


.section11 .section11_table{
	background:#ffffff;
	padding:80px;
	border-radius:30px;
}
.section11 table{
	border-spacing: 0;
	border-collapse: separate;
	width:100%;
	max-width:800px;
	margin:0 auto;
	line-height:1.5em;
	vertical-align: middle;
}

.section11 .section11_table h5{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:18px;
	text-align: center;
	margin:15px 0;
	color:#fff;
}

.section11 table th,table td{
	padding: 20px 15px;
	border-top: 1px solid #F29C9F;
	border-left: 1px solid #F29C9F;
}
.section11 table th{
	background: #F29C9F;
	color: #FFFFFF;
	width:25%;
}
.section11 table th:nth-child(even){
	background: #62BBAB;
}
.section11 table td{
	background: #FFFFFF;
	color: #000000;
	vertical-align: middle;
}
.section11 table th:last-child,table td:last-child{
	border-right: 1px solid #F29C9F;
}
.section11 table tr:last-child th,table tr:last-child td{
	border-bottom: 1px solid #F29C9F;
}
.section11 table tr:first-child :first-child{
	border-top-left-radius: 5px;
}
.section11 table tr:first-child :last-child{
	border-top-right-radius: 5px;
}
.section11 table tr:last-child :first-child{
	border-bottom-left-radius: 5px;
}
.section11 table tr:last-child :last-child{
	border-bottom-right-radius: 5px;
}

.section11 .link a{
	text-decoration:none;
	color:#000;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight:bold;
	font-size:18px;
	display:block;
	margin:20px auto 0 auto;
}

.fs_32 {
	font-size:32px;
}
.fs_24 {
	font-size:24px;
}
.fs_20 {
	font-size:20px;
}

.fc_pink {
	color:#F66;
}

#btn_message {
	width:50%;
	padding: 10px 0;
	background-color:#66F;
	color:#FFF;
	margin:10px 0;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-decoration: none;
	font-size:18px;
}

#message_bottom {
	display:none;
	margin-top:20px;
}

@media screen and (max-width: 640px) {

	/********************************
			section11
	********************************/
	#section11{
		line-height:1.5;
	}
	
	.section11{
		background:#fcefb2;
		overflow:hidden;
		padding-top:20px;
		padding-bottom:20px;
	}
	.section11 div.section11_inner{
		margin:0 auto;
		width:100%;
		position:relative;
		text-align:center;
	}
	.section11_table img {
		max-width:100%;
		height:auto;
	}
	.section11 div.section11_inner .section11_headText{
		margin-bottom:-30px;
		text-align:center;
	}
	.section11 div.section11_inner .section11_headText img{
		width: 60%;
		height:auto;
	}
	.section11 .section11_float{
		margin:20px 0 0 0;
	}
	
	.section11 .section11_float .left{
		float:none;
		padding:0;
		width: 100%;
	}
	
	.section11 .section11_float .right{
		float:none;
		padding:0;
		width: 100%;
	}
	
	.section11 .section11_float .right p{
		text-align:left;
	}
	
	.section11 .section11_float2 .left{
		float:none;
		padding:0;
		width: 100%;
	}
	
	.section11 .section11_float2 .right{
		float:none;
		padding:0;
		text-align: center;
		width: 100%;
	}
	
	.section11 .section11_float2 .right p{
		text-align:left;
	}

	.section11 h4{
		font-size:28px;
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		color:#73512c;
	}
	
	.section11 h4.schedule{
		text-align:left;
	}
	.section11 p.schedule{
		text-align:left;
		padding:0 0 30px 0;
	}
	
	
	.section11 .section11_table{
		background:#ffffff;
		padding:40px 10px 10px 10px;
		border-radius:10px;
	}
	.section11 table{
		border-spacing: 0;
		border-collapse: separate;
		width:100%;
		margin:0 auto;
		line-height:1.5em;
		vertical-align: middle;
	}
	.section11 .section11_table p{
		text-align:left;
	}
	
	.section11 .section11_table h5{
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		font-size:18px;
		text-align: center;
		margin:15px 0;
		color:#fff;
	}
	
	.section11 table th,table td{
		padding: 20px 15px;
		border-top: 1px solid #F29C9F;
		border-left: 1px solid #F29C9F;
	}
	.section11 table th{
		background: #F29C9F;
		color: #FFFFFF;
		width:25%;
	}
	.section11 table th:nth-child(even){
		background: #62BBAB;
	}
	.section11 table td{
		background: #FFFFFF;
		color: #000000;
		vertical-align: middle;
	}
	.section11 table th:last-child,table td:last-child{
		border-right: 1px solid #F29C9F;
	}
	.section11 table tr:last-child th,table tr:last-child td{
		border-bottom: 1px solid #F29C9F;
	}
	.section11 table tr:first-child :first-child{
		border-top-left-radius: 5px;
	}
	.section11 table tr:first-child :last-child{
		border-top-right-radius: 5px;
	}
	.section11 table tr:last-child :first-child{
		border-bottom-left-radius: 5px;
	}
	.section11 table tr:last-child :last-child{
		border-bottom-right-radius: 5px;
	}
	
	.section11 .link a{
		text-decoration:none;
		color:#000;
		font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
		font-weight:bold;
		font-size:18px;
		display:block;
		margin:20px auto 0 auto;
	}

	.fs_32 {
		font-size:32px;
	}
	.fs_24 {
		font-size:24px;
	}
	.fs_20 {
		font-size:20px;
	}
	
	.fc_pink {
		color:#F66;
	}
	
	#btn_message {
		width:100%;
		padding: 10px 0;
		background-color:#66F;
		color:#FFF;
		margin:10px 0;
		display:block;
		text-decoration: none;
		font-size:18px;
		box-sizing:border-box;
	}
	
	#message_bottom {
		display:none;
		margin-top:20px;
	}
	
}