@charset "utf-8";

div#left_detail{
	width:calc(100% - 420px);
	padding:50px 25px;
	box-sizing:border-box;
	overflow:hidden;
}

div#right_detail{
	width:calc(100% - 40px);
	max-width:420px;
	overflow:hidden;
	box-sizing:border-box;
	border-left:1px #006494 solid;
}

/*◆◆◆◆◆◆◆◆◆◆left_detail◆◆◆◆◆◆◆◆◆◆*/

div#left_detail > div > hr{
	border-top: 1px solid #ccc;
}

p.return{
	text-align:right;
	width:calc(100% - 20px);
	max-width:1080px;
	margin:0 40px 0 0;
	float:right;
}

	p.return a{
		border-bottom:1px #006494 solid;
		display:inline-block;
		padding:0 0 3px 0;
		font-weight:500:
	}
	
	p.return a:hover{
		text-decoration:none;
		border-color:#fff;
	}
	
	p.return a::after{
		content:'\0226B';
		display:inline-block;
		margin:0 0 0 5px;
		color:#006494;
		font-weight:500:
	}
	
	
	div#left_detail > div{
		width:calc(100% - 20px);
		max-width:1055px;
		margin:20px auto 0 auto;
		float:right;
	}
	
		div#left_detail > div > p:first-child{
			color:#0b3954;
			font-size:0.85em;
			font-weight:bold;
			width:calc(100% - 40px);
			margin:0 auto;
		}
		
		div#left_detail > div > h4{
			box-sizing:border-box;
			font-size:1.5em;
			line-height:1.5em;
			font-weight:bold;
			padding:5px 20px;
			margin:5px auto;
			color:#0b3954;
			background-image:url('../img/point_bg_1.svg');
			background-position:left bottom;
			background-size:10px auto;
			background-repeat:repeat;
		}
		
		div#left_detail > div > dl:nth-child(3){
			box-sizing:border-box;
			padding:10px 0 10px 20px;
			margin:0 0 10px 0;
			overflow:hidden;
		}
		
			div#left_detail > div > dl:nth-child(3) dt{
				width:calc(100% - 330px);
				float:left;
				box-sizing:border-box;
			}
			
			div#left_detail > div > dl:nth-child(3) dd{
				width:calc(100% - 20px);
				max-width:330px;
				float:left;
				box-sizing:border-box;
			}
		
		
				div#left_detail > div > dl:nth-child(3) dt p{
					color:#0b3954;
					font-size:1.5em;
					line-height:1.5em;
					font-weight:bold;
					padding:10px 0;
				}
				
				div#left_detail > div > dl:nth-child(3) dt span{
					display:inline-block;
					letter-spacing:0.1em;
					vertical-align:bottom;
					border:1px #006494 solid;
					color:#006494;
					font-weight:bold;
					line-height:1.1em;
					padding:1px 5px;
					margin:3px 5px;
					float:left;
					font-size:0.9em;
				}
				
				
				div#left_detail > div > dl:nth-child(3) dd p:first-child{
					color:#e63b91;
					font-weight:bold;
					text-align:center;
					padding:5px 0;
					overflow:hidden;
					box-sizing:border-box;
					letter-spacing:0;
					position:relative;
					margin:0 0 5px 0;
				}
				
					div#left_detail > div > dl:nth-child(3) dd p:first-child span{
						display:inline-block;
						float:left;
						width:calc(100% - 70px);
						height:50px;
						line-height:44px;
						background-image:url('../img/money_bg_1.svg');
						background-position:left bottom;
						background-repeat:repeat;
						background-size:6px auto;
						margin:4px 0;
						padding:0 20px;
						box-sizing:border-box;
						border:3px #e52d8a solid;
						border-radius:10px;
					}
					
					div#left_detail > div > dl:nth-child(3) dd p:first-child strong{
						font-size:1.4em;
					
					}
				
				div#left_detail > div > dl:nth-child(3) dd p:first-child::before{
					content:'';
					display:inline-block;
					float:left;
					width:70px;
					height:58px;
					background-image:url('../img/money_bg_2.svg');
					background-position:left center;
					background-repeat:no-repeat;
					background-size:auto 58px;
				}
				
				
				div#left_detail > div > dl:nth-child(3) dd p:nth-child(2),
				div#left_detail > div > dl:nth-child(3) dd p:nth-child(3){
					text-align:right;
					font-size:0.8em;
					letter-spacing:0;
					font-weight:500;
					color:#808080;
					line-height:1.5em;
				}
				
				div#left_detail > div > dl:nth-child(3) dd p:nth-child(2)::after{
					content:'UP';
					color:#fff;
					font-weight:bold;
				}
					
					div#left_detail > div > dl:nth-child(3) dd p:nth-child(3) span{
						color:#30c5ff;
						font-weight:bold;
					}
					
/*スライダー*/
div.swiper-container div.swiper-slide{
	text-align:center;
}
	div.swiper-container div.swiper-slide > img{
		width:calc(100% - 20px);
		max-width:650px;
	}
div.swiper-pagination{
	position:relative;
	margin:15px auto 0 auto;
}


		div#left_detail > div > dl:nth-child(5){
			box-sizing:border-box;
			width:calc(100% - 20px);
			max-width:650px;
			overflow:hidden;
			margin:60px auto 0 auto;
			text-align:center;
			color:#808080;
			font-size:0.85em;
		}
		
	div#left_detail > div > div:nth-child(6){
		width:calc(100% - 20px);
		max-width:860px;
		margin:60px auto 30px auto;
		padding:10px 10px 10px 180px;
		background-image:
			url('../img/point_bg_2.svg'),
			url('../img/point_bg_1.svg');
		background-position:
			20px center,
			left bottom;
		background-size:
			140px auto,
			6px auto;
		background-repeat:
			no-repeat,
			repeat;
		box-sizing:border-box;
		color:#006494;
		font-weight:bold;
		font-size:1.0em;
		text-indent:0;
	}
	
	
	div#left_detail > div > table{
		background-color:#f9f8f0;
		border-collapse:separate;
		border-spacing:30px;
		border-radius:20px;
		width:calc(100% - 20px);
		max-width:860px;
		box-sizing:border-box;
		margin:30px auto;
		font-size:1.1em;
	}
	
	div#left_detail > div > table:last-child{
		margin-bottom:0;
	}
	
	div#left_detail > div > table.white{
		background-color:#fff;
	}
	div#left_detail > div > table.border{
		border:1px #30c5ff solid;
	}
	
	
		div#left_detail > div > table th{
			color:#0b3954;
			font-weight:bold;
			width:120px;
			vertical-align:top;
		}
		
		div#left_detail > div > table td{
			font-weight:500;
			text-indent:0;
		}
		
		div#left_detail > div > table td.blue{
			color:#006494;
			font-weight:bold;
			font-size:1.2em;
			line-height:1.5em;
		}
		
			div#left_detail > div > table td div.map{
				margin:20px auto;
				height:400px;
			}
			
				div#left_detail > div > table td div.map iframe{
					width:100%;
					height:100%;
				}
			
			div#left_detail > div > table td:first-child{
				overflow:hidden;
			}
			
			div#left_detail > div > table td dl{
				box-sizing:border-box;
				width:calc(50% - 20px);
				float:left;
				overflow:hidden;
			}
			
			div#left_detail > div > table td dl:first-child{
				margin-right:40px;
			}
			
				div#left_detail > div > table td dl dt{
					box-sizing:border-box;
					float:left;
					width:calc(100% - 20px);
					max-width:142px;
					height:72px;
					line-height:72px;
					background-image:url('../img/station_bg.svg');
					background-size:142px auto;
					background-position:center;
					background-repeat:no-repeat;
					padding:0 0 0 25px;
					font-weight:bold;
					font-size:0.9em;
				}
				
				div#left_detail > div > table td dl:last-child dt{
					padding:0 0 0 10px;
				}
				
				div#left_detail > div > table td dl dd{
					box-sizing:border-box;
					float:left;
					width:calc(100% - 142px);
					min-height:72px;
					margin:0;
					padding:8px 10px 8px 10px;
					background-color:#fff;
				}
		
		div#left_detail > div > table.border td{
			overflow:hidden;
		}
		
			div#left_detail > div > table.border td > span{
				display:inline-block;
				margin:0 5px 5px 0;
				padding:3px 5px;
				box-szing:border-box;
				border:1px #ccc solid;
				float:left;
				font-size:0.9em;
			}
	
	div#left_detail > div > h5{
		background-color:#006494;
		color:#fff;
		font-weight:bold;
		font-size:1.2em;
		line-height:33px;
		padding:0 5px 0 20px;
	}
	
	div#left_detail > div > h5::before{
		content:'\0300B';
		font-size:0.8em;
		line-height:33px;
		vertical-align:bottom;
	}



/*◆◆◆◆◆◆◆◆◆◆right_detail◆◆◆◆◆◆◆◆◆◆*/
	div#right_detail > a{
		display:block;
		width:calc(100% - 20px);
		max-width:254px;
		margin:20px auto 0 auto;
		background-image:url('../img/apply_1.svg');
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
	}
	
	div#right_detail > a.apply{
		background-image:url('../img/apply_2.svg');
	}
	
	div#right_detail > a:hover{
		opacity:0.5;
	}

	div#right_detail > a::after{
		content:'';
		display:block;
		padding-top:100%;
	}
	
		div#right_detail > a span{
			display:none;
		}

	div#right_detail > input[type=checkbox]{
		display:none;
	}
	
	div#right_detail > label{
		display:block;
		cursor:pointer;
		width:calc(100% - 20px);
		max-width:259px;
		height:75px;
		background-image:url('../img/bookmark_1.svg');
		background-position:center;
		background-size:cover;
		background-repeat:no-repeat;
		transition:0.1s;
		margin:0 auto;
	}
	
	div#right_detail > label:hover{
		opacity:0.5;
	}
	
	div#right_detail > input[type=checkbox]:checked + label{
		background-image:url('../img/bookmark_2.svg')
	}
	
	
	div#right_detail > dl{
		width:calc(100% - 20px);
		max-width:259px;
		box-sizing:border-box;
		border:1px #ccc solid;
		border-radius:26px;
		margin:60px auto 0 auto;
		text-align:center;
	}
	
		div#right_detail > dl dt{
			background-color:#85e9ff;
			font-weight:bold;
			margin:26px auto 0 auto;
			line-height:1.5em;
			padding:5px 0;
			font-size:1.1em;
			color:#0b3954;
		}
	
		div#right_detail > dl dd{
			box-sizing:border-box;
			padding:20px;
		}
		
			div#right_detail > dl dd ol{
				width:100%;
				border-bottom:1px #ccc solid;
			}
			
				div#right_detail > dl dd ol li{
					box-sizing:border-box;
					padding:5px 0 5px 60px;
					margin:10px auto;
					font-size:0.85em;
					font-weight:500;
					color:#808080;
					background-size:50px auto;
					background-position:left top;
					background-repeat:no-repeat;
					letter-spacing:0.05em;
					text-align:left;
				}
				
					div#right_detail > dl dd ol li span{
						color:#e52d8a;
						font-weight:bold;
					}
				
				div#right_detail > dl dd ol li:nth-child(1){
					background-image:url('../img/how_1.svg');
					min-height:156px;
				}
				div#right_detail > dl dd ol li:nth-child(2){
					background-image:url('../img/how_2.svg');
					min-height:103px;
				}
				div#right_detail > dl dd ol li:nth-child(3){
					background-image:url('../img/how_3.svg');
					min-height:97px;
					padding:12px 0 5px 60px;
				}
				div#right_detail > dl dd ol li:nth-child(4){
					background-image:url('../img/how_4.svg');
					min-height:43px;
					margin-bottom:60px;
					color:#e52d8a;
					font-size:1.2em;
					font-weight:bold;
					padding:12px 0 5px 60px;
				}
			
			div#right_detail > dl dd > p{
				box-sizing:border-box;
				color:#0b3954;
				font-size:1.2em;
				font-weight:bold;
				line-height:1.5em;
				margin:30px auto 15px auto;
			}
			
			div#right_detail > dl dd > a:hover{
				opacity:0.5;
			}
			
				div#right_detail > dl dd > a img{
					width:100%;
					max-width:210px;
				}
	
	
	div#right_detail > div{
		margin:80px auto 0 auto;
		width:calc(100% - 20px);
		max-width:259px;
	}
	
		div#right_detail > div > p:first-child{
			text-align:center;
			color:#0b3954;
			font-size:1.2em;
			font-weight:bold;
			line-height:1.5em;
			line-height:33px;
		}
		
		div#right_detail > div > p:first-child::before{
			content:'\0300B';
			font-size:0.8em;
			line-height:33px;
			vertical-align:bottom;
		}
		
		div#right_detail > div > p:nth-child(2){
			margin:10px auto;
			font-size:0.85em;
			font-weight:500;
			color:#808080;
			letter-spacing:0;
		}
		
		div#right_detail > div > a{
			display:block;
			font-size:0.85em;
			font-weight:bold;
			color:#0b3954;
			line-height:33px;
			text-align:center;
			background-color:#cef6ff;
			margin:20px auto 0 auto;
		}
		
		div#right_detail > div > a:hover{
			opacity:0.5;
			text-decoration:none;
		}
		
		div#right_detail > div > a::after{
			content:'\0003E\0003E';
			font-size:0.8em;
			line-height:33px;
			vertical-align:bottom;
		}
	
	
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
smf
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:1400px){
div#left_detail{
	width:calc(100% - 300px);
}

div#right_detail{
	max-width:300px;
}
}


@media screen and (max-width:1300px){
div#left_detail{
	width:100%;
	padding: 50px 25px 0 25px;
}
div#right_detail{
	width:calc(100% - 40px);
	max-width:100%;
	margin:0 auto;
	border:none;
	overflow:hidden;
}

p.return{
	float:none;
}

	div#left_detail > div{
		float:none;
	}
	
	div#right_detail > a{
		margin:0 auto;
	}
	div#right_detail > label{
		margin:0 auto;
	}
	
	div#right_detail > dl{
		margin:40px auto 0 auto;
		max-width:calc(100% - 20px);
	}
	
				div#right_detail > dl dd ol li:nth-child(1){
					min-height:43px;
					padding:5px 0 0 60px;
				}
				div#right_detail > dl dd ol li:nth-child(2){
					min-height:43px;
					padding:5px 0 0 60px;
				}
				div#right_detail > dl dd ol li:nth-child(3){
					min-height:43px;
					padding:5px 0 0 60px;
				}
				div#right_detail > dl dd ol li:nth-child(4){
					margin-bottom:10px;
				}
			
			div#right_detail > dl dd > p{
				margin:10px auto 15px auto;
			}
}

@media screen and (max-width:800px){
		div#left_detail > div > h4{
			font-size:1.2em;
			line-height:1.2em;
		}
		
		
			div#left_detail > div > dl:nth-child(3) dt{
				width:100%;
			}
			
				div#left_detail > div > dl:nth-child(3) dt p{
					font-size:1.2em;
					line-height:1.2em;
				}
			
			div#left_detail > div > dl:nth-child(3) dd{
				width:100%;
				max-width:100%;
				margin:20px auto 0 auto;
			}
			
			div#left_detail > div > table td dl{
				width:100%;
			}
			div#left_detail > div > table td dl:first-child{
				margin-right:0;
				margin-bottom:10px;
			}
}
@media screen and (max-width:600px){
		div#left_detail > div > dl:nth-child(3){
			padding:10px 0 10px 0;
		}
	
	
	div#left_detail > div > table{
		font-size:1.0em;
	}
	
	div#left_detail > div > table,
	div#left_detail > div > table tbody,
	div#left_detail > div > table tr,
	div#left_detail > div > table th,
	div#left_detail > div > table td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	
	div#left_detail > div > table{
		padding:20px;
	}
	
	div#left_detail > div > table td{
		margin:5px 0 20px 0;
		padding:0 0 20px 0;
		border-bottom:1px #ccc solid;
	}
	
	div#left_detail > div > table tr:last-child td{
		border:none;
		padding:0;
	}
	
				div#left_detail > div > table td dl dt{
					max-width:100px;
					height:50px;
					line-height:50px;
					background-size:100px auto;
					padding:0 0 0 15px;
					letter-spacing:0;
					font-size:0.8em;
				}
				
				div#left_detail > div > table td dl:last-child dt{
					padding:0 0 0 5px;
				}
				
				div#left_detail > div > table td dl dd{
					width:calc(100% - 100px);
					margin:0;
					min-height:50px;
				}
}

@media screen and (max-width:400px){
div#left_detail{
	padding:40px 10px 0 10px;
}
				div#left_detail > div > dl:nth-child(3) dd p:first-child span{
						width:100%;
				}
				
				div#left_detail > div > dl:nth-child(3) dd p:first-child::before{
					display:none;
				}
				
	div#left_detail > div > div:nth-child(6){
		width:100%;
		margin:40px auto 30px auto;
		padding:10px;
		background-image:
			url('../img/point_bg_1.svg');
		background-position:
			left bottom;
		background-size:
			6px auto;
		background-repeat:
			repeat;
		box-sizing:border-box;
	}
	
			div#left_detail > div > table td div.map{
				height:300px;
			}
}