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

@media screen and (max-width: 1160px) {
	#main .checkBox01 {
		padding: 0 1%;
	}
	#check .tabBox {
		width: auto;
	}
	#check .tabBox02 {
		width: auto;
	}
	#mainVisual h1 {
		font-size: 3.2rem;
		line-height: 1.0em;
	}
	#mainVisual .bg {
		background-size: 160%;
	}
	#main .bnrArea01 a {
		width: 60%;
	}
}

@media screen and (max-width: 737px) {
	#mainVisual {
		width: 100%;
		height: 30%;
	}
	#mainVisual .bg {
		top: 0;
		background-size: 150%;
	}
	#mainVisual .overlay {
		top: 5%;
	}
	#mainVisual h1 {
		font-size: 1.6rem;
		line-height: 1.3em;
	}
	#mainVisual h1 span {
		font-size: 0.8rem;
	}
	#check .checkBox01 dl {
		margin-top: 7%;
	}
	#check .tabBox {
		margin: 7% auto;
	    padding: 5% 1% 7%;
	}
	#check .tabBox form {
		width: 100%;
	}
	#check .tabBox input {
		padding: 0 0 0 4%;
		width: 96%;
	}
	#check .tabBox select {
		padding: 0 0 0 3%;
		width: 100%;
	}
	#check .tabBox .button_wrap {
		float: none;
		width: auto;
	}
	#check .tabBox #kakunin a {
		width: 80%;
	}
	#result .tabBox {
		margin: 7% auto;
	    padding: 5% 1% 7%;
	}
	#result .tabBox table caption {
		text-align: left;
	}
	#result .tabBox .scrollSp {
		overflow: auto;/*tableをスクロールさせる*/
		white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
	}
	#result .tabBox .scrollSp::-webkit-scrollbar{/*tableにスクロールバーを追加*/
		 height: 5px;
	}
	#result .tabBox .scrollSp::-webkit-scrollbar-track{/*tableにスクロールバーを追加*/
		 background: #F1F1F1;
	}
	#result .tabBox .scrollSp::-webkit-scrollbar-thumb {/*tableにスクロールバーを追加*/
		 background: #BCBCBC;
	}
	#result #caution .japanese {
		padding: 2em 2%;
		width: auto;
		display: block;
	}
	#result #caution .english {
		padding: 2em 2%;
		width: auto;
		display: block;
	}
	#main .bnrArea01 {
		padding: 0 1%;
	}
	#main .bnrArea01 a {
		width: auto;
	}
}