@charset "UTF-8";

@media screen and (min-width: 767.8px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 767.8px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

@media screen and (min-width: 850.8px){	

  .br-tab { display:none; }
}
@media screen and (max-width: 850.8px){	

  .br-tab { display:block; }
}

@media screen and (min-width: 991.8px){	

  .br-lg { display:none; }
}
@media screen and (max-width: 991.8px){	

  .br-lg { display:block; }
}

/*break-md*/
@media (max-width:767.8px) {
	

	html,body {
	width: 100%;
	height: 100vh;
	font-size:12px;
	}
	
	.yk_vlink {
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 9rem;
	
	}
.yk_vlink img {
	width: 80%;
	height: auto;
	}
	.yk_heronav ul,.yk_headnav ul{
	justify-content: center;
	}
	.vlink_caption {
	text-align: left;
	position: absolute;
	top: 60%;
	left: 1rem;
	}
.vlink_caption p {
	margin-bottom: 1rem;
	background-color: #036eb8;
	padding: 4px 10px;
	color: #fff;
	}
	.googlemap {
	width: 100%;
	}
	.googlemap iframe {
	width: 100%;
	height:300px;
	}
	.yk_contact_btn a:link, .yk_contact_btn a:visited {
	width: 80%;
	font-size: 1.2rem;
	}
	.yk_contact_btn a::after {
	content:"";
	display: inline-block;
	width: 50px;
	height: 4px;
	background: url("image/ar_b.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: -15px;
	top:calc( 50% - 2px );
	}
.yk_contact_btn a:hover::after {
	content:"";
	display: inline-block;
	width: 50px;
	height: 4px;
	background: url("image/ar_w.png");
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: -15px;
	top:calc( 50% - 2px );
	}
	.yk_prof {
	font-size: 1.2rem;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6rem;
	}
	.yk_prof tr {
	border-bottom: 1px solid #666;
	}
	.yk_prof th {
	padding: 0.75rem 0rem 0.75rem 1rem;
	width: 10rem;
	letter-spacing: 0.1em;
	}
	.yk_works_block {
	text-align: center;
	padding: 1rem;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	}
	.yk_works_block p{
	display: block;
	background-color: #eee;
	border-radius: 12px;
	padding: 5rem 0rem;
	
	}
	.yk_works_block p:hover{
	display: block;
	background-color: #f6f6f6;
	border-radius: 12px;
	padding: 5rem 0rem;
	
	}
	.yk_works_block p span{
	border-bottom: 2px solid #036eb8;
	padding-bottom: 0.75rem;
	}
	.yk_rec_contact {
	width: 100%;

	
	}
	.yk_contact_tel {
	font-weight:bold;
	border-bottom:1px solid #000;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:1rem;
	margin-bottom:4rem;
	}
	form {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:1rem;
}
	
	
}