/*
LS CSS
by HYH
*/



.page_title.ut{
	background:url(../images/ut/ut1_vol07.png) no-repeat center top;
	padding-top: 0px;
}

.page_title.ut .title_main{
	background:url(../images/ut/ut1-0_vol07.png) no-repeat right top;
	width:1400px;
	margin:0 auto;	
    padding-top: 174px;
    height: 600px;
}

.page_title.ut .title_box h2,
.page_title.ut .title_box h3,
.page_title.ut .title_box h4{
	color:#000;
}
.page_title.ut .title_box h2 span:before{
	border-color:#000;
}


.ut_top{

}


.page_ut section{
	margin-top:100px;
}

.page_ut section h5{
	text-align:center;
	margin-bottom:60px;
}

/* sec1 */

.page_ut .sec1,
.page_ut .sec3{
	padding:60px;
	background-color:#ffcdce;
}


.sec1 .txt_box{
	margin-bottom:60px;
}


.info_box{
	width:720px;
	margin:0 auto;
	padding:50px;
	background-color:#FFF;
}

.info_line{
	margin-top:50px;
}
.info_line div{
	display: inline-block;
	width:88%;
	padding-left:30px;
}
.page_main.page_ut .info_box p{
	font-size:1.9rem;
	line-height: 30px;
	color:#0569a0;
	font-weight:300;
}

.page_main.page_ut .info_box p.hd{
	font-size:2.0rem;
	font-weight:500;
	border-bottom:1px solid #0569a0;
}

/* sec2 */

.page_ut .sec2{
	padding:60px;
	padding-bottom:0px;
	background-color:#FFF;
}

.sec2 .txt_box{
	margin-bottom:50px;
}

.p_margin{
	margin-top:50px;
}


.sec3 .txt_box{
	margin-bottom:100px;
}

.sec3 .txt_box2{
	text-align:center;
	font-size:2.2rem;
	line-height: 34px;
	color:#0569a0;
	font-weight:400;
}

@media all and (max-width:1279px){
	.page_main.page_ut{
		margin:0 50px;
		padding:50px 0;
	}
	.page_title.ut .title_main{
		width:100%;
		background-size: 60%;
		background-position: center right;
	}	
	.page_ut section{
		margin-top: 50px;
	}
	.page_ut .sec2 {
		padding: 60px 60px 0 60px;
	}
	.sec3 .txt_box {
		margin-bottom: 50px;
	}

	.page_ut .info_box{
		width:100%;
	}

	.page_ut .info_line div{
		width: calc(100% - 83px);
	}
}

@media all and (max-width:567px){

	.page_main.page_ut{
		margin:0 0px;
	}

	.page_title.ut .title_main{
		background-size: 100%;
		background-position: right bottom;
		padding-top: 80px;
	}

	.page_ut section{
		margin-top:50px;
	}
	.page_ut .sec1, 
	.page_ut .sec2,
	.page_ut .sec3{
		padding: 10%;
	}

	.sec2 .txt_box {
		margin-bottom: 20px;
	}

	.sec3 .txt_box {
		margin-bottom: 50px;
	}

	.page_ut .info_box{
		padding: 10%;
	}

	.page_ut .info_line{
		text-align:center;
	}

	.page_ut .info_line > img{
		display: block;
		margin: 0 auto;
	}

	.page_ut .info_line div{
		width:100%;
		padding-left: 0px;
	}

}