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

@media screen and (max-width: 1160px) {
	#main .mainBox {
		padding: 0 1%;
	}
	#mainVisual h1 {
		font-size: 3.2rem;
		line-height: 1.8em;
	}
	#main .bnrArea01 a {
		width: 60%;
	}
}

@media screen and (max-width: 737px) {
	#mainVisual {
		width: 100%;
	}
	#mainVisual .bg {
		top: 0;
		background-size: 150%;
	}
	#mainVisual .overlay {
		top: 5%;
	}
	#mainVisual h1 {
		font-size: 1.8rem;
		line-height: 1.3em;
	}
	#mainVisual h1 b {
		font-size: 100%;
	}
	#mainVisual h1 span {
		font-size: 0.8rem;
	}
	#right {
		width: auto;
		float: none;
	}
	#left {
		width: auto;
		float: none;
	    background: #000;
	}
	#left .contact a {
		font-size: 1rem;
	}
	#left .bnr {
		text-align: center;
		letter-spacing: -.4em;
		padding-bottom: 2%;
	}
	#left .bnr li {
		display: inline-block;
		width: 47%;
		letter-spacing: normal;
		margin: 2% 1% 0;
	}
	#left .bnr li:not(:last-child) {
		margin-bottom: 0;
	}
	#tab {
		 border-collapse: separate;
		 border-spacing: 1px 0;
	}
	#tab li {
		display: table-cell;
		width: 30%;
		vertical-align: middle;
		position: relative;
		line-height: 1.2;
		padding: 0.5em 1% 1.5em;
	}
	#tab li b {
		position: absolute;
		bottom: 0.5%;
		left: 0;
		width: 100%;
		display: block;
	}
	#panel li.each {
		padding: 1em;
	}
	.spScroll {
		overflow: auto;　　　　/*tableをスクロールさせる*/
		white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.spScroll::-webkit-scrollbar {　　/*tableにスクロールバーを追加*/
		height: 5px;
	}
	.spScroll::-webkit-scrollbar-track {　　/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}
	.spScroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
		background: #BCBCBC;
	}
	#index table .btn01 a {
		padding: 0.4rem 1em;
	}
	#main .bnrArea01 {
		padding: 0 1%;
	}
	#main .bnrArea01 a {
		width: auto;
	}

}