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

.yokohamamap{
	margin:0 20px 50px;
}

@media screen and (max-width: 720px){
		.yokohamamap{
			display:none;
		}
}

h2:not(:first-child){
	background-color:#71dae2;
}

.driver{
	margin:0 0 40px;
}

.driver .inner p{
	width:100%;
}

.driver h3{
	margin: 0 0 1em;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 2em;
    text-indent: 10px;
    background: #e57070;
    box-shadow: #777777 0 2px 2px 0px;
}

.driver img{
	width:400px;
}


iframe{
	width:300px;
	height:300px;
}

@media screen and (max-width: 720px){
	iframe{
		width:100%;
	}
}

/*PCオンリー*/@media screen and (min-width: 721px){
	.inner{
		display:-webkit-box;
		display:flex;
		-webkit-box-pack:justify;
		justify-content:space-between;
		flex-wrap:wrap;
		align-items:flex-start;
	}
}

.inner p{
	width:300px;
}

.inner iframe, .inner img{
	margin:0 0 50px;
}

@media screen and (max-width: 720px){
	.inner p, .inner img{
		width:100%;
	}
	.inner img{
		display:block;
		max-width:300px;
		margin:0 auto 20px;
	}
	.inner iframe, .inner p{
		margin:0 0 20px;
	}
	.inner p:last-of-type{
		margin:0 0 40px;
	}
	.inner:last-child p:last-of-type{
		margin:0;
	}
}

.inner h3{
	width:100%;
	margin: 0 0 20px;
	background: #e57070;
	line-height: 2em;
	text-indent:10px;
    color: #fff;
    font-size: 16px;
    box-shadow: #777777 0 2px 2px 0px;
}
/*PCオンリー*/
@media screen and (min-width: 721px){	
	.inner h3 ~ p{
		width:500px;
	}
}

@media screen and (max-width: 720px){
	.inner h3 ~ img{
		width:100%;
		max-width:400px;
	}
}

/*PCオンリー*/
@media screen and (min-width: 721px){	
	.inner:last-child img:last-of-type{
		margin:0;
	}
}

.caution{
	margin:0 0 40px;
}

.caution dt{
	font-size:1.4em;
	color:#e57070;
}

.caution dt .fa{
	font-size:24px;
	margin:0 10px 0 0;
}

.caution dd{
	font-size:1.2em;
	text-indent:1.4em;
	color:#e57070;
	background-image: radial-gradient(#a90000 20%, transparent 0);
	background-position: 0 2px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
}