@charset "utf-8";


/*  スマホ向けのスタイル：0以上--------------------------------------------------------------------------------------*/
@media only screen and (min-width: 0px) {
	.category{
		background: #4c90d7;
		text-align:center;
		padding:30px 0;
	}
	.category h2{
		font
	}
	.category h2 img{ width:160px; }

	.contact_block{
		margin: 3%;
		font-size: 12px;
	}
	.contact_block .from_title{
		color: #011a39;
		font-size: 16px;
		font-weight: bold;
	}
	.contact_block .from_table{
		margin: 3% 0;
		width: 100%;
	}
	.contact_block .from_table table{
		width: 100%;
		border-collapse: separate;
		border-spacing: 2px;
	}
	.contact_block .from_table th,
	.contact_block .from_table td{
		padding: 3%;
		box-sizing: border-box;
		display: block;
		border: none;
	}
	.contact_block .from_table th{
		background: #c6eaf6;
		font-weight: bold;
		width: 100%;
		vertical-align: middle;
	}
	.contact_block .from_table th span{
		color: #db018c;
	}
	.contact_block .from_table td{
		background: #eaf9ff;
		width: 100%;
		vertical-align: middle;
	}
	.contact_block .from_table .input-1,
	.contact_block .from_table .input-2,
	.contact_block .from_table .input-3{
		width: 100%;
		padding: 2%;
		font-size: 16px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}

	.contact_block .from_table .radio_list{
		letter-spacing: -0.4em;
	}
	.contact_block .from_table .radio_list li{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		margin-right: 5px;
	}
	.contact_block .from_table .sub_tt{
		color: #db018c;
		margin-top: 5px;
	}
	.contact_block .from_table .address_btn{
		background: #498edb;
		padding: 10px;
		text-align: center;
		color: #fff;
		margin-top: 5px;
	}
	.contact_block .from_table .pulldown{
		background: #fff;
		padding:10px;
		width: 100%;
		vertical-align:top;
		display:inline-block;
		border: 1px solid #ccc;
	}

	.contact_block .check_block{
		border: 1px solid #cccccc;
		margin: 20px 0 20px 0;
		padding: 10px;
	}
	.contact_block .check_block ul{
		margin-top: 10px;
	}
	.contact_block .check_block ul li{
		margin-bottom: 3px;
		padding-left: 13px;
		text-indent: -13px;
	}
	.contact_block .check_block ul li:before{
		content: "・";
	}
	.contact_block .check_block ul li a{
		color: #4fa7ff;
	}

	.contact_block .check_tt{
		font-weight: bold;
		margin-bottom: 10px;
	}
	#checkbox input{
		display:none;
	}
	#checkbox label{
		display:inline-block;
		position:relative;
		padding-left:23px;
		font-size: 14px;
		font-weight: bold;
		margin-left: 40%;
	}
	#checkbox input:checked + label:after{
		top:3px;
		height:7px;
		border-left: 3px solid #498edb;
		border-bottom: 2px solid #498edb;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#checkbox label:before{
		background:#fafafa;
		border:1px solid #666666;
		border-radius: 3px;
	}
	#checkbox label:before, #checkbox label:after {
		content: '';
		display: block;
		position: absolute;
		top: 4px;
		left: 0;
		width: 15px;
		height: 15px;
	}

	.next_btn {
		text-align: center;
		margin-top: 20px;
	}
	.next_btn .button{
		background: #0067c3;
		border: 0;
		color: #fff;
		width: 300px;
		margin: 0 auto;
		font-size: 18px;
		padding: 15px 0;
		cursor: pointer;
		position: relative;
		display: inline-block;
		margin: 0 5px;
	}
	.next_btn .button:before{
		content: "";
		background: url(../images/inquiry_arrow.png) no-repeat;
		width: 16px;
		height: 16px;
		background-size: 16px;
		display: inline-block;
		vertical-align: middle;
		padding-right: 10px;
	}



}

/* タブレット向けのスタイル：769px以上-------------------------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
	.category{
		background: #4c90d7;
		text-align:center;
		padding:70px 0;
	}
	.category h2{}
	.category h2 img{
		width:250px;
	}

	.contact_block{
		margin: 60px 3% 0 3%;
		max-width: 890px;
		font-size: 14px;
	}

	.contact_block .from_title{
		font-size: 20px;
		margin-top: 40px;
	}

	.contact_block .from_table th,
	.contact_block .from_table td{
		padding: 15px 20px;
		box-sizing: border-box;
		display: table-cell;
	}
	.contact_block .from_table th{
		width: 36%;
	}
	.contact_block .from_table td{
		width: auto;
	}

	.contact_block .from_table .radio_list li{
		display: inline-block;
		letter-spacing: normal;
		vertical-align: middle;
		margin-right: 20px;
	}

	.contact_block .from_table .text-box{
		display: inline-block;
		width: 35%;
	}
	.contact_block .from_table .sub_tt{
		color: #db018c;
		margin-top: 0;
		font-size: 12px;
		display: inline-block;
		margin-left: 5px;
	}

	.contact_block .from_table .input-1{
		width: 100%;
		padding: 1%;
		font-size: 14px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	.contact_block .from_table .input-2,.contact_block .from_table select{
		width: 100%;
		padding: 2.8% 1%;
		font-size: 14px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}
	.contact_block .from_table .input-3{
		width: 100%;
		padding: 1%;
		font-size: 14px;
		box-sizing: border-box;
		border: 1px solid #ccc;
	}

	.contact_block .from_table .address_btn{
		background: #498edb;
		padding: 8px 10px;
		text-align: center;
		color: #fff;
		margin-top: 20px;
		width: 190px;
	}

	.contact_block .from_table .pulldown{
		background: #fff;
		padding: 10px;
		width: 190px;
	}

	.contact_block .check_block{
		margin: 50px 0 30px 0;
		padding: 30px;
	}

	.contact_block .check_tt{
		text-align: center;
		margin-bottom: 15px;
	}

	#checkbox label{
		display:inline-block;
		position:relative;
		padding-left:23px;
		font-size: 14px;
		font-weight: bold;
		margin-left: 45%;
	}

	.next_btn {
		text-align: center;
		margin-top: 50px;
	}



}

/*  PC向けのスタイル：1000px以上-------------------------------------------------------------------------------*/
@media only screen and (min-width: 1000px) {

	.contact_block{
		margin: 60px auto 0 auto;
	}


}