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

.pageReport h1.wallTitle { font-size: 1.5rem;}
.pageReport h1.wallTitle span { font-size: 28px;}
.pageReport .wallTitle span:before { margin-bottom: 25px;}

.pageReport .report p { line-height: 1.8; font-size: 105%; letter-spacing: 0.075em;}
.pageReport .report .photo img { max-width: 100%; height: auto;}

.pageReport .report h2 {
	background:linear-gradient(to right, #0a1630, #1e7cda);
	padding: 60px 20px;
	text-align: center;
	font-size: 25px;
	color: #fff;
	font-weight: normal;
	line-height: 1.5;
}
.pageReport .report h2 span {
	display: block;
	font-size: 30px;
	margin-top: 15px;
	letter-spacing: 0.075em;
	opacity: 0.7;
}
.pageReport .main {
	text-align: center;
	margin: 40px 0;
}
.pageReport .report .main.photo img { max-width: 95%; height: auto; }

.pageReport .pointlink {
	margin: 60px 0;
}
.pageReport .pointlink ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageReport .pointlink ul li {
	color: #fff;
	width: 33%;
	text-align: center;
	line-height: 1.5;

}

.pageReport .pointlink ul li span {
	display: block;
	margin-bottom: 10px;
}

.pageReport .pointlink ul li a {
	display:block;
	color: #fff;
	text-decoration: none;
	padding: 20px;
	background:linear-gradient(45deg, #0a1630, #1e7cda);
	transition : .5s;		

}
.pageReport .pointlink ul a:hover {
	background:linear-gradient(45deg, #1e7cda, #0a1630);
	transition : .5s;
	opacity: 0.7;
}
.pageReport .pointlink ul li a:after {
	content: "\f078";
	color: #fff;
	display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;	
}
.pageReport .headingTitle {
	position: relative;
	font-size: 28px;
	text-align: center;
}

.pageReport .headingTitle::before {
	content: attr(data-number);
	display: block;
	margin-bottom: 30px;
	color: #1e7cda;
	font-size: 25px;
}

.pageReport .headingTitle::after {
	content: '';
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    height: 12px;
    background-color: #1e7cda;
}
.pageReport .subtitle {
	font-size: 24px;
	margin: 60px 0 40px;
	text-align: center;
	color: #666666;
	letter-spacing: 0.075em;
}

.pageReport .point1,
.pageReport .point2,
.pageReport .point3{ padding-top: 80px;}

.pageReport .point1 .imgArea {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.pageReport .phototext {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageReport .phototext .leftphoto {
	width: 290px;
}
.pageReport .phototext .leftphoto .profile {
	line-height: 1.5;
}
.pageReport .phototext .leftphoto .profile .cap { font-size: 90%; line-height: 1.5;}
.pageReport .phototext .righttext {
	width: 70%;
}
.pageReport .phototext .roomplan { width: 45%;}
.pageReport .phototext .roomplan .detail {
	font-size: 90%;
	line-height: 1.5;
	margin-top: 40px;
}
.pageReport .point2 .phototext .righttext { width: 50%;}
.pageReport .point2 h5 { font-size: 22px; margin-bottom: 15px;}


.pageReport .point3 ul.lifephoto {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
}
.pageReport .point3 ul.lifephoto li { width: 32%; margin-bottom: 30px;}
.pageReport .point3 ul.lifephoto li img { width: 100%; height: auto; margin-bottom: 10px;}
.pageReport .point3 ul.lifephoto li p { font-size: 90%; line-height: 1.25;}
.pageReport .atttext {
	font-size: 12px;
	line-height: 1.8;
	margin: 80px auto;
}

@media screen and (max-width: 767px) {
	.pageReport h1.wallTitle { font-size: 1.25rem;}
	.pageReport h1.wallTitle span { font-size: 22px;}
	.pageReport .wallTitle span:before { margin-bottom: 25px;}
	.pageReport .report p { font-size: 100%;}

	.pageReport .pointlink {
		margin: 40px 0;
	}
	.pageReport .pointlink ul {	display: inline;}
	.pageReport .pointlink ul li {width: 100%; margin-bottom: 10px;}
	.pageReport .pointlink ul li a { padding: 15px 15px 0;}

	.pageReport .headingTitle {	font-size: 22px; line-height: 1.5;}
	.pageReport .headingTitle::before {	font-size: 20px;}
	.pageReport .subtitle {	font-size: 20px; margin: 40px 0 20px; line-height: 1.5;}
	.pageReport .point1,
	.pageReport .point2,
	.pageReport .point3{ padding-top: 40px;}
	
	.pageReport .point1 .imgArea img { margin-top: 30px;}
	
	.pageReport .phototext { display: inline;}
	.pageReport .phototext .leftphoto { width:100%; text-align: center; margin-bottom: 30px;}
	.pageReport .phototext .righttext {	width: 100%;}
	.pageReport .phototext .roomplan { width: 100%;}
	.pageReport .point2 .phototext .righttext { width: 100%;}
	.pageReport .point2 h5 { font-size: 22px; margin-bottom: 15px;}	

	.pageReport .point3 ul.lifephoto li { width: 48%; margin-bottom: 30px;}
	.pageReport .atttext { margin: 60px auto; line-height: 1.25;}
}





/*end*/