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

header h2 .Estimate_ttl {
	display: block;
	width: 1000px;
	margin: auto;
	padding: 0 5%;
	text-align: left;
}
/*--estimate_start--*/
#step1 ul.Estimate li {
	border: none;
	box-shadow: none;
}
#step1 .Estimate li a {
	padding: 2% 0;
	color: #757575;
	border: 2px solid #51BCC4;
	border-radius: 40px;
	background-color: #FFF;
	text-decoration: none;
}
#step1 .Estimate li a:hover {
	color: #FFF;
	background-color: #51BCC4;
}
.Estimate a:after {
	content: none;
}
.Estimate a:hover:after {/*矢印アイコン(ホバー時)*/
	content: none;
}
#step1 p {
	text-align: center;
	margin-bottom: 5%;
}
ul.Estimate {
	width: 645px;
}
ul.Estimate li {
	font-size: 2.5rem;
	margin-bottom: 20px;
}
#step1 section:last-child {
	margin-bottom: 110px;
}
/*--estimate_step3--*/
.form_area {
	width: 95%;
	margin: auto;
	box-sizing: border-box;
	padding: 3%;
	margin-bottom: 30px;
	text-align: left;
	border:  solid 5px #E2E2E2;
	border-radius: 15px;
}
#step4 dd {
	width: 77%;
	margin-left: 3%;
}
#step4 .comment {
	width: 100%;
	margin-left: 22%;
}
/*--estimate_step4--*/
section p,
section {
	margin-bottom: 5%;
}
section.mgn_bottom {
	margin-bottom: 160px;
}
div.control{
	width: 57%;
	margin: 4% auto -1%;
    overflow: inherit;
    text-align: center;
    font-size: 1.4rem;
}
div .button_next {
	border: none;
}
div .button_next:hover {
	border: none;
	opacity: 0.8;
}
p.pdg_top {
	padding-top: 0;
}

.mail_send_alert_ng{
    text-align: center;
    color: red;
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 1rem;
}
.mail_send_alert_ok{
    text-align: center;
    color: blue;
    font-weight: bold;
    font-size: 2.2rem;
    margin-bottom: 1rem;
}
.application-button{
	background-color: #51BCC4;
	border-radius: 35px;
	width: 650px;
	margin: 40px auto 0;
	font-size: 2.4rem;
	padding: 4px;
	line-height: 2.1;
 	font-weight: bold;
	text-align: center;
}
.application-button span {
 	font-weight: bold;
}
.application-button img {
	display: none;
}
.application-button a {
 	display: block;
    text-decoration: none;
    color: white;
}
.application-button a:hover {
 	opacity: 0.6;
}

/*----------------------------------------------ここからスマホ対応-------------------------------------------------*/
@media only screen and (max-width: 900px){
	header h2 .Estimate_ttl {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	#step1 p {
		text-align: left;
	}
	ul.Estimate {
		width: 100%;
		margin-top: 30px;
	}
	ul.Estimate li {
		font-size: 1.5rem;
	}
	.Estimate a {
		margin: 0;
	}
	#step1 section:last-child {
	margin-bottom: 10%;
	}
	#step2 ul:last-child {
		margin-bottom: 0;
	}
	#step2 .course_ttl {
		margin-top: 2%;
	}
	#step2 .indent ul:nth-child(3) {
		margin-bottom: 3%;
	}
	#step4 .comment {
		margin-left: 0;
	}
	.email_width input{
		width: 87%;
	}
	div.control {
		width: 90%;
		margin-bottom: 2%;
	}
	.application-button {
		width: 70%;
		font-size: 2rem;
        margin-top: 25px;
	}
	.application-button span {
		display: none;
	}
	.application-button img {
		display: block;
		width: 30px;
		margin-right: 7px;
	}
	.application-button a {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media only screen and (max-width: 420px){
    .application-button img {
		display: none;
	}
	.application-button {
		width: 80%;
		font-size: 1.5rem;
        margin-top: 20px;
	}
}