@charset "UTF-8";

body.yoko {
	#mainv {
		width: 100%;
		height: 300px;
		background: url(../images/yoko/mainv.jpg) no-repeat center center/cover;
		padding-top: 120px;
	}
	#yoko {
		padding: 0 0 60px;
		.list {
			list-style: disc;
			padding-left: 20px;
		}
		h2 {
			margin-top: 160px;
		}
		.subContents2 {
			.yoko {
				margin-top: 60px;
				& table {
					margin-bottom: 15px;
					& tr {
						& td:nth-child(1) {
							font-weight: 700;
							width: 130px;
							border: none;
							border-bottom: dotted 2px #b3b3b3;
							padding: 10px;
							width: 20%;
						}
						& td:nth-child(2) {
							padding: 10px;
							border: none;
							border-bottom: dotted 2px #b3b3b3;
						}
					}
				}
			}
			.btn {
				margin-top: 40px;
			}
		}
	}
}


@media screen and (max-width:756px) {
	body.yoko {
		#mainv {
			width: 100vw;
			height: 32vw;
			background: url(../images/yoko/mainv_sp.jpg) no-repeat center top/100% auto;
			padding-top: 10vw;
			& h1 {
				& img {
					width: auto;
					height: 6.4vw;
				}
			}
		}
		#yoko {
			padding: 0 0 6vw;
			h2 {
				margin-top: 15vw;
			}
			.subContents2 {
				width: 100%;
				.yoko {
					margin-top: 10vw;
					& table {
						margin-bottom: 5vw;
						& tr {
							& td:nth-child(1) {
								width: 100%;
								border-bottom: none;
								padding: 10px 0 0 0;
								display: block;
							}
							& td:nth-child(2) {
								padding: 5px 0 10px 5vw;
								border-bottom: dotted 2px #b3b3b3;
								display: block;
							}
						}
					}
				}
			}
			.btn {
				margin-top: 6vw;
			}
		}
	}
}