/* contents width adjust */

.mod-column2 .mod-column2-main {
	float: none;
	width: 950px;
}


/* title pc and sp mode display adjust */

.title-sp {
	display: none;
}

.title-pc img {
	display: block;
	margin: 0 auto;
}

/* key visual area */

.mod-column2 .mod-column2-main .key-area h2 {
	text-align: center;
	margin: 40px 0 0 0;
	font-size:3em;
}

	.mod-column2 .mod-column2-main .key-area p {
		display: block;
		text-align: center;
		margin: 30px 0;
		font-size: 18px;
	}

		.mod-column2 .mod-column2-main .key-area p span {
			display: block;
		}

	.mod-column2 .mod-column2-main .key-area .key {
		display: block;
	}
	
/* background black area */	

.mod-column2 .mod-column2-main .bg-black-area {
	background-color: #000000;
	padding: 40px 30px;
}

	.mod-column2 .mod-column2-main .bg-black-area h3 {
		color: #FFF;
		text-align: center;
		margin: 0 0 40px 0;
		font-size: 22px;
	}
	
		.mod-column2 .mod-column2-main .bg-black-area h3 span {
			display: block;
		}

			.mod-column2 .mod-column2-main .bg-black-area p {
				color: #FFF;
				font-size: 14px;
				margin: 0;
			}
			
/* detail area */

.mod-column2 .mod-column2-main .detail-area {
	margin: 80px 0 0 0;
}

	.mod-column2 .mod-column2-main .detail-area h3 {
		text-align:center;
		margin: 0;
		font-size:1.8em;
		font-weight:normal;
		letter-spacing:0.15em;
	}
		
	.mod-column2 .mod-column2-main .detail-area img.heading-line {
		display: block;
		margin: 40px auto 40px;
	}	
	
		.mod-column2 .mod-column2-main .detail-area .detail-img-area {
			margin-bottom: 30px;
		}

			.mod-column2 .mod-column2-main .detail-area .detail-img-area img {
				display: block;
			}
		
			.mod-column2 .mod-column2-main .detail-area .detail-img-area p {
				text-align: center;
				margin: 10px 0 0 0;
				font-size: 12px;
			}
	
	/* left-area and right-area wrap */	
		
	.mod-column2 .mod-column2-main .detail-area .left-right-wrap {
		margin-top: 0;
	}
		
		
		/* right-area */
		
		.mod-column2 .mod-column2-main .detail-area .right-area {
			float: right;
			width: 300px;
		}
		
			.mod-column2 .mod-column2-main .detail-area .right-area .img-text {
				background-color: #f2f2f2;
				padding-bottom: 10px;
			}
		
				.mod-column2 .mod-column2-main .detail-area .right-area .img-text.next {
					margin: 10px 0 0 0;					
				}
		
					.mod-column2 .mod-column2-main .detail-area .right-area .img-text img {
						margin: 10px 10px 0 10px;
					}
					
						.mod-column2 .mod-column2-main .detail-area .right-area .img-text p {
							margin: 5px 10px 0 10px;
							font-size: 12px;
						}
						
								.mod-column2 .mod-column2-main .detail-area .right-area p span {
									display: block;
						}
	
		
		/* left-area */
			
		.mod-column2 .mod-column2-main .detail-area .left-area {
			float: left;
			width: 620px;
		}
		
				.mod-column2 .mod-column2-main .detail-area .left-area p {
					margin-bottom: 30px;
					font-size: 14px;
				}
				
					.mod-column2 .mod-column2-main .detail-area .left-area p.last {
						margin-bottom: 0;
					}
					
						.mod-column2 .mod-column2-main .detail-area .left-area p b {
							margin-right: 15px;
						}
				
/* border-desc-area */

.mod-column2 .mod-column2-main .border-desc-area {
	border: 1px solid #666666;
	margin: 60px 0 0 0;
	padding: 35px 20px 30px;
}

	.mod-column2 .mod-column2-main .border-desc-area h4 {
		text-align: center;
		margin: 0 0 35px 0;
		font-size:2em;
	}

	.mod-column2 .mod-column2-main .border-desc-area h5 {
		text-align: center;
		font-size: 14px;
	}
		
			.mod-column2 .mod-column2-main .border-desc-area p {
				margin: 0;
				word-break: break-all;
				font-size: 14px;
			}
			
				.mod-column2 .mod-column2-main .border-desc-area p b {
					margin-right:10px;
				}
			
				.mod-column2 .mod-column2-main .border-desc-area p.next {
					margin: 30px 0 0 0;
				}
			
	
/* other-area */

.mod-column2 .mod-column2-main .other-area {
	margin-top: 60px;
}

	.mod-column2 .mod-column2-main .other-area h3 {
		text-align: center;
		margin: 0 0 30px 0;
	}
	
	.mod-column2 .mod-column2-main .other-area h4 {
		text-align: center;
		margin: 0 0 30px 0;
		font-size:2em;
	}
	
		.mod-column2 .mod-column2-main .other-area .other-img-area img {
			display: block;
		}
		
					.mod-column2 .mod-column2-main .other-area .other-img-area p {
						text-align: center;
						margin: 10px 0 0 0;
						font-size: 14px;
					}
					
					
/* text-only-area */

.mod-column2 .mod-column2-main .text-only-area {
	margin-top: 0;
}

	.mod-column2 .mod-column2-main .text-only-area p {
		margin-bottom: 30px;
		font-size: 14px;
	}
	
	.mod-column2 .mod-column2-main .text-only-area p.last {
		margin-bottom: 0;
	}
	
		.mod-column2 .mod-column2-main .text-only-area p b {
			margin-right: 15px;
		}

	



@media (max-width: 640px) {
	
/* contents width adjust */
		
.mod-column2 .mod-column2-main {
	width: 100%;
}

/* title pc and sp mode display adjust */

.title-sp {
	display: block;
}

.title-pc img {
	display: none;
}

.mod-column2 .mod-column2-main .key-area h2 {
	text-align: center;
	margin: 40px 0 0 0;
	font-size:2em;
}

/* key visual area */

.mod-column2 .mod-column2-main .key-area h2 span.title-pc img {
	display: none;
}

	.mod-column2 .mod-column2-main .key-area p {
		font-size: 16px;
	}

	.mod-column2 .mod-column2-main .key-area img {
		width: 100%;
		height: auto;
		
	}
	
.mod-column2 .mod-column2-main .bg-black-area h3 {
		color: #FFF;
		text-align: center;
		margin: 0 0 40px 0;
		font-size: 22px;
	}
	
	
/* background black area */		
	
.mod-column2 .mod-column2-main .bg-black-area {
	padding: 35px 30px;
}
	
	.mod-column2 .mod-column2-main .bg-black-area h3 {
		font-size: 15px;
		margin-bottom: 30px;
		text-align: left;
	}
	
/* detail area */	
	
.mod-column2 .mod-column2-main .detail-area {
	margin: 40px 0 0 0;
}

	.mod-column2 .mod-column2-main .detail-area h3 {
		text-align:center;
		margin: 0;
		font-size:1.5em;
		letter-spacing:normal;
	}
	
	

	.mod-column2 .mod-column2-main .detail-area .detail-img-area img {
		width: 100%;
		height: auto;
	}
	
	.mod-column2 .mod-column2-main .detail-area .left-area,
	.mod-column2 .mod-column2-main .detail-area .right-area {
		float: none;
		width: 100%;
	}
	
	
	.mod-column2 .mod-column2-main .detail-area .right-area {
		margin: 0 0 30px 0;
	}
	
		.mod-column2 .mod-column2-main .detail-area .right-area .img-text {
			padding-top: 10px;
		}
		
			.mod-column2 .mod-column2-main .detail-area .right-area .img-text img {
				display: block;
				margin: 0 auto 0;
			}
			
			.mod-column2 .mod-column2-main .detail-area .right-area .img-text p {
				width: 280px;
				margin: 10px auto 0;
			}
	

		
/* other-area */	

.mod-column2 .mod-column2-main .other-area {
	margin: 30px 0 0 0;
}
		
.mod-column2 .mod-column2-main .other-area .other-img-area img {
	width: 100%;
	height: auto;		
}

/* border-desc-area */	
		
.mod-column2 .mod-column2-main .border-desc-area {
	margin: 40px 0 0 0;
	padding-top: 30px;
}

	.mod-column2 .mod-column2-main .border-desc-area h4 {
		margin: 0 0 20px 0;
	}
	
/* text-only-area */
	
	.mod-column2 .mod-column2-main .text-only-area {
	margin-top: 30px;
}
	

}



/* youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* link */
.link_arrow {
    padding-left: 12px;
    background: url("/xdcam/images/arrow_black.png") no-repeat left 6px;
}