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

.wrap {
    position: relative;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

/* ================================================== */
/* .title_area */
/* ================================================== */

.title_area {
	padding:200px 0px 120px;
	text-align: center;
}

.title_area .title {
	font-size:5.0rem;
	color:#81B5B7;
}

.title_area .title span {
	display:block;
	margin-top: 30px;
	color:#5f5f5f;
	font-size:1.4rem;
}

@media only screen and (max-width: 768px) {

.title_area {
    padding: 120px 0px 50px;
}

.title_area .title {
    font-size: 4.0rem;
}



}



/* ================================================== */
/* #form */
/* ================================================== */

#form {
    max-width: 900px;
	margin: 50px auto 150px;
	width:85%;
}

#form table {
    margin: 80px auto;
}

#form .row-5 {
    height: calc( 3.0em * 5 );
}

#form .jpss {
	background-color: #F8F8F8;
	width:100%;
	padding:60px;
    margin-bottom: 80px;
}

#form .jpss p {
	margin-bottom: 30px;
}

#form .jpss p:last-of-type {
	margin-bottom: 0px;
}

#form .jpss p span {
	font-weight: bold;
}

#form .jpss p a {
    color: #81B5B7;
	text-decoration: underline;
}

#form .jpss p a:hover {
	text-decoration:none;
}


#form .accept a {
	transition:all 0.3s;
    color: #81B5B7;
}

#form .accept a:hover {
    opacity:0.7;
}


#form .submit input, #form .submit a {
	background: #81B5B7;
    padding: 20px 15px;
    font-size: 1.6rem;
    border-radius: 5px;
    max-width: 350px;
    transition: all 0.3s;
}


#form .submit input:hover,#form .submit a:hover {
    opacity:0.7;
}


#form .submit.twin input, #form .submit.twin a {
    max-width: 220px;
}



@media only screen and (max-width: 768px) {

#form {
    margin: 50px auto 100px;
}

#form .jpss {
    padding: 40px;
}

#form .submit {
    margin-top: 80px;
}



}




@media only screen and (max-width: 480px) {

#form table {
    margin: 50px auto;
}

#form .jpss {
    padding: 30px;
    margin-bottom: 50px;
}

#form .jpss p {
    text-align: left;
	margin-bottom: 15px;
}

#form .jpss p br {
	display: none;
}

#form .jpss p span {
    display: block;
}

#form .submit {
    margin-top: 50px;
}

#form .submit input, #form .submit a {
    max-width:100%;
    width:100%;
	padding: 15px 15px;
	font-size: 1.4rem;
}




#form .submit.twin input, #form .submit.twin a {
    max-width: 120px;
}








}