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

/*----------コンテンツ----------*/
.p_01 {
	background-image: url("../../images/p_01.jpg");
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	padding: 50px 2% 40px;
}
.title {
	font-size: 250%;
	margin-left: 2%;
	margin-bottom: 20px;
	font-family: 'Cormorant Garamond','century';
	font-weight: normal;
	color: #1E1908;
}
h4, h5 {
	font-weight: normal;
	margin-left: 4%;
	margin-bottom: 1em;
}
h4 {
	margin-top: 1em;
}
.p_01 ul li {
	width: 45%;
	line-height: 18px;
	margin: 1em 1em 1em 4%;
}
.p_01 ul li a {
	text-decoration: underline #7B5BFF;
	color: #7B5BFF;
	display: inline-block;
}
.p_02 {
	background-image: url("../../images/p_02.jpg");
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	padding: 50px 2% 40px 56%;
}
.p_0204t {
	margin-left: -8%;
}
.p_03 {
	background-image: url("../../images/p_03.jpg");
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	padding: 50px 2% 40px;
}
.p_03 dl {
	width: 39%;
}
.p_04 {
	background-image: url("../../images/p_04.jpg");
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	padding: 50px 2% 40px 56%;
}
.p_04 dl {
	margin-left: -6%;
}
.p_05 {
	background-image: url("../../images/p_05.jpg");
	background-repeat: no-repeat;
	background-position: center center;
    background-size: cover;
	padding: 50px 2% 40px;
}
.p_03 dl, .p_05 dl {
	margin-left: 2%;
}
.p_05 dl {
	width: 43%;
}
dl {
	line-height: 18px;
	padding: 0 1em 1em 2em;
}
dt {
	float: left;
}
dd {
	padding-left: 7em;
	padding-bottom: 1em;
}
.link {
	text-decoration: underline #7B5BFF;
}
.link a {
	color: #7B5BFF;
}
.p_01 ul li a:hover, .link a:hover {
	opacity: 0.5;
}
/*---------- メディアクエリ ----------*/
@media only screen and (max-width: 970px) {
	.p_01 ul li, .p_03 dl, .p_05 dl, .p_02 dl, .p_04 dl {
		width: 88%;
		padding: 0;
	}
	.p_01 ul li, h4, h5, .p_03 dl, .p_05 dl {
		margin-left: 3%;
	}
	#p_02t, .title {
		margin-left: 0%;
	}
	.p_02 dl, .p_04 dl {
		padding-left: 3%;
		margin-right: 0%;
	}
	.p_04 dl {
		margin-left: 0%;
		padding-right: 1%;
}
	.p_01, .p_02, .p_03, .p_04, .p_05 {
		background-repeat: no-repeat;
		background-position: center center;
    	background-size: cover;
		padding: 50px 2% 40px 13%;
	}
	.p_01 {
		background-image: url("../../images/p_01_r.jpg");
	}
	.p_02 {
		background-image: url("../../images/p_02_r.jpg");
	}
	.p_03 {
		background-image: url("../../images/p_03_r.jpg");
	}
	.p_04 {
		background-image: url("../../images/p_04_r.jpg");
	}
	.p_05 {
		background-image: url("../../images/p_05_r.jpg");
	}	
}

@media only screen and (max-width : 982px ){
	dd {
		padding-bottom: 1.5em;
	}
	.title {
		font-size: 150%;
		padding: 0px 0 10px;
		text-align: center;
	}
	.p_01, .p_02, .p_03, .p_04, .p_05 {
		padding: 30px 3% 15px;
	}
}