@media screen and (max-width:1200px) {
}

@media screen and (max-width:1024px) {
	.pc_view{
		display:none;
	}
	.sp_view{
		display:block;
		font-size: 11px;
	}

}
@media screen and (max-width:768px) {
	br.pc_br{
		display:none;
	}
	.logo img {
		width: 60px;
	}
	.logo a.logo_projectc img {
		width: 75px;
		margin: 8px 0 0 20px;
	}
	.common_header {
    min-height: 60px;
	}
	header {
		height: 60px;
		/* padding-left: 0px; */
		padding: 8px 0 10px 0;
	}
	.form_containar,
	.password_form{
		width:100%;

    padding-left: 10px;
    padding-right: 10px;
	}
	.btn_table{
		width:100%;
	}
	.btn_table td{
		width: 45%;
	}
	.btn_table td.btn_space{
		width:20px;
	}
	a.next_btn,
	a.back_btn{
		width:100%;
	}
	.container{
		width:100%;
	}
	footer{
		margin-top:20px;
	}
	.form_background .form_outer,
	.form_title,
	.form_background .form_input,
	.min_input,
	.password_form .form_input,
	.password_form .form_outer{
		width:100%;
	}
	.form_background .form_outer,
	.password_form .form_outer{
		padding-left:10px;
		padding-right:10px;
	}
	.form_title{
		margin-bottom:10px;
    line-height: 200%;
	}
	.next_btn_area{
		width:90%;
		margin:0 auto;
	}
	.main_logo_margin{
		padding-top:25px;
		padding-bottom:25px;
		width: 50%;
	}
	.main_logo_margin img{
		max-width:100%;
		display:block;
		margin:0 auto;
	}
	.form_bottom_margin {
    margin-bottom: 40px;
	}
	.title_1{
		margin-top:40px;
	}
	.title_border{
		margin-bottom:40px;
	}
	.title_2 {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.commentary img {
    width: 100%;
    
	}

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

@media screen and (max-width:320px) {
}