@charset "UTF-8";

/* #mv
--------------------------------------------------*/

#u-mv .mvImg{
	background-image: url(../img/pc/bg_mv.jpg);
	/* background-size: 1000px; */
}
	#u-mv h2 span{
		width: 100px;
	}




/* .intro
--------------------------------------------------*/

#intro {
    padding-bottom: 110px;
}


@media screen and (max-width: 768px) {
#intro {
    padding-bottom: 50px;
}
	#intro .secTxt {
		text-align: justify;
	}
}




/* .floatBox
--------------------------------------------------*/

.floatBox{
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 80px;
}
		.floatBox .imgBox {
			max-width: 600px;
			width: 54.5455%;
		}
		.floatBox .txtBox {
			max-width: 430px;
			width: 39.091%;
			text-align: left;
			align-self: stretch;
		}
			.floatBox .table {
				display: table;
				width: 100%;
				height: 100%;
			}
			.floatBox .tableCell {
				display: table-cell;
				vertical-align: middle;
			}
			.floatBox .txtBox p {
					line-height: 2.375;
					margin-top: 25px;
					letter-spacing: -0.9px;
					text-align: justify;
				}
				.floatBox h4 {
					font-size: 30px;
					line-height: 1.6666;
					letter-spacing: -1px;
					padding-bottom: 25px;
					position: relative;
				}
				.floatBox h4:after {
					content: "";
					border-bottom: 1px solid #BFAB47;
					max-width: 430px;
					width: 27.907%;
					position: absolute;
					display: block;
					padding-bottom: 25px;
				}


@media screen and (max-width: 768px) {
.floatBox {
	max-width: 560px;
	width: 100%;
	padding-top: 50px;
}
	.floatBox .imgBox {
		max-width: 560px;
		width: 100%;
	}
	.floatBox .txtBox {
		max-width: 560px;
		width: 100%;
	}
		.floatBox h4 {
			line-height: 1.5;
			font-size: 17px;
			letter-spacing: .1em;
			padding-bottom: 0;
			margin-top: 20px;
		}
		.floatBox h4:after {
			content: none;
		}
		.floatBox .txtBox p {
			line-height: 2;
			margin-top: 15px;
			font-size: 14px;
			letter-spacing: .1em;
		}
}




/* #web
--------------------------------------------------*/

#web {
	padding-bottom: 200px;
}
	#web .secTtl {
		padding-top: 80px;
		line-height: 1;
	}
	#web .secTxt {
	    text-align: center;
	}
	
	#web h4 .space1 {
	    letter-spacing: -0.5em;
	}
	#web h4 .space2 {
	    letter-spacing: -0.5em;
	}
	#web .txtBox p.notes {
		line-height: 2.1428;
		margin-top: 45px;
		font-size: 14px;
		color: #918B8A;
	}


@media screen and (max-width: 768px) {
#web {
	padding-top: 0;
	padding-bottom: 50px;
}
	#web .secTtl {
		padding-top: 50px;
	}
	#web .secTxt {
    text-align: justify;
	}
	
	#web .txtBox p.notes {
		line-height: 2;
		margin-top: 30px;
		font-size: 12px;
		letter-spacing: .1em;
	}
}




/* #dtp
--------------------------------------------------*/

#dtp {
	padding-bottom: 150px;
}
	#dtp .secTtl {
		padding-top: 80px;
	}

	#dtp .floatBox {
		flex-direction: row-reverse;
	}


@media screen and (max-width: 768px) {
#dtp {
	padding-top: 0;
	padding-bottom: 70px;
}
	#dtp .secTtl {
		padding-top: 50px;
	}
	#dtp .secTxt {
    	text-align: justify;
	}
}


@media screen and (max-width: 375px){		
	#dtp .secTxt {
    	text-align: justify;
	}
}