/* CSS Document */

/*----------------------------------------------------------*/
/* スタッフ紹介用スタイル									*/
/*----------------------------------------------------------*/
	/*----------------------------------------------------------*/
	/* コンテンツ全体											*/
	/*----------------------------------------------------------*/
		div.staff-content {
			margin: 15px 0px 15px 0px;							/* マージン */
		}
		
		/*----------------------------------------------------------*/
		/* スタッフリスト全体										*/
		/*----------------------------------------------------------*/
			div.staff-content ul {
				list-style-type: none;								/* マーカーの種類 */
				margin: 0px 10px 0px 10px;							/* マージン */
				padding: 0;											/* パディング */
			}
			/*----------------------------------------------------------*/
			/* スタッフリスト項目										*/
			/*----------------------------------------------------------*/
				div.staff-content ul li {
					float: left;										/* フロート */
				}
				/*----------------------------------------------------------*/
				/* スタッフリストリンク										*/
				/*----------------------------------------------------------*/
					div.staff-content ul li a {
						width: 175px;										/* 横幅 */
						height: 300px;										/* 高さ */
						display: block;										/* 表示形式 */
					}

			/*----------------------------------------------------------*/
			/* 新型自動二輪教習　個別設定								*/
			/*----------------------------------------------------------*/
				.new-bike-sec01 {
					aspect-ratio: 32 / 15;
				    position: relative;
				    background: url("../new-bike/images/new-bike-img01.jpg") no-repeat;
				    background-size: cover;
				    width: 100%;
				    height: 100%;
				}
					.new-bike-sec01 img {
						position: absolute;
						top: 10.1%;
					    left: 54%;
    					transform: translateX(-50%);
    					width: 61%;
					}
				.new-bike-sec02 {
					position: relative;
				    text-align: center;
				    margin-top: -3%;
				    z-index: 2;
				    padding-bottom: 135px;
				}
					@media (max-width: 600px) {
						.new-bike-sec02 {
							padding-bottom: 85px;
						}
					}
					@media (max-width: 400px) {
						.new-bike-sec02 {
							padding-bottom: 60px;
						}
					}
					.new-bike-sec02 img {
						max-width: 560px;
   						width: 40%;
					}
					.new-bike-sec02 div {
						font-size: 50px;
					    line-height: 2em;
					    letter-spacing: -1px;
					    color: #595757;
					    margin-top: 2%;
					}
						@media (max-width: 1200px) {
							.new-bike-sec02 div {
								font-size: 35px;
							}
						}
						@media (max-width: 900px) {
							.new-bike-sec02 div {
								font-size: 25px;
							}
						}
						@media (max-width: 600px) {
							.new-bike-sec02 div {
								font-size:18px;
							}
						}
						@media (max-width: 400px) {
							.new-bike-sec02 div {
								font-size:16px;
							}
						}
				.new-bike-sec03 {
					position: relative;
					background-color: #d8eff6;
					padding: 180px 0 80px;
				}
					@media (max-width: 900px) {
						.new-bike-sec03 {
						    padding: 120px 0 80px;
						}
					}
					@media (max-width: 600px) {
						.new-bike-sec03 {
						    padding: 80px 0 60px;
						}
					}
					@media (max-width: 400px) {
						.new-bike-sec03 {
						    padding: 60px 0;
						}
					}
					.sec03-rebon {
						position: absolute;
						top: -6.5%;
						left: 50%;
						transform: translateX(-50%);
						max-width: 900px;
    					width: 70%;
					}
						@media (max-width: 600px) {
							.sec03-rebon {
								top: -24px;
							}
						}
					.new-bike-sec03-inner {
						max-width: 1070px;
						width: 90%;
						margin: 0 auto;
					}
						.new-bike-sec03-box01 {
							display: flex;
							text-align: center;
							justify-content: center;
							flex-wrap: wrap;
							gap: 12%;
						}
							.new-bike-sec03-box01 div {
								color: #0094c3;
							    background-color: #fff;
							    border-radius: 50%;
							 /*   width: 470px;*/
							    width: 43.93%;
							    height: 100%;
							    aspect-ratio: 1 / 1;
							    font-size: 40px;
							    line-height: 63px;
							}
							.new-bike-sec03-box01 div img {
								margin: 9.6% auto 7.5%;
								width: 32%;
							}
						@media (max-width: 1200px) {
							.new-bike-sec03-box01 {
								max-width: 900px;
							    width: 100%;
							    margin: 0 auto;
							}
							.new-bike-sec03-box01 div {
								font-size: 31px;
        						line-height: 51px;
							}
							.new-bike-sec03-box01 div img {
							    margin: 12.6% auto 7.5%;
							}
						}
						@media (max-width: 1000px) {
							.new-bike-sec03-box01 div {
								font-size: 27px;
        						line-height: 48px;
							}
						}
						@media (max-width: 900px) {
							.new-bike-sec03-box01 {
								max-width: 680px;
								gap: 7%;
							}
							.new-bike-sec03-box01 div {
								font-size: 21px;
        						line-height: 36px;
							}
							.new-bike-sec03-box01 div img {
							    margin: 10% auto 7.5%;
							}
						}
						@media (max-width: 600px) {
							.new-bike-sec03-box01 {
								max-width: 680px;
						        gap: 8%;
							}
							.new-bike-sec03-box01 div {
								font-size: 20px;
    							line-height: 31px;
							}
							.new-bike-sec03-box01 div img {
							    margin: 10% auto 7.5%;
							}
						}
						@media (max-width: 500px) {
							.new-bike-sec03-box01 {
						        justify-content: center;
							}
							.new-bike-sec03-box01 div {
							    width: 46%;
						        font-size: 14px;
						        line-height: 22px;
							}
							.new-bike-sec03-box01 div img {
							    margin: 10% auto 7.5%;
							}
						}
					.new-bike-sec03-text {
						text-align: center;
						font-size: 30px;
						line-height: 2em;
						margin: 65px auto 50px;
						color: #000;
					}
						@media (max-width: 1200px) {
							.new-bike-sec03-text {
								font-size: 25px;
							}
						}
						@media (max-width: 900px) {
							.new-bike-sec03-text {
								font-size: 18px;
							}
						}
						@media (max-width: 600px) {
							.new-bike-sec03-text {
								font-size: 16px;
								margin: 50px auto 50px;
							}
						}
						@media (max-width: 400px) {
							.new-bike-sec03-text {
								font-size: 16px;
								margin: 30px auto;
							}
						}
					.new-bike-sec03-kikan {
						display: flex;
						align-items: center;
					    border: 4px solid #0094c3;
					    width: 90%;
					    margin: 0 auto;
					    border-radius: 40px;
					    font-size: 42px;
					    font-weight: bold;
					    line-height: 1.75em;
					}
						@media (max-width: 1200px) {
							.new-bike-sec03-kikan {
								font-size: 34px;
							}
						}
						@media (max-width: 900px) {
							.new-bike-sec03-kikan {
								font-size: 25px;
								border: 3px solid #0094c3;
							}
						}
						@media (max-width: 768px) {
							.new-bike-sec03-kikan {
								width: 100%;
							}
						}
						@media (max-width: 600px) {
							.new-bike-sec03-kikan {
								width: 100%;
								border: 2px solid #0094c3;
								font-size: 18px;
							}
						}
						@media (max-width: 400px) {
							.new-bike-sec03-kikan {
								font-size: 15px;
							}
						}
						.new-bike-sec03-kikan-left {
							color: #fff;
						    background-color: #0094c3;
						    border-radius: 40px 0 0 40px;
						    width: 45.4%;
						    text-align: center;
						}
						.new-bike-sec03-kikan-right {
							color: #0094c3;
							background-color: #fff;
							border-radius: 0 40px 40px 0;
							width: 54.6%;
							padding-left: 0.5em;
						}
				.new-bike-sec04 {
					padding: 100px 0;
				}
					@media (max-width: 900px) {
						.new-bike-sec04 {
							padding: 80px 0;
						}
					}
					@media (max-width: 600px) {
						.new-bike-sec04 {
							padding: 60px 0;
						}
					}
					.new-bike-sec04 a {
						display: block;
						color: #fff!important;
						background-color: #000;
						font-size: 45px;
						line-height: 2em;
						font-weight: bold;
						text-align: center;
						max-width: 600px;
						width: 90%;
						margin: 0 auto;
					}
						@media (max-width: 1200px) {
							.new-bike-sec04 a {
								font-size: 38px;
							}
						}
						@media (max-width: 900px) {
							.new-bike-sec04 a {
								font-size: 30px;
							}
						}
						@media (max-width: 600px) {
							.new-bike-sec04 a {
								font-size: 25px;
							}
						}
						.new-bike-sec04 a:hover {
							opacity: 0.8;
						}

.br600 {
	display: none;
}
	@media (max-width: 600px) {
		.br600 {
			display: block;
		}
	}
/* clearfix */
	/* For IE 6/7 (trigger hasLayout) */
	.clearfix {
	    zoom:1;
	}
	/* For modern browsers */
	.clearfix:before,
	.clearfix:after {
	    content:"";
	    display:table;
	}
	.clearfix:after {
	    clear:both;
	}