@charset "UTF-8";

.in-box {
    width: 1000px;
    margin: 5rem auto;
}
.repre-img {
    position: relative;
}
.bl-title {
    color: #fff;
    position: absolute;
    bottom: -19px;
    left: 0;
    background-color: #004dcec2;
    width: 737px;
    font-size: 20px;
    padding: 24px 0 24px 8%;
    text-align: left;
    letter-spacing: 2px;
}
.bl-title p {
    margin-bottom: 0;
}
.bl-title span {
    color: #f4e343;
    font-size: 17px;
}
.sub {
    background-color: #004ea2;
    color: #fff;
    padding: 2px 4px;
    font-size: 20px;
    margin-bottom: 5px;
    display: inline-block;
}
.repre-msg-box {
    margin: 6rem 0;
}
.repre-msg-box p {
    margin: 1.5rem;
    line-height: 1.8;
    text-align: justify;
}
.ph-space {
	width: 90%;
    margin: -3rem auto 7rem;
    position: relative;
}
.ph-space:after {
    position: absolute;
    content: '';
    bottom: -30px;
    right: -25px;
    width: 60%;
    height: 77px;
    z-index: -1;
    background: #004ea2;
}
a.return {
    background-color: #004ea2;
    border: 1px solid #004ea2;
    color: #fff;
    width: 310px;
    border-radius: 34px;
    display: block;
    margin: 0 auto 4rem;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
}
a.return:hover {
	text-decoration: none;
	background-color: #fff;
	color: #004ea2;
}

@media screen and ( max-width:1025px ) {
	.in-box {
		width: 100%;
		padding: 0 15px;
	    margin: 0;
	}
	.bl-title {
		width: 490px;
	    font-size: 15px;
	    padding: 13px 0 13px 4%;
	    bottom: -14px;
	}
	.bl-title span {
	    font-size: 14px;
	}
	.repre-msg-box p {
	    margin: 15px;
	}
	.repre-msg-box {
	    margin: 3rem 0;
	}
	.sub {
	    font-size: 17px;
	}
	.ph-space {
	    margin: 0 auto 5rem;
	}
	.ph-space:after {
	    width: 60%;
    	height: 63px;
	    bottom: -24px;
	}
}
@media screen and ( max-width:500px ) {
	.bl-title {
		width: 90%;
	    font-size: 3vw;
	    padding: 8px;
	}
	.bl-title span {
		font-size: 3vw;
	}
	.ph-space {
	    margin: auto;
        width: 100%;
	}
	.ph-space:after {
	    width: 60%;
	    height: 44px;
	    bottom: -16px;
	    right: 0;
	}
	.sub {
	    font-size: 4vw;
	}
	.repre-msg-box {
	    margin: 2rem 0;
	}
	.repre-msg-box p {
	    margin: 8px 0;
	}
	a.return {
		width: 70%;
		font-size: 4vw;
    	line-height: 12vw;
	}
}