@charset "utf-8";
.modalWin {
	display:none;
}
.modal {
	padding:3em 0 4em;
	background-color:#fff;
	max-width:1000px;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
}
.modal h2 {
    background-image: url(../img/top/report_ttl_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
	background-size:89px 73px;
    text-align: center;
    color: #00b7ee;
    padding: 23px 0;
    margin-bottom: 1.4em;
	font-size: 2.8rem;
}
.modalInner {
	display:flex;
	justify-content:space-between;
	width:88.5%;
	margin:0 auto;
}
.active img {
	opacity:0.5;
}
.modalGallery {
	width:45%;
}
.modalGallery ul {
	display:flex;
	margin-right:-1.5%;
	padding-top:1.4em;
}
.modalGallery ul li {
	width:23.5%;
	margin-right:1.5%;
}
.modalGallery p img ,
.modalGallery ul li img {
	width:100%;
}
.modalText {
	width:51.9%;
	line-height:1.6;
}
.modalText p {
	margin-bottom:1.5em;
}
button.mfp-close {
	background-image:url(../img/common/close.png);
	width:27px;
	height:0;
	padding-top:27px;
	overflow:hidden;
	line-height:2;
	top:20px;
	right:25px;
}

@media screen and (max-width: 425px) {
.modalInner {
	display:block;
}
.modalGallery,
.modalText {
	width:100%;
}
.modalGallery {
	margin-bottom:2em;
}
.modal h2 {
    background-image: url(../img/top/report_ttl_bg.png);
	background-size:44px 36px;
    padding: 12px 0;
    margin-bottom: 1.4em;
	font-size: 1.5rem;
}
button.mfp-close {
	width:13px;
	padding-top:13px;
	top:10px;
	right:12px;
	background-size:100% auto;
}
}