@charset "UTF-8";
/* CSS Document */
/*progress---------------------------------------------------------------------------------------------*/
.intro{
	display: block;
	max-width: 900px;
	margin: 0 auto;
}
.progress{
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	margin: 60px auto;
	width:100%;
}
.progress li{
	list-style: none;
	width: 30%;
	text-align: center;
	font-size: 16px;
	letter-spacing: 4px;
}
.active_contact{
	border-bottom: 1px solid #FFF;
	padding-bottom:18px;
}
/*text------------------------------------------------------------------------------------------------------*/
.text{
 	display:block;
    margin:60px auto;
	max-width: 900px;
}
.text h2{
	    display:block;
    margin:15px auto;
	font-size: 16px;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 25px;
}
.text p{
	display:block;
	font-size: 14px;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 25px;
	
}
@media(max-width:599px){
	.intro{
		padding: 0 20px;
	}	
	.progress li {
    list-style: none;
    width: 30%;
    text-align: center;
    font-size: 12px;
    letter-spacing: 0;
}
	.text{
		padding: 0 20px;
	}
	
}
/*タブレット----------------------------------------------------------------------------------------------------------------------*/
@media(min-width:600px) and (max-width:1024px){
	.intro {
    display: block;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px 0 100px;
}
	.text{
		padding: 0 20px 0 100px;
	}
	
	
	
}