@charset "utf-8";
.yy-system-law-top-img {
	margin: 20px 0;
	width: 100%;
}

.yy-system-law-box {
	padding: 20px 10px 10px;
	border-bottom: 2px #A6A6A6 dashed;
}

.yy-system-law-box-outer {
	margin-bottom: 40px;
}

.yy-system-law-box:after {
	clear: both;
	content: '';
	display: block;
}

#main .mvp-new-mark {
	display: table-cell;
	margin-bottom: 5px;
}

#main .yy-system-law-title {
	font-weight: bold;
	font-size: 110%;
	display: flex;
	align-items: flex-start;
	float: left;
	margin: 0 0 16px;
}

#main .yy-system-law-title + p {
	float: right;
	margin: 0 0 16px;
	font-size: 90%;
}

#main .yy-system-law-title img {
	margin: 0 10px 0 0;
}

p.yy-system-law-vac-intro {
    padding: 0 10px;
}

span.yy-system-law-description {
	color: #595959;
	font-weight: normal;
	font-size: 95%;
	margin: 0 0 10px;
	padding: 16px;
	background: #E7E6E6;
	display: block;
	clear: both;
}

p.yy-system-law_dr_name {
	font-size: 95%;
  margin-bottom: 10px!important;
  text-align: right!important;
}

ul.yy-system-law-box-outer a {
	color: #2E75B6;
	display: inline-block;
	vertical-align: top;
}

ul.yy-system-law-box-outer a:hover{
	text-decoration:underline ;
}

ul.yy-system-law-box-outer a span {
	display: inline-block;
	text-decoration: none;
	color: #000;
}

p.yy-system-law-linkbtn {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 75%;
	padding: 15px 0;
	margin: 0 auto 0!important;
}

.yy-system-law-linkbtn a {
  display: inline-block;
  position: relative;
	width: 280px;
  padding: 8px 15px;
  border: 2px solid #0070c0;
  border-radius: 10px;
  background: #fff;
	color: #0070c0;
	font-weight: bold;
	text-align: center;
}

.yy-system-law-linkbtn a:hover {
	background-color: #0070c0;
	color: #fff!important;
	text-decoration: none!important;
}

.yy-system-law-linkbtn a:after {
  position: absolute;
  top: calc(50% - 6px);
  right: 30px;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  border-top: 2px solid #0070c0;
  border-right: 2px solid #0070c0;
  content: '';
}

.yy-system-law-linkbtn a:hover:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

@media screen and (min-width: 768px) {
	br.yy_sp_br {
		display: none;
	}
}

/* ------------------------------------------------------------------
 * Tablet
 * ------------------------------------------------------------------ */
 @media screen and (max-width: 835px) {
	ul.yy-system-law-box-outer a {
	display: block;
	}
	br.br-none{
	display: none;
	}
}



/* ------------------------------------------------------------------
 * phone
 * ------------------------------------------------------------------ */
 @media screen and (max-width: 375px) {
	 #main .yy-system-law-title img.txt_addline {
 		padding-bottom: 4em;
 	}
 }

 @media screen and (max-width: 550px) {
	 .yy-system-law-box,
	 p.yy-system-law-vac-intro {
    padding: 20px 0 10px;
		margin-bottom: 0 !important;
	}
	 .yy-system-law-top-img {
    margin: 0 0 20px;
	}
	#main .yy-system-law-title {
    display: block;
		float: none;
		margin: 0;
	}
	ul.yy-system-law-box-outer a {
	   display: inline;
	}
	#main .yy-system-law-title img {
	   float: left;
	}
}

@media screen and (max-width: 767px) {
	br.yy_pc_br {
		display: none;
	}
	#main .yy-system-law-title + p {
		margin: 5px 0 10px;
	}
	p.yy-system-law_dr_name {
		letter-spacing: 0.03em!important;
	}

	p.yy-system-law-linkbtn,
	.yy-system-law-linkbtn a {
		width: 100%;
	}

	.yy-system-law-linkbtn a:first-of-type {
		margin-bottom: 15px;
	}
}