/* 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("../spring-campaign/images/campaign-img01-02.jpg") no-repeat;
				    background-size: cover;
				    width: 100%;
				    height: 100%;
				}
					.new-bike-sec01 img {
						position: absolute;
						top: 10.1%;
					    left: 52%;
    					transform: translateX(-50%);
    					width: 51.3%;
					}
					@media (max-width: 600px) {
						.new-bike-sec01 img {
	    					width: 65%;
						}
					}
					@media (max-width: 400px) {
						.new-bike-sec01 img {
							top: 5%;
	    					width: 80%;
						}
					}
				.new-bike-sec02 {
					position: relative;
				    text-align: center;
				    z-index: 2;
				    padding: 120px 0 135px;
				}
					@media (max-width: 900px) {
						.new-bike-sec02 {
							padding-top: 80px;
						}
					}
					@media (max-width: 600px) {
						.new-bike-sec02 {
							padding: 60px 0 85px;
						}
					}
					@media (max-width: 400px) {
						.new-bike-sec02 {
							padding-bottom: 60px;
						}
					}
					.new-bike-sec02 img {
						max-width: 939px;
    					width: 50%;
					}
					.new-bike-sec02 div {
						font-size: 50px;
					    line-height: 2em;
					    letter-spacing: -1px;
					    color: #595757;
					    margin-top: 5%;
					}
						@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: #fbe5ed;
					padding: 180px 0 80px;
				}
					@media (max-width: 900px) {
						.new-bike-sec03 {
						    padding: 120px 0 80px;
						}
					}
					@media (max-width: 600px) {
						.new-bike-sec03 {
						    padding: 20% 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: 1320px;
						width: 90%;
						margin: 0 auto;
					}
						.campaign-sec03-box01 {
							display: flex;
							text-align: center;
							justify-content: space-between;
							gap: 20px;
						}
							.campaign-sec03-box01 div {
								width: 410px;
							}
					.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 #e85288;
					    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 #e85288;
							}
						}
						@media (max-width: 768px) {
							.new-bike-sec03-kikan {
								width: 100%;
							}
						}
						@media (max-width: 600px) {
							.new-bike-sec03-kikan {
								width: 100%;
								border: 2px solid #e85288;
								font-size: 18px;
							}
						}
						@media (max-width: 400px) {
							.new-bike-sec03-kikan {
								font-size: 15px;
							}
						}
						.new-bike-sec03-kikan-left {
							color: #fff;
						    background-color: #e85288;
						    border-radius: 40px 0 0 40px;
						    width: 45.4%;
						    text-align: center;
						}
						.new-bike-sec03-kikan-right {
							color: #e85288;
							background-color: #fff;
							border-radius: 0 40px 40px 0;
							width: 54.6%;
							padding-left: 0.5em;
						}
						.campaign-coment-text {
							font-size: 25px;
							margin-top: 1em;
							text-align: center;
							color: #e85288;
						}
							@media (max-width:900px) {
								.campaign-coment-text {
									font-size: 20px;
								}
							}
							@media (max-width:600px) {
								.campaign-coment-text {
									font-size: 17px;
								}
							}
				.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;
	}