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

/****************************
   MAIN IMAGE
*****************************/
.mainContent-headerContainer{
	height:500px;
	overflow:hidden;
    position:relative;
    background-image: url('/assets/image/documents/main_image.jpg');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
.header-title{
    width:1100px;
    margin: 50px auto;
    padding-left: 10px;
    color:#FFFFFF;
    letter-spacing: 5px;
}
@media screen and (max-width: 1100px) {
    .header-title{
        padding-left: 25px;
    }
}
@media screen and (max-width: 978px) {
    .mainContent-headerContainer{
        height:475px;
    }
    .header-title{
        font-size: 4.3rem;
    }
}
@media screen and (max-width: 479px) {
    .mainContent-headerContainer{
        height:300px;
    }
    .header-title{
        font-size: 2.5rem;
    }
}



/****************************
   CONTACT
*****************************/
.mainContent-contactContainer{
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
	padding-bottom:45px;

}
.contact{
    max-width:1100px;
	width:100%;
    margin: auto;
}
.contact-title{
    margin:75px 0 0 0;
    font-weight: 700;
    font-size:4.6rem;
    color:#000000;
    text-align:center;
}
.contact-text{
	max-width:800px;
	width:100%;
	margin:auto;
    font-size: 1.4rem;

    padding: 50px 0 45px 0
}
.contact-text p.thanks{
	font-size:2rem;	
	font-weight:700;
	text-align: center;
	margin-bottom: 35px;
}
.contact-text p.notice{
	position: relative;
	padding-left: 20px;
	line-height: 1.5;
}
.contact-text p.notice::before{
	position: absolute;
	content: '※';
	left: 0;
}
@media screen and (max-width: 1100px) {
	.contact-form,.contact-text{
		padding:0 20px;
	}
}