@charset "utf-8";
/* CSS Document */


/* common
   ========================================================================== */
body{
	background: url(../images/services/dvd/common/bg.png) repeat;
}

.dvd_inner{
	margin: auto;
	padding: 10vw 3vw;
}

.white_bg{
	background: rgba(255,255,255,0.60);
}

.sec_title{
	margin: 0 0 5vw;
	text-align: center;
	line-height: 0;
}

.main_btn{
	line-height: 0;
	text-align: center;
}

.main_btn a{
	display: inline-block;
}


/* main_visual
   ========================================================================== */
.main_visual{
	margin: 0 0 0;
}

.main_visual .dvd_inner{
	padding: 0;
	position: relative;
	line-height: 0;
	text-align: center;
}

.main_visual .btn{
	position: absolute;
	line-height: 0;
	bottom: 6vw;
	left: 2vw;
	width: 45%;
}

.main_visual .btn a{
	display: block;
}


/* pankuzu
   ========================================================================== */
.pankuzu{
	padding: 3vw 3vw 7vw;
	margin: 0;
}


/* sec01
   ========================================================================== */
.sec01 .dvd_inner{
	text-align: center;
}

.sec01 .border_box{
	margin: 0 0 5vw;
	padding: 3vw;
	border: 3px solid #005BAC;
	line-height: 0;
}

.sec01 .arrow{
	margin: 0 auto 5vw;
	width: 60%;
	line-height: 0;
}

.sec01 .text02{
	margin: 0 auto 5vw;
	line-height: 0;
}


/* sec02
   ========================================================================== */
.sec02 .dvd_inner{
	text-align: center;
}

.sec02 .border_box{
	margin: 0 auto 5vw;
	padding: 2vw;
	border-left: 1px solid #B49D00;
	border-right: 1px solid #B49D00;
	line-height: 0;
	box-sizing: border-box;
	width: 95%;
}

.sec02 ul{
	margin: 0 0 0;
	font-size: 0;
}

.sec02 ul li{
	margin: 0 0 10vw;
	padding: 0 1vw;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 33%;
	line-height: 0;
}

/* chapter common
   ================================== */
.chapter_box{
	margin: 0 0 10vw;
	background: #fff;
	padding: 0 3vw 3vw;
}

.sec02 h3{
	margin: 0 0 5vw;
	line-height: 0;
	text-align: left;
}

.sec02 h3 img{
	margin: -3.5vw 0 0;
	width: 70%;
}

/* chapter01
   ================================== */
#chapter01 .chapter_text{
	margin: 0 0 5vw;
	line-height: 0;
}

#chapter01 .photo{
	margin: 0 auto 0;
	line-height: 0;
}

/* chapter02
   ================================== */
#chapter02 .chapter_text01{
	margin: 0 0 5vw;
	line-height: 0;
}

#chapter02 .chapter_text02{
	margin: 0 0 5vw;
	line-height: 0;
}

/* chapter03
   ================================== */
#chapter03 .chapter_text{
	margin: 0 0 5vw;
	line-height: 0;
}

#chapter03 .photo{
	margin: 0 auto 0;
	line-height: 0;
	width: 60%;
}

/* chapter04
   ================================== */
#chapter04 .chapter_text{
	margin: 0 0 5vw;
	line-height: 0;
}

#chapter04 .photo{
	margin: 0 auto 0;
	line-height: 0;
}

/* chapter05
   ================================== */
#chapter05 h4{
	margin: 0 0 2vw;
	line-height: 0;
}

#chapter05 .chapter_text01{
	margin: 0 0 1.5vw;
	line-height: 0;
}

#chapter05 .chapter_text02{
	margin: 0 0 0;
	line-height: 0;
}

/* chapter06
   ================================== */
#chapter06{
	margin: 0 0 5vw;
}

#chapter06 .chapter_text{
	margin: 0 0 5vw;
	line-height: 0;
}

#chapter06 .photo{
	margin: 0 auto 0;
	line-height: 0;
}


/* sec03
   ========================================================================== */
.sec03{
	background: url(../images/services/dvd/common/bg_blue.png) repeat;
}

.sec03 .dvd_inner{
	text-align: center;
}

.sec03 .top_block{
	margin: 0 0 5vw;
}

.sec03 .top_block .text{
	margin: 0 auto 0;
	line-height: 0;
	width: 58%;
}

.sec03 .top_block .photo{
	margin: 0 auto 0;
	line-height: 0;
}

.sec03 .graph{
	margin: 0 0 5vw;
	line-height: 0;
}

.sec03 .graph h3{
	margin: 0 0 2vw;
	line-height: 0;
}


/* sec04
   ========================================================================== */
.sec04 .dvd_inner{
	text-align: center;
}

.sec04 .border_box{
	margin: 0 0 5vw;
	padding: 3vw;
	text-align: center;
	border: 5px solid #B49D00;
}

.sec04 .border_box .text{
	margin: 0 0 5vw;
	line-height: 0;
}

.sec04 .border_box .photo{
	margin: 0 auto 0;
	line-height: 0;
	width: 50%;
}

.sec04 .text02{
	margin: 0 0 5vw;
	line-height: 0;
}

.sec04 .arrow{
	margin: 0 0 -25vw;
	line-height: 0;
}


/* sec05
   ========================================================================== */
.sec05{
	background: url(../images/services/dvd/common/bg_gold.png) repeat;
}

.sec05 .dvd_inner{
	padding: 20vw 3vw 10vw;
}

.sec05 .border_box{
	margin: 0 0 0;
	padding: 3vw 3vw 6vw;
	background: #fff;
	border: 1px solid #005BAC;
	font-size: 0;
}

.sec05 .border_box .photo{
	margin: 0 auto 3vw;
	line-height: 0;
	width: 80%;
}

.sec05 .border_box .text{
	margin: 0 auto 0;
	padding: 3vw;
	line-height: 0;
	border: 3px solid #10225F;
	width: 65%;
}


/* form
   ========================================================================== */

.form .radio label{
	display: inline-block;
	margin: 0 10px 10px 0;
}

.form .radio label input{
	display: inline-block;
	width: auto;
}

@media screen and (min-width : 768px){


	/* main_visual
	   ========================================================================== */
	.main_visual{
		margin: 0 0 0;
		position: relative;
	}
	
	.main_visual::after{
		content: "";
		background: #10225F;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 7vw;
		z-index: -1;
	}
	
	.main_visual .btn{
		bottom: 2vw;
		left: 3.5vw;
		width: 35%;
	}


	/* pankuzu
	   ========================================================================== */
	.pankuzu{
		margin: 0;
		padding: 10px 10px 35px;
	}


	/* sec02
	   ========================================================================== */
	.sec02 .border_box{
		margin: 0 auto 5vw;
		padding: 2vw;
		width: 95%;
	}
	
	.sec02 ul{
		margin: 0 0 0;
		font-size: 0;
	}
	
	.sec02 ul li{
		margin: 0 0 10vw;
		padding: 0 2px;
		width: 16%;
	}
	
	/* chapter common
	   ================================== */
	.chapter_box{
		margin: 0 0 10vw;
		padding: 0 3vw 3vw 0;
		font-size: 0;
	}
	
	.sec02 h3{
		margin: 0 0 20px;
		width: 60%;
	}
	
	.sec02 h3 img{
		margin: -14px 0 0;
		width: 70%;
	}
	
	/* chapter01
	   ================================== */
	#chapter01 .chapter_text{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter01 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter02
	   ================================== */
	#chapter02 .chapter_text01{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter02 .chapter_text02{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter03
	   ================================== */
	#chapter03 .chapter_text{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter03 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter03 .photo img{
		width: 60%;
	}
	
	/* chapter04
	   ================================== */
	#chapter04 .chapter_text{
		margin: 0 0 5vw;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter04 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter05
	   ================================== */
	#chapter05 h4{
		margin: 0 0 2vw;
		display: block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
		text-align: left;
	}
	
	#chapter05 .chapter_text01{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter05 .chapter_text02{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter06
	   ================================== */
	#chapter06 .chapter_text{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter06 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}


	/* sec03
	   ========================================================================== */
	.sec03 .top_block{
		margin: 0 0 40px;
		font-size: 0;
	}
	
	.sec03 .top_block .text{
		padding: 0 15px 0 0;
		line-height: 0;
		width: 40%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
	}
	
	.sec03 .top_block .photo{
		width: 60%;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		border-left: 1px solid #B49D00;
	}
	
	.sec03 .graph{
		margin: 0 0 5vw;
	}
	
	.sec03 .graph h3{
		margin: 0 0 2vw;
	}


	/* sec04
	   ========================================================================== */
	.sec04 .border_box{
		margin: 0 0 5vw;
		padding: 20px;
		text-align: center;
		font-size: 0;
	}
	
	.sec04 .border_box .text{
		margin: 0 0 0;
		width: 70%;
		display: inline-block;
		vertical-align: bottom;
		box-sizing: border-box;
	}
	
	.sec04 .border_box .photo{
		margin: 0 auto 0;
		padding: 0 0 0 15px;
		width: 30%;
		display: inline-block;
		vertical-align: bottom;
		box-sizing: border-box;
	}
	
	.sec04 .text02{
		margin: 0 auto 5vw;
		width: 80%;
	}
	
	.sec04 .arrow{
		margin: 0 0 -17vw;
		line-height: 0;
	}


	/* sec05
	   ========================================================================== */
	.sec05 .dvd_inner{
		padding: 10vw 3vw 10vw;
	}
	
	.sec05 .border_box{
		margin: 0 0 0;
		padding: 3vw 3vw 6vw;
	}
	
	.sec05 .border_box .photo{
		margin: 0 auto 0;
		line-height: 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 60%;
	}
	
	.sec05 .border_box .text{
		margin: 0 auto 0;
		padding: 20px;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 40%;
	}

	
	/* form
	   ========================================================================== */
	#contact {
    	margin: 0 auto 0;
    	padding: 0 20px 70px;
	}
	
}
@media screen and (min-width : 769px){


	/* common
	   ========================================================================== */
	body{
		min-width: 1040px !important;
	}
	
	.dvd_inner{
		width: 1040px !important;
		padding: 75px 20px;
		box-sizing: border-box;
	}

	.sec_title{
		margin: 0 0 45px;
	}
	
	
	/* main_visual
	   ========================================================================== */
	.main_visual{
		margin: 0 0 0;
		position: relative;
	}
	
	.main_visual::after{
		height: 82px;
	}
	
	.main_visual .dvd_inner{
		padding: 0 0 0;
	}
		
	.main_visual .btn{
		bottom: 28px;
		left: 40px;
		width: auto;
	}
	
	.main_visual .btn a:hover{
		opacity: .8;
	}


	/* pankuzu
	   ========================================================================== */
	.pankuzu{
		margin: 0 0 0;
		padding: 20px 0 0;
	}


	/* sec01
	   ========================================================================== */
	.sec01 .dvd_inner{
		padding: 75px 20px;
	}
	
	.sec01 .border_box{
		margin: 0 auto 40px;
		padding: 30px 0;
		border: 3px solid #10225F;
		line-height: 0;
		width: 800px;
		box-sizing: border-box;
	}
	
	.sec01 .arrow{
		margin: 0 auto 40px;
		width: 100%;
		line-height: 0;
	}
	
	.sec01 .text02{
		margin: 0 auto 40px;
		line-height: 0;
	}


	/* sec02
	   ========================================================================== */
	.sec02 .border_box{
		margin: 0 auto 42px;
		padding: 0 25px;
		width: 724px;
	}
	
	.sec02 ul{
		margin: 0 0 90px;
		font-size: 0;
	}
	
	.sec02 ul li{
		margin: 0 8px 0 0;
		padding: 0;
		width: 160px;
	}
	
	.sec02 ul li:last-child{
		margin: 0;
		padding: 0;
	}
	
	/* chapter common
	   ================================== */
	.chapter_box{
		margin: 0 0 75px;
		padding: 0 40px 40px 0;
		font-size: 0;
	}
	
	.sec02 h3{
		margin: 0 0 25px;
		width: 100%;
	}
	
	.sec02 h3 img{
		margin: -14px 0 0;
		width: 70%;
	}
	
	/* chapter01
	   ================================== */
	#chapter01 .chapter_text{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter01 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter02
	   ================================== */
	#chapter02 .chapter_text01{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter02 .chapter_text02{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter03
	   ================================== */
	#chapter03 .chapter_text{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter03 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter03 .photo img{
		width: 60%;
	}
	
	/* chapter04
	   ================================== */
	#chapter04 .chapter_text{
		margin: 0 0 5vw;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter04 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter05
	   ================================== */
	#chapter05 h4{
		margin: 0 0 2vw;
		display: block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
		text-align: left;
	}
	
	#chapter05 .chapter_text01{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter05 .chapter_text02{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	/* chapter06
	   ================================== */
	#chapter06{
		margin: 0 0 50px;
	}

	#chapter06 .chapter_text{
		margin: 0 0 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}
	
	#chapter06 .photo{
		margin: 0 auto 0;
		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 50%;
	}


	/* sec03
	   ========================================================================== */
	.sec03 .top_block{
		margin: 90px 0 110px;
	}
	
	.sec03 .top_block .text{
		padding: 0 0 0 0;
		width: 40%;
	}
	
	.sec03 .top_block .photo{
		padding: 0 0 0 10px;
		width: 60%;
	}
	
	.sec03 .graph{
		margin: 0 0 50px;
	}
	
	.sec03 .graph h3{
		margin: 0 0 15px;
	}


	/* sec04
	   ========================================================================== */
	.sec04 .border_box{
		margin: 0 0 45px;
		padding: 25px;
	}
	
	.sec04 .border_box .text{
		margin: 0 0 0;
	}
	
	.sec04 .border_box .photo{
		margin: 0 auto 0;
		padding: 0 0 0 15px;
	}
	
	.sec04 .text02{
		margin: 0 auto 40px;
		width: 100%;
	}
	
	.sec04 .arrow{
		margin: 0 0 -130px;
		line-height: 0;
	}


	/* sec05
	   ========================================================================== */
	.sec05 .dvd_inner{
		padding: 100px 20px 75px;
	}
	
	.sec05 .border_box{
		margin: 0 0 0;
		padding: 35px;
	}
	
	.sec05 .border_box .photo{
		margin: 0 auto 0;
		width: 65%;
	}
	
	.sec05 .border_box .text{
		margin: 0 auto 0;
		padding: 20px;
		width: 35%;
	}


	/* contact
	   ========================================================================== */
	#contact{
		padding: 0;
	}

	
	/* form
	   ========================================================================== */
	.form .privacy_text{
		text-align: left;
	}

	#contact .bottom_text{
		margin: 50px 0 0;
		padding: 0 40px;
		font-size: 20px;
		line-height: 150%;
	}

}