.clear{
	clear: both;
}

body{
	 font-family:"Hiragino Kaku Gothic ProN",Verdana,"游ゴシック",YuGothic,Meiryo,sans-serif;
	 min-width:1260px;
}

.bold{
	font-weight: bold;
}

.lighter{
	font-weight: lighter;
	font-size: 80%;
}

.yellow{
	background-color: rgb(253,220,15);
}

.red{
	background-color: rgb(253,98,94);
}

.blue{
	background-color: rgb(105,215,198);
}

.green{
	background-color: rgb(106,198,125);
}

.gray{
	background-color: rgb(89,87,87);
}

.skin{
	background-color: rgb(248,235,215);
}

.light{
	background-color: rgb(245,245,245);
}

.yellow-text-bar{
	width: 50px;
	height: 2px;
	margin: 0px auto;
	margin-top: 3px;
	background-color: rgb(253,220,15);
}

@font-face {
	font-family:review-font;
    src: url('../fonts/review.ttf') format("truetype");
}

.container1{
	min-width:100%;
}
.container{
	min-width:100%;
	background-color:#F5F5F5;
	color:#393C3D;
}

	.nav{
		width: 100%;
		height: 40px;
		background-color: rgba(42,42,42,0.1);
		position:fixed;
		top:0px;
		left:0px;
		z-index: 9999;
		color:white;
		}

		.nav-content{
			padding: 0px;
			font-weight: bold;
			width: 1100px;
			margin: 0px auto;
		}
			.logo{
				position: relative;
				float: left;
				width: 14%;
				font-size: 85%;
				line-height: 40px;
				text-align: center;
				border-right: 0.5px solid rgb(150,150,150);
				font-weight: lighter;
				height: 40px;
				cursor: pointer;
				color: white;
			}
			.nav-box{
				position: relative;
				float: left;
				width: 14%;
				font-size: 85%;
				line-height: 40px;
				text-align: center;
				border-right: 0.5px solid rgb(150,150,150);
				font-weight: lighter;
				height: 40px;
				cursor: pointer;
				color: white;
			}
			.nav-box2{
				position: relative;
				float: left;
				width: 14%;
				font-size: 85%;
				line-height: 40px;
				text-align: center;
				font-weight: lighter;
				height: 40px;
				cursor: pointer;
				color: white;
			}

				.nav-box:hover{
					background-color: rgba(253,98,94,0.8);
					color:white;
				}

				.nav-box2:hover{
					background-color:rgba(253,98,94,0.8);
					color:white;
				}
				.nav-box-text{
					color:white;
					}
				.nav-box-text:hover{
	    			color:white;
	    			}

	.header{
		width:100%;
		height:365px;
		z-index:2;
	}
	.header-content{
		z-index:2;
	}

	video {
		right: 0;
		left:0;
		top: 0;
		z-index:-1;
		width: 1260px;
		position:absolute;
	}

	.header-box{
		position: relative;
	}
		.copy-box{
			    width:600px;
			    margin:auto;
		}
			.main-title{
				text-align:center;
				font-size:50px;
				margin-top:180px;
				color:white;
				margin-bottom:10px;
			}
			.main-text{
				text-align:center;
				color:white;
			}

		.link{
			width:320px;
			height:50px;
			margin:auto;
		}
			.link-content{
				padding:0px 0px 0px 0px;
			}
				.link-box{
					width:120px;
					height:40px;
					background-color:rgba(255,255,255,0.5);
					margin:auto;
					text-align:center;
					margin:50px auto 0px auto;
					/*float:left;*/
					position: relative;
					border-radius: 30px;
		  		  	-webkit-border-radius: 30px;
		  			-moz-border-radius: 30px;
				}
				.link-box:hover{
					background-color:rgba(253,98,94,0.8);
				}
				.link-text{
					text-align:center;
					line-height:40px;
					color:white;
				}

	.area1{
		background-color:white;
	}
		.area-list {
		  margin-bottom:20px;
		  margin:auto;
		  width:900px;
		  height:590px;
		  margin-top:-35px;
		}

		.area-space{
			height:15px;
		}

		.area-title{
			text-align:center;
			font-size:300%;
			font-weight: bold;
			color:rgb(42,42,42);

		}
		.area-description{
			text-align:center;
			font-size:100%;
			margin-bottom:50px;
			color:rgb(42,42,42);
		}

			.area-list-box1{background-image: url('../img/program.png') ;
				width:250px;
				height:250px;
				float:left;
				margin:auto;
				margin:20px 25px 25px 25px;
			}

			.area-list-box2{background-image: url('../img/review.png') ;
				width:250px;
				height:250px;
				float:left;
				margin:auto;
				margin:20px 25px 25px 25px;
				text-align:center;
				line-height:250px
			}
			.area-list-box3{background-image: url('../img/report.png') ;
				width:250px;
				height:250px;
				float:left;
				margin:auto;
				margin:20px 25px 25px 25px;
				text-align:center;
				line-height:250px
			}
			.area-list-box4{background-image: url('../img/activity.png') ;
				width:250px;
				height:250px;
				float:left;
				margin:auto;
				margin:20px 25px 25px 25px;
				text-align:center;
				line-height:250px
			}
			.area-list-box5{background-image: url('../img/reason.png') ;
				width:250px;
				height:250px;
				float:left; /*floatで横並びに*/
				margin:auto;
				margin:20px 25px 25px 25px;
				text-align:center;
				line-height:250px
			}
			.area-list-box6{background-image: url('../img/els.png') ;
				width:250px;
				height:250px;
				float:left; /*floatで横並びに*/
				margin:auto;
				margin:20px 25px 25px 25px;
				text-align:center;
				line-height:250px
			}

		.list-box{
			width:150px;
			height:40px;
			background-color:rgba(42,42,42,0.6);
			margin:auto;
			margin-top:100px;
			border-radius: 30px;
		  	-webkit-border-radius: 30px;
		  	-moz-border-radius: 30px;
		}

		.list-box:hover{
					background-color:rgba(253,98,94,0.8);
				}


		.list-text{
			color:white;
			text-align:center;
			line-height:40px;
		}

	.area2{

	}
		.area2-content{
			width:100%;
			height:500px;
			margin-top:75px;
		}
			.area2-box{
				width:100%;
				height:500px;
			}
			.area2-title{
				padding-top:175px;
				text-align:center;
				font-size:250%;
			}
			.area2-text{
				text-align:center;
				padding-top:10px;
			}
			.area2-box{

			}
				.area2-link-box{
					width:120px;
					height:40px;
					background-color:rgb(42,42,42);
					margin:auto;
					margin-top:100px;
					border-radius: 30px;
		  			-webkit-border-radius: 30px;
		  			-moz-border-radius: 30px;
				}

				.area2-link-box:hover{
					background-color:rgb(253,98,94);
				}

				.area2-link-text{
					color:white;
					text-align:center;
					line-height:40px;
				}

	.area3{
		width:100%;
		margin:auto;
	}
		.area3-content{
			width:1200px;
			height:650px;
			margin:auto;
		}

		.area3-title2{
			text-align:center;
			font-size:300%;
			font-weight: bold;
			color:rgb(42,42,42);
			margin-top:50px;
		}

		.area3-description{
			text-align:center;
			font-size:100%;
			color:rgb(42,42,42);
		}

		.area3-box1{background-image: url('../img/global.png') ;
			width:280px;
			height:500px;
			float:left;
			margin:auto;
			margin:75px 10px 100px 10px;
		}

		.area3-box2{background-image: url('../img/explore.png') ;
			width:280px;
			height:500px;
			float:left;
			margin:auto;
			margin:75px 10px 100px 10px;
		}

		.area3-box3{background-image: url('../img/angkorwat.png') ;
			width:280px;
			height:500px;
			float:left;
			margin:auto;
			margin:75px 10px 100px 10px;
		}

		.area3-box4{background-image: url('../img/school.png') ;
			width:280px;
			height:500px;
			float:left;
			margin:auto;
			margin:75px 10px 100px 10px;
		}

		.area3-title{
			margin:auto;
			text-align:center;
			width:100px;
			height:30px;
			line-height:30px;
			color:white;
		}
		.area3-text{
			text-align:center;
			margin-top:250px;
			color:white;
			font-size:150%;
		}
		.area3-sub-text{
			width:200px;
			margin:auto;
			font-size:100%;
			color:white;
			margin-top:10px;
		}

		.area5{
		width: 100%;
	}

		.area5-content{
			width: 1000px;
			margin: 0px auto;
			text-align: center;
			padding-top: 50px;
		}

			.area5-title{
				font-size: 200%;
				font-weight: bold;
				color:white;
			}

			.area5-description{
				color: white;
				margin-bottom:20px;
			}

			.area5-box-area{

			}

				.area5-box{
					width: 198px;
					margin: 25px;
					position: relative;
					float: left;
					height: 400px;
					margin-bottom:100px;
				}
					.area5-box-image{
						height: 198px;
					}
					.area5-box-image img{
						width:198px;
					}
					.area5-box-title{
						text-align: left;
						padding: 3px 3px 3px 10px;
						font-size: 90%;
						font-weight: bold;
						height: 20px;
					}
					.area5-box-bottom{
						text-align: left;
						background-color: white;
						padding-top: 10px;
						height: 182px;
					}
						.area5-box-name{
							font-size: 130%;
							font-weight: bold;
							margin: 5px;
						}
						.area5-box-description{
							margin: 5px;
							font-size: 80%;
						}

		.area6{
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}

		.area6-title{

			color: rgb(42,42,42);
			font-size: 250%;
			margin: 20px;
			text-align: center;
			font-weight: bold;

		}

		.area6-description{
			color: rgb(42,42,42);
			font-size: 110%;
			text-align: center;
			margin: 10px;
		}


		.area6-content{
			width: 800px;
			margin: 0px auto;
			margin-top: 20px;
			padding-top: 5px;
		}

			.area6-content-title{
				margin: 20px;
				font-size: 150%;
				font-weight: bold;
				text-align: center;
				color:white;
			}

			.area6-form-area{
				width: 600px;
				margin: 0px auto;
				padding-bottom: 30px;
			}

				.area6-kome{
					margin: 3px;
					line-height: 40px;
					float: left;
					text-align: center;
					width: 40px;
					color:white;
				}

				.area6-input-white{
					background-color: white;
					height: 40px;
					width: 540px;
					float: right;
					margin: 3px;
				}

				.area6-input-white input.text{
					-webkit-appearance: none;
					border: 0px;
					height: 40px;
					width: 98%;
					line-height: 40px;
					padding-left: 2%;
				}

				.area6-input-white span.checkbox-cover{
					margin: 10px;
					line-height: 40px;
				}

				.area6-input-white input.checkbox{
					margin-left: 30px;
					margin-right: 5px;
				}

				.area6-input-white select{
					-webkit-appearance: none;
					line-height: 40px;
					border: 0px;
					background-color: white;
				}

				.area6-input-white-large{
					background-color: white;
					height: 200px;
					width: 540px;
					float: right;
					margin: 5px 3px 3px 3px;
				}

				.area6-input-white-large textarea{
					border: 0px;
					width: 96%;
					height: 95%;
					margin: 2%;
					-webkit-appearance: none;
				}

				.area6-input-button{
					color: white;
					width: 160px;
					height: 40px;
					text-align: center;
					line-height: 40px;
					position:relative;
					border:0px;
					left:50%;
					margin-left:-80px;
					margin-top: 30px;
					border-radius: 3px;
					cursor: pointer;
					display:inline-block;
				}

				.area6-input-button:hover{
					background-color: rgb(253,98,94)
				}

	.footer{
		width:100%;
	}
		.footer-content{
			margin:auto;
		}
			.footer-box{
				background-color:rgb(42,42,42);
			}
				.credit{
					text-align:center;
					color:white;
				}


	.program-content{
		width:100%;
		background-color:white;
	}
		.program-top{background-image: url('../img/program1.png') ;
			width:100%;
			height:500px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position:center 13%;
		}
		.program-top-box{
			width:600px;
			height:300px;
			margin:auto;
		}
			.program-title{
				text-align:center;
				color:white;
				padding-top:200px;
				font-size:35px;
				font-weight: bold;
			}

		.program1{
			width:100%;
		}
			.program1-box{
				margin-top:50px;
				width:100%;
				height:400px;
				float:left;
			}
				.program1-image{background-image: url('../img/program2.png') ;
					width:55%;
					height:400px;
					float:left;
					background-size: cover;
					background-repeat: no-repeat;
					background-position:center 25%;
				}

				.program1-text-content{
					width:45%;
					height:400px;
					float:left;
					background-color:#393C3D;
				}
					.program1-text-box{
						width:80%;
						margin:auto;
					}

						.program1-title{
							margin-top:75px;
							font-size:250%;
							color:white;
						}
						.program1-text{
							margin-top:30px;
							font-size:100%;
							color:#C3C4C5;
						}
		.program2{
			width:100%;
		}
			.program2-box{
				margin-top:50px;
				width:100%;
				height:800px;
				float:left;
			}
				.program2-image{background-image: url('../img/program3.png') ;
					width:55%;
					height:800px;
					float:left;
					background-size: cover;
					background-repeat: no-repeat;
					background-position:center 25%;
				}

				.program2-text-content{
					width:45%;
					height:800px;
					float:left;
					background-color:#393C3D;
				}
					.program2-text-box{
						width:80%;
						margin:auto;
					}

						.program2-title{
							margin-top:75px;
							font-size:170%;
							color:white;
						}
						.program2-text{
							margin-top:30px;
							font-size:100%;
							color:#C3C4C5;
						}

		.program3{
			width:100%;
			margin-top:50px;
		}
			.program3-title{
				text-align:center;
				color:#FA6900;
				font-size:250%;
				font-weight: bold;
			}
			.tabbox{
				width:700px;
				height:400px;
				margin:auto;
			}
			.tabs-content{
				width:100%;
			}

			/* ▼(A)表示領域全体 */
			.tabbox {
				margin:auto;
				width: 750px;
				margin-top:50px;
					}

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 220px; float: left;
   margin: 0px 5px 30px 10px; padding: 3px;
   font-size:30px;
   text-align:center;
   font-weight: bold;
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { color: #393C3D; }
p.tabs a.tab2 { color: #393C3D;}
p.tabs a.tab3 { color: #393C3D; }
p.tabs a:hover { color: #FA6900; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 350px; overflow: auto; clear: left;
   margin-bottom:50px;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 {background-image: url('../img/tab1.png') ;
			background-color: #ffcccc; }
div#tab2 {background-image: url('../img/tab2.png') ;
	background-color: #ffcccc;}
div#tab3 {background-image: url('../img/tab3.png') ;
	background-color: #ffcccc; }
div.tab p {
		line-height:350px;
		text-align:center;
		color:white;
		font-size:270%;
		font-weight: bold;
	}

.tab-link{
	width:750px;
	height:75px;
	margin:auto;
	background-color:rgb(230,230,230);
	margin-bottom:50px;
}
	.tab-link-box{
		width:250px;
		margin:auto;
		padding-top:22px;
		height:75px;
	}
	.tab-link-box-botton{
		width:250px;
		margin:auto;
		background-color:rgb(253,220,15);
		border-radius: 30px;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		text-align:center;
		margin-top:-5px;
	}
	.tab-link-box-botton:hover{
		background-color:rgba(253,98,94,0.8);
	}
		.tab-link-text{
			text-align:center;
			font-weight: bold;
			font-size:110%;
			padding:10px;
		}
		.tab-link-text:hover{
			color:white;
		}


		.program4{
					width:100%;
				}
					.program4-box{
						margin-top:50px;
						width:100%;
						height:550px;
						float:left;
						margin-bottom:50px;
					}
						.program4-video-box{
							width:55%;
							height:550px;
							float:left;
							background-size: cover;
							background-repeat: no-repeat;
							background-position:center 25%;
							background-color:black;
						}
						.program4-video-content{
							width:600px;
							height:400px;
							background-color:#393C3D;
							margin:auto;
							margin-top:70px;
						}
						.program4-video-title{
							text-align:center;
							color:white;
						}

						.program4-text-content{
							width:45%;
							height:550px;
							float:left;
							background-color:#393C3D;
						}
							.program4-text-box{
								width:80%;
								margin:auto;
							}

								.program4-title{
									margin-top:75px;
									font-size:250%;
									color:white;
								}
								.program4-text{
									margin-top:30px;
									font-size:13px;
									color:#C3C4C5;
								}
								.program4-link{
									width:100%;
								}
								.program4-link-box{
								width:200px;
								margin:auto;
								background-color:rgb(253,220,15);
								border-radius: 30px;
								-webkit-border-radius: 30px;
								-moz-border-radius: 30px;
								text-align:center;
								margin-top:20px;
								float:left;
								margin:30px 5px 30px 5px;
								}
								.program4-link-box:hover{
									background-color:rgba(253,98,94,0.8);
								}
								.program4-link-text{
									text-align:center;
									font-weight: bold;
									font-size:110%;
									padding:10px;
								}
								.program4-link-text:hover{
									color:white;
								}

		.program5{
			width:100%;
		}
		.program5-content{
			width:800px;
			height:550px;
			margin:auto;
		}
			.program5-image{
				margin:auto;
				text-align:center;
			}
			.program5-image img{
				width:150px;
				height:150px;
				margin:auto;
			}
			.program5-name{
				margin-top:20px;
				text-align:center;
				font-weight: lighter;
				font-size:100%;
				color:#393C3D;
			}
			.program5-info{
				text-align:center;
				font-weight: lighter;
				font-size:100%;
				color:#393C3D;
			}
			.program5-title{
				margin-top:10px;
				text-align:center;
				font-weight:bold;
				font-size:150%;
				color:#393C3D;
			}
			.program5-text{
				margin-top:10px;
				font-weight: lighter;
				font-size:14px;
				color:#393C3D;
				text-align:center;
			}

		　　.program5-link{
				width:700px;
				margin:auto;
			}

			.program5-link-box{
			width:250px;
			margin:auto;
			background-color:rgb(253,220,15);
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			text-align:center;
			margin-top:20px;
			}
			.program5-link-box:hover{
				background-color:rgba(253,98,94,0.8);
			}
			.program5-link-text{
				text-align:center;
				font-weight: bold;
				font-size:110%;
				padding:10px;
				color:rgb(42,42,42);
			}
			.program5-link-text:hover{
				color:white;
			}

	.program6{
		width:100%;
	}
	.program6-content{
		width:100%;
		height:300px;
		background-color:rgb(0,169,157);
	}
		.program6-box{

		}
		.program6-title{
			text-align:center;
			font-size:350%;
			font-weight: bold;
			color:white;
			padding-top:80px;
			padding-bottom:20px;
		}
		.program6-link-box{
			width:200px;
			margin:auto;
			background-color:rgb(253,220,15);
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			text-align:center;
			margin-top:20px;
		}
		.program6-link-box:hover{
			background-color:rgb(253,98,94);
		}
		.program6-link{
			text-align:center;
			font-weight: bold;
			font-size:110%;
			padding:10px;
			color:rgb(42,42,42);
		}
		.program6-link:hover{
			color:white;
		}
    .program7{
    	width:100%;
    	height:400px;
    	background-color:#393C3D;
    }
    	.program7-content{
    		width:90%;
    		height:390px;
    		margin:auto;
    		padding-top:30px;
    	}
    		.program7-box{
    			width:20%;
    			float:left;
    		}
    		.program7-title-cover{
    			width:50%;
    			background-color:rgb(42,42,42);
    			height:27px;
    			margin:auto;
    			border-radius: 20px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				margin-bottom:15px;
    		}
    		.program7-title-cover:hover{
    			background-color:rgba(253,98,94,0.8);
    		}
    		.program7-title{
    			color:rgba(255,255,255,0.5);
    			text-align:center;
    			line-height:27px;
    			font-size:90%;
    		}
    		.program7-link{
    			color:rgba(255,255,255,0.5);
    			font-size:90%;
    			line-height:25px;
    			padding-left:60px;
    			padding-top:5px;
    		}
    		.program7-link:hover{
    			color:rgba(253,98,94,0.8);
    		}

   .background-image{background-image: url('../img/reason-back.png') ;
   	width:100%;
   	overflow:hidden;
   }

    .reason0{
    	width:100%;
    }
    	.reason0-box{
    		width:800px;
    		margin:auto;
    		padding-top:75px;
    		text-align:center;
    	}
    	.reason0-round{
    		border: 0.5px solid ;
    		border-color:#393C3D;
    		width: 300px;
			height: 300px;
			background-color:white;
			-webkit-border-radius: 150px;/* width,heightの半分 */
			-moz-border-radius: 150px;
			border-radius: 150px;
			margin:auto;
    	}
    		.reason0-logo{
    			font-size:35px;
    			padding-top:45px;
    			color:#F5F5F5;
    			text-shadow: 1px 1px 1px #393C3D,
			    -1px 1px 1px #393C3D,
			    1px -1px 0.5px #393C3D,
			    -1px -1px 0.5px #393C3D;
			    margin-top:30px;
			    margin-bottom:15px;
    		}
    		.reason0-title{
    			font-size:250%;
    			color:#393C3D;
    			margin-top:-20px;
    			font-weight: bold;
    		}
    		.reason0-text{
    			font-size:105%;
    			color:#393C3D;
    			font-weight: bold;
    			margin-top:5px;
    		}
    		.reason0-circle{
    			width:300px;
    			margin:auto;
    		}
    		.reason0-circle-box1{
    			background-color:#F16663;
	    		width: 20px;
				height: 20px;
				-webkit-border-radius: 10px;/* width,heightの半分 */
				-moz-border-radius: 10px;
				border-radius: 10px;
				margin:auto;
				float:left;
				margin:10px 5px 0px 85px;
    		}
    		.reason0-circle-box2{
    			background-color:#009AAB;
	    		width: 20px;
				height: 20px;
				-webkit-border-radius: 10px;/* width,heightの半分 */
				-moz-border-radius: 10px;
				border-radius: 10px;
				margin:auto;
				float:left;
				margin:10px 5px 0px 10px;
    		}
    		.reason0-circle-box3{
    			background-color:#FBAD1D;
	    		width: 20px;
				height: 20px;
				-webkit-border-radius: 10px;/* width,heightの半分 */
				-moz-border-radius: 10px;
				border-radius: 10px;
				margin:auto;
				float:left;
				margin:10px 5px 0px 10px;
    		}
    		.reason0-circle-box4{
    			background-color:#16A085;
	    		width: 20px;
				height: 20px;
				-webkit-border-radius: 10px;/* width,heightの半分 */
				-moz-border-radius: 10px;
				border-radius: 10px;
				margin:auto;
				float:left;
				margin:10px 10px 0px 5px;
    		}

    .reason{
    	width:100%;
    	margin:auto;
    	margin-top:50px;
    }
    	.reason-area{
    		width:850px;
    		height:400px;
    		border: 1px solid #000000;
			margin:auto;
			background-color:white;
    	}
    	.reason-text-area{
    		width:45%;
    		float:left;
    	}
	    	.reason-box{
	    		padding:30px 30px 10px 30px;

	    	}
		    	.reason1-bar{
		    		height:30px;
		    		background-color:#F16663;
		    		width:240px;
		    		margin-left:-30px;
		    		margin-bottom:20px;
		    	}
		    	.reason2-bar{
		    		height:30px;
		    		background-color:#009AAB;
		    		width:240px;
		    		margin-left:-30px;
		    		margin-bottom:20px;
		    	}
		    	.reason3-bar{
		    		height:30px;
		    		background-color:#FBAD1D;
		    		width:240px;
		    		margin-left:-30px;
		    		margin-bottom:20px;
		    	}
		    	.reason4-bar{
		    		height:30px;
		    		background-color:#16A085;
		    		width:240px;
		    		margin-left:-30px;
		    		margin-bottom:20px;
		    	}

	    	.reason-bar-text{
	    		margin-left:35px;
	    		color:#F5F5F5;
	    		line-height:30px;
	    		font-size:110%;
	    	}
	    	.reason-title{
	    		font-size:150%;
	    		color:#393C3D;
	    		font-weight: bold;
	    		margin-bottom:20px;
	    	}
	    	.reason-text{
	    		font-size:13px;
	    		color:#393C3D;
	    	}
    	.reason-image-area{
    		width:55%;
    		height:400px;
    		background-color:black;
    		float:left;
    	}
    	.reason-image img{
    		width:100%;
    		height:400px;
    	}

    .review-top{
    	width:100%;
    	background-color:#FDDC0F;
    	padding-top:40px;
    	height:200px;
    }
    	.review-top-title{
    		padding-top:50px;
    		text-align:center;
    		font-size:350%;
    		font-weight: bold;
    	}
    	.review-top-text{
    		text-align:center;
    		font-size:120%;
    	}

    .review{
    	width:100%;
    	font-family:review-font;
    	margin-top:50px;
    }
    	.review-content{
    		width:1100px;
    		height:265px;
    		margin:auto;
    	}
    	.review-guest-box{
    		width:25%;
    		float:left;
    		text-align:center;
    		padding:1px 1px 1px 1px;
    	}
    	.review-guest-box1{
    		width:24%;
    		border-left:dashed 1px black;
    		float:left;
    		text-align:center;
    		padding:1px 3px 1px 3px;
    	}
	    	.review-guest-image{

	    	}
	    	.review-guest-name{

	    	}
	    	.review-guest-title{
	    		font-size:90%;
	    		margin-top:10px;
	    	}
	    	.review-guest-link-box{
	    		width:50%;
	    		height:20px;
	    		background-color:rgb(253,220,15);
	    		margin:auto;
    			border-radius: 20px;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				margin-top:10px;
	    	}
	    	.review-guest-link-box:hover{
	    		background-color:#FBAD1D;
	    	}
	    	.review-guest-link{
	    		font-size:90%;
	    		line-height:20px;
	    	}

	.review-box{
		width:100%;
		margin:auto;
		margin-top:50px;
		font-family: review-font;
		background-color:#F5F5F5;
	}
		.review-box-content{
		}
			.review-box1{
				width:1100px;
				margin:auto;
				height:350px;
			}

				.review-box1-1{
					width:540px;
					height:350px;
					float:left;
				}
				.review-box1-2{
					width:560px;
					height:350px;
					float:left;
				}
				.review-box1-1-1{
					height:50px;
					border-left:solid 25px #FBAD1D;
				}
					.review-box1-1-bar{
						line-height:50px;
						font-size:200%;
						margin-left:10px;
					}
				.review-box1-1-2{
					margin-top:40px;
					margin-left:70px;

				}
					.review-box1-1-image{
						float:left;
					}
					.review-box1-1-name{
						float:left;
						margin-left:50px;
						font-size:200%;
						margin-top:40px;
					}
					.review-box1-1-text{
						font-size:150%;
						float:left;
						margin-left:50px;
						margin-top:10px;
					}
				.review-box1-1-3{

				}
					.review-box1-1-title{
						font-size:180%;
						margin:20px 0px 0px 40px;
						font-weight: bold;
					}

			.review-box2{
				width:1100px;
				height:270px;
				margin:auto;
				margin-top:20px;
				margin-bottom:80px;
			}
				.review-box2-1{
					width:690px;
					height:270px;
					float:left;
					border:dashed 1px black;
					margin-left:20px;
				}

					.review-box2-ask{
						color:#009AAB;
						font-weight: bold;
						margin-top:30px;
						margin-left:20px;
						font-size:100%;
						margin-bottom:15px;
					}
					.review-box2-ask-text{
						font-weight: bold;
						margin-left:20px;
						font-size:150%;
						margin-bottom:15px;
						margin-right:20px;
					}
					.review-box2-a{
						color:#FBAD1D;
						font-weight: bold;
						margin-left:20px;
						font-size:100%;
						margin-bottom:15px;
					}
					.review-box2-a-text{
						margin-left:20px;
						font-size:100%;
						margin-bottom:15px;
						margin-right:20px;
					}

				.review-box2-2{
					width:315px;
					height:270px;
					float:left;
					margin-left:46px;
					border:dashed 1px black;
					margin-right:20px;
				}


	.join1{
    	width:100%;
    }
    	.join1-box{
    		width:100%;
    		margin:auto;
    		text-align:center;
    		height:200px;
    		margin-bottom:30px;
    	}

    	.join1-title{
    			color:#393C3D;
    			font-weight: bold;
    			text-align:center;
    			font-size:300%;
    			padding-top: 100px;
    		}
    	.join1-text{
    		    font-size:120%;
    			font-weight: bold;
    			text-align:center;
    			padding-top:5px;
    	}
    	.join2-title-box{
    			width:100%;
    			background-color:rgb(253,220,15);
    			height:200px;
    		}
    		.join2-title{
    			width:100%;
    			height:200px;
    			text-align:center;
    			font-size:250%;
    			font-weight: bold;
    			padding-top:50px;
    		}

    .join2{
    	width:100%;
    	margin-top:50px;
    }
    	.join2-content{
    		width:1000px;
    		margin:auto;
    	}


    		.join2-box-area{
    			width:100%;
    			margin:auto;
    		}
    		.join2-box-cover{
    			margin:auto;
    		}
    		.join2-box-content0{
    			width:300px;
    			height:200px;
    			float:left;
    			margin:0px 20px 0px 10px;
    		}
    		.join2-box-content1{
    			width:300px;
    			height:200px;
    			float:left;
    			margin:0px 20px 0px 20px;
    		}
    		.join2-box-content2{
    			width:300px;
    			height:200px;
    			float:left;
    			margin:0px 10px 0px 20px;
    		}

    		.join2-box-icon{
    			width:64px;
    			height:64px;
    			margin:auto;
    		}
    		.join2-box-theme{
    			text-align:center;
    			font-weight: bold;
    			font-size:120%;
    			padding:5px 0px 5px 0px;
    		}
    		.join2-box-title{
    			text-align: center;
    			font-weight: bold;
    			font-size:100%;
    			color:rgb(241,90,36);
    		}
    		.join2-box-text{
    			text-align:center;
    			padding:5px 0px 5px 0px;
    		}
    .join3{
    	width:100%;
    	background-color:rgb(225,225,225);
    }
    	.join3-content{

    	}
    		.join3-box1{
    			padding:30px 0px 20px 0px;
    		}
    		.join3-title{
    			font-size:130%;
    			text-align:center;
    			font-weight: bold;
    			padding-bottom:10px;
    		}
    		.join3-box2{
    			width:700px;
    			margin:auto;
    		}
    			.join3-box2-type1{
    				width:200px;
    				height:100px;
    				float:left;
    				margin:0px 20px 0px 10px;
    			}
    			.join3-box2-type2{
    				width:200px;
    				height:100px;
    				float:left;
    				margin:0px 20px 0px 20px;
    			}
    			.join3-box2-type3{
    				width:200px;
    				height:100px;
    				float:left;
    				margin:0px 10px 0px 20px;
    			}

    			.join3-box2-type-title{
    				font-size:110%;
    				font-weight: bold;
    				text-align:center;
    			}
    			.join3-box2-type-text{
    				font-size:100%;
    				text-align:center;
    				padding:5px 0px 5px 0px;
    			}
    			.join3-box2-type-detail{
    				font-size:70%;
    				text-align:center;
    			}

	    	.join3-box3{
	    		width:500px;
	    		margin:auto;
	    	}
	    		.join3-box3-type1{
	    			width:200px;
    				height:100px;
	    			float:left;
    				margin:0px 20px 0px 30px;
	    		}
	    		.join3-box3-type2{
	    			width:200px;
    				height:100px;
	    			float:left;
    				margin:0px 30px 0px 20px;
	    		}

	    	.join3-box4{
	    		width:100%;
	    	}
	    		.join3-box4-content{
	    			margin:auto;
	    		}
	    			.join3-box4-title{
	    				text-align:center;
	    				font-size:100%;
	    				color:rgb(241,90,36);
	    				font-weight: bold;
	    				padding-bottom:50px;
	    			}

	.join4{
		width:100%;
	}
		.join4-content{
			margin:auto;
		}
			.join4-box1{
				width:100%;
    			height:200px;
    			background-color:rgb(253,220,15);
			}
				.join4-title{
					text-align:center;
					font-size:250%;
					font-weight: bold;
					padding-top:50px;
				}
				.join4-text{
					margin-top:20px;
					text-align:center;
					font-size:100%;
				}
			.join4-box2{
				width:700px;
				margin:auto;
				margin-top:40px;
			}
				.join4-plan1{
					float:left;
					width:330px;
					height:330px;
					padding-top:50px;
					background-color:rgb(105,215,198);
				}
				.join4-plan-line{
					float:left;
					height:320px;
					border-left:solid 25px;
					color:#F5F5F5;
				}
				.join4-plan2{
					float:left;
					width:330px;
					height:330px;
					background-color:rgb(253,98,94);
					padding-top:50px;
				}
					.join4-plan-title{
						text-align:center;
						font-size:200%;
						font-weight: bold;
						padding-top:40px;
					}
					.join4-plan-text{
						text-align:center;
						font-size:120%;
						padding-top:30px;
						padding-bottom:40px;
						font-weight: bold;
					}
					.join4-plan-link-box{
						width: 60px;
						height: 60px;
						background-color:rgb(42,42,42);
						-webkit-border-radius: 30px;/* width,heightの半分 */
						-moz-border-radius: 30px;
						border-radius: 30px;
						margin:auto;
					}
					.join4-plan-link-box:hover{
						background-color:rgb(255,255,255);
					}
					.join4-plan-link{
						text-align:center;
						line-height:60px;
						color:white;
					}
					.join4-plan-link:hover{
						color:rgb(42,42,42);
					}

				.join4-box3{

				}
					.join4-box3-link-box{
						width:250px;
			    		height:40px;
			    		background-color:rgb(253,220,15);
			    		margin:auto;
		    			border-radius: 20px;
						-webkit-border-radius: 20px;
						-moz-border-radius: 20px;
						margin-top:30px;
						margin-bottom:50px;
					}
					.join4-box3-link-box:hover{
						background-color:#FBAD1D;
					}
					.join4-box3-link{
						text-align:center;
						line-height:40px;
						font-weight: bold;
					}
					.join4-box3-link:hover{
						text-align:center;
						line-height:40px;
						color:white;
					}

				.join4-box4{
					width:100%;
					margin:auto;
					height:500px;
					background-color:rgb(230,230,230);
				}
					.join4-box4-1{
						margin-top:-20px;
						float:left;
						width:400px;
						height:500px;
						margin-left:230px;

					}
					.join4-box4-2{
						float:left;
						width:400px;
						border-left:dashed 1px ;
						padding-left:5px;
						height:500px;
					}
					.join4-box4-title{
						margin-top:150px;
						text-align:center;
						font-size:200%;
						font-weight: bold;
						margin-bottom:30px;
						padding:0px 10px 0px 10px;
					}
					.join4-box4-text{
						text-align:center;
						font-size:95%;
						padding:0px 10px 0px 10px;
					}

					.join4-box4-link-box{
						width:200px;
			    		height:40px;
			    		background-color:rgb(253,220,15);
			    		margin:auto;
		    			border-radius: 20px;
						-webkit-border-radius: 20px;
						-moz-border-radius: 20px;
						margin-top:30px;
						margin-bottom:50px;
					}
					.join4-box4-link-box:hover{
						background-color:#FBAD1D;
					}

					.join4-box4-link{
						text-align:center;
						line-height:40px;
						font-weight: bold;
					}
					.join4-box4-link:hover{
						text-align:center;
						line-height:40px;
						color:white;
					}

	.plan{
		width:100%;
	}
		.plan-content{
			padding-top:100px;
		}
			.plan-title-box{
				width:100%;
			}
				.plan-title{
					text-align:center;
					font-size:300%;
					font-weight: bold;
					margin-top:10px;
				}
				.plan-text{
					text-align:center;
					font-size:120%;
					margin-top:20px;
				}
			.plan-box1{
				width:50%;
				height:500px;
				float:left;
				background-color:#69D7C6;
				margin-top:50px;
			}
			.plan-box2{
				width:50%;
				height:500px;
				float:left;
				background-color:#FD625E;
				margin-top:50px
			}
				.plan-box-title{
					text-align:center;
					padding-top:120px;
					font-size:400%;
					font-weight: bold;
				}
				.plan-box-text{
					text-align:center;
					font-size:250%;
				}
				.plan-box-link{
					background-color:rgba(255,255,255,0.5);
			    	margin:auto;
		    		border-radius: 20px;
					-webkit-border-radius: 20px;
					-moz-border-radius: 20px;
					margin-top:30px;
					margin-bottom:50px;
					width:200px;
			    	height:40px;
				}
				.plan-box-link:hover{
						background-color:white;
					}
					.plan-box-link-text{
						text-align:center;
						line-height:40px;
					}



	.area14{
		width: 100%;
	}

		.area14-content{
			width: 800px;
			margin: 0px auto;
			padding-top: 50px;
			padding-bottom: 50px;
			text-align: center;
		}

		.area14-content i{
			font-size: 300%;
		}

			.area14-title{
				text-align: center;
				font-size: 200%;
				font-weight: bold;
				margin: 20px;
			}

			.area14-title img {
				width:350px;
			}

			.area14-box{
				background-color: white;
				border: 4px solid rgb(30,30,30);
			}

				.area14-box-title{
					font-size: 180%;
					padding: 10px 10px 10px 5px;
					background-color: rgb(253,220,15);
					margin: 20px;
					font-weight: bold;
					text-align: left;
				}

				.area14-box-content{

				}

					.area14-box-left{
						position: relative;
						float: left;
						width: 250px;
						margin: 20px;
					}

					.area14-box-right{
						width: 430px;
						margin: 20px 13px 10px 0px;
						float: right;
						position: relative;
						text-align: left;
					}

					.area14-box-right-title{
						font-size: 150%;
						font-weight: bold;
						margin-bottom: 15px;
					}

		.faq-top{
			width:100%;
		}
			.faq-top-image{background-image: url('../img/faq-image.png') ;
				width:100%;
				height:400px;
				background-color: white;
			}
				.faq-top-text-box{
					width:50%;
					height:400px;
					margin:auto;
				}
					.faq-top-text{
						line-height:400px;
						text-align:center;
						font-size:300%;
						color:white;
					}

		.faq-content{
			width:100%;
			margin-top:50px;
		}
			.faq-box{
				width:750px;
				margin:auto;
			}

		.faq-title-box{
			border-bottom:2px solid rgb(105,215,198);
			padding:10px;
			margin-bottom:20px;
		}
			.faq-title{
				font-size:150%;
				font-weight:bold;
			}

		.faq-q-box{
			margin:20px;
		}

			.faq-q{
				cursor:pointer;
				color:#1882D1;
			}

			.faq-q:hover{
				color:#F08E82;
			}
		.faq-a-box{
			width:90%;
			padding:10px;
			background-color:white;
			display:none;
			margin-left:30px;
		}
			.faq-a{
				padding:5px;
			}
						.page-top{
							margin: 0 ;
							padding: 0 ;
						}

						.page-top p
						{
							margin: 0 ;
							padding: 0 ;

							position: fixed ;
							right: 16px ;
							bottom: 16px ;
						}

						.move-page-top
						{
							display: block ;
							background: #D36015 ;
							width: 50px ;
							height: 50px ;

							color: #fff ;
							line-height: 50px ;
							text-decoration: none ;
							text-align: center ;

							-webkit-transition:all 0.3s ;
							-moz-transition:all 0.3s ;
							transition:all 0.3s ;
						}

						.move-page-top:hover
						{
							opacity: 0.85 ;
						}