﻿#slide-navi{
	overflow:hidden;

	margin-bottom:20px;
}
#slide-navi li{
	float:left;
	width:20%;
	box-sizing:border-box;
	padding-right:1px;
	height:60px;
}
#slide-navi li:nth-child(5){
	padding-right:0;
}
#slide-navi li a{
	display:block;
	width:100%;
	height:100%;
	background:#58aadc;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:1.4;
	padding-top:20px;
}
#slide-navi li a br{
	display:none;
}
#right .right_section h2.title{
	font-size:18px;
	padding:10px 0 10px 25px;
	background:#58aadc;
	box-sizing:border-box;
	color:#fff;
	font-weight:bold;
	margin-bottom:40px;
	margin-top:20px;
}
#right .right_section h2.title span{
	margin-left:10px; 
	font-size:14px;
	color:#fff;
	font-weight:bold;
}
.wrap{
	overflow:hidden;
	margin-bottom:40px;
}
.img{
	float:left;
	width:40%;
	padding-right:10px;
	box-sizing:border-box;
}
.txt{
	float:right;
	width:60%;
	box-sizing:border-box;
}
#right .right_section p.txt01{
	margin-top:20px;
	margin-left:20px;
	border:4px solid #00a395;
	padding:10px;	
	box-sizing:border-box;
	font-size:18px;
	display:inline-block;
}
#right .right_section p.txt01 span{
	color:#f00;
	font-size:30px;
	font-weight:bold;
	padding-left:10px;
	line-height:1;
}
#right .right_section p.txt02{
	padding-left:20px;
	margin-top:20px;
}
#right .right_section p.txt02 strong{
	font-size:36px;
	color:#f00;
	font-weight:bold;
}
.txt img{
	display:block;
	width:100%;
	height:auto;
}
.flow{
	clear:both;
}
.flow img{
	display:block;
	width:100%; height:auto;
	padding-top:30px;
}
.movie{
	height:auto;
	overflow:hidden;
	padding-top:20px;
	margin-bottom:40px;
	clear: both;
}
.movie li{
	width:50%;
	height:208px;
	float:left;
	padding-right:5px;
	box-sizing:border-box;
}

.movie li:nth-child{
	width:50%;
	height:auto;
	float:left;
	padding-left:5px;
	box-sizing:border-box;
}
.movie iframe{
	width:100%; 
	height:100%;
}

#content04 .movie li{
	margin-bottom:10px;
}
.qa{
	border:4px solid #ddd;
	padding:10px;	
	box-sizing:border-box;
	margin-bottom:40px;
}
.qa .que{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ddd;
}
#right .right_section .qa .que span{
	font-size:20px;
	font-weight:bold;
	color:#fd4d77;
	margin-right:10px;
	margin-bottom:10px;
}

#right .right_section .qa .ans span{
	font-size:20px;
	font-weight:bold;
	color:#40b6e5;
	margin-right:10px;
	margin-bottom:10px;
}

.flow p{
	text-align: center;
	border: 2px solid #00a395;
	width: 50%;
	float: right;
	margin-top: 10px;
	box-sizing:border-box;
}
.flow p a{
	display: block;
	padding: 10px 0;
	color: #00a395;
}
#content04{
	margin-top:-70px;
}
@media screen and (max-width:480px){
	#slide-navi li a{
		padding-top:13px;
		font-size:11px;
	}
	#slide-navi li a br{
		display:block;
	}

	#right .right_section h2.title{
		font-size:14px;
		padding-left:10px;
		padding-right:10px;
		text-align:center;
	}

	.img{
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;
		box-sizing:border-box;
	}
	.txt{
		float:none;
		width:100%;
		padding-right:10px;
		padding-left:10px;	
	}
	.movie li{
		float:none;
		width:100%;
		margin-bottom:10px;
		
	}
	#right .right_section p.txt02 strong{
		font-size:24px;
	}
	
	.flow p{
		width: 100%;
	}
}