@charset="UTF-8";

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

	#accordion ul li.menu-item-16 a {
		color: #61AAD9;
		cursor: default;
	}

	#contact {
		width: 96%;
		margin: 5% auto 0;
	}

	#contact h3 {
		font-size: 14px;
		margin-bottom: 3%;
		font-weight: normal;
		padding-bottom: 3%;
		border-bottom: 1px solid #aaaaaa;
		box-shadow: 0px 2px 0px 0px rgba(170,170,170,0.2);
	}


	#formBody {

		width: 98%;
		padding: 2% 1%;
		margin: 1% auto 2%;
		font-size: 14px;
	}

	#formBody .inputBox {
		padding-left: 0;
		margin-bottom: 5px;
	}


	#formBody .formBox {
		padding: 1% 0;
		width: 100%;
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
	}


	#formBody label {
		display: block;
		font-size: 15px;
		padding-bottom: 5px;
		color: #5877ba;
	}

	#formBody input[type="text"],
	#formBody textarea {
	    border:1px solid #888;
		width: 98%;
		padding: 1%;
		font-size: 15px;
		color: #515151;
		background: #fff;
		margin: 5px auto 10px;
		-webkit-appearance: none;
	}



	#formBody select {
		border:1px solid #888;
		padding: 2px;
		color: #515151;
		background: #fff;
		margin: 5px 10px;
	}

	/*エラー時の入力欄背景*/
	#formBody .errorInput {
	  	background: #ffe3fd !important;
	}


	#formBody .submit{
		display: inline-block;
		border: none;
		margin: 10px auto 0;
		padding: 4px 30px;
		color: #fff;
		cursor: pointer;
		font-size: 15px;
		background: #5877ba;
	    
	/* Webkit */
	    background: -webkit-gradient(
	        linear,
	        left top,
	        left bottom,
	        from(#5877ba),
	        to(#5877ba)
	        );
	    -webkit-appearance: none;
	         
	/* Firefox */
	    background: -moz-linear-gradient(
	        top,
	        #5877ba,
	        #5877ba
	        );
	     
	/* IE */
	    filter:progid:DXImageTransform.Microsoft.gradient
	        (startColorstr=#5877ba,endColorstr=#5877ba);
	    zoom: 1;
	}

	#formBody .return {
		display: inline-block;
		border:none;
		padding: 4px 30px;
		color: #fff;
		cursor: pointer;
		font-size: 15px;
		background: #eb6e8f;
	    
	/* Webkit */
	    background: -webkit-gradient(
	        linear,
	        left top,
	        left bottom,
	        from(#eb6e8f),
	        to(#eb6e8f)
	        );
	    -webkit-appearance: none;
	         
	/* Firefox */
	    background: -moz-linear-gradient(
	        top,
	        #eb6e8f,
	        #eb6e8f
	        );
	     
	/* IE */
	    filter:progid:DXImageTransform.Microsoft.gradient
	        (startColorstr=#eb6e8f,endColorstr=#eb6e8f);
	    zoom: 1;
	}

	/*radio checkboxのカスタマイズ*/
	#formBody input[type="radio"],
	#formBody input[type="checkbox"] {
		width: 15px;
		height: 15px;
		margin-right: 5px; 
		margin-left: 10px; 
	}


	/*汎用クラス*/


	#formBody .inputNote {
		text-indent: 1em;
		line-height: 1.5;
		font-size: 12px;
	}

	#formBody .error {
		display: block;
		padding-left: 21px;
		margin-bottom: 5px;
		background: url("../img/common/errerIcon.png") left no-repeat;
		line-height: 21px;
		color: #bb1b00;
	}

	#formBody .short[type="text"] {
		width: 300px;
	}

	#formBody .x-short[type="text"]{
		width: 100px;
	}

	#formBody .result {
		text-indent: 30px;
		font-size: 16px;
		font-weight: bold;
	}

	#formBody .bt1{
		display: inline-block;
		padding: 10px 20px;
		width: 70%;
		text-align: center;
		font-size: 16px;
		color: #8a8a8a;
		cursor: pointer;
		background: none;
		border: 1px #8a8a8a solid;
		margin-bottom: 10px;
	}

	#formBody .home_bt {
		margin-top: 40px;
	}

}