/* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

	img{
		max-width: 100%;
		vertical-align: bottom;
	}

	button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
}



/* Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic Basic */

	@-ms-viewport {
		width: device-width;
	}



/* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}


	body {
		color: #fff;
		background: #343434;
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		font-family: 'Noto Sans JP', sans-serif;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}




	a {
		-moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		-ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
		transition: color 0.2s ease, border-bottom-color 0.2s ease;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: transparent;
		}

	strong, b {
		font-weight: 700;
	}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}


		.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



p{
	font-size:max(16px,1.2vw);
	margin-bottom:3vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.3vw;
	line-height:1.8;
}

	
/* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu *//* Page Wrapper + Menu */

	#page-wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		opacity: 1;
		padding-top: 3em;
		overflow:hidden;
	}

		#page-wrapper:before {
			background: transparent;
			content: '';
			display: block;
			display: none;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 10001;
		}

	#menu {
		-moz-transform: translateX(30em);
		-webkit-transform: translateX(30em);
		-ms-transform: translateX(30em);
		transform: translateX(30em);
		-moz-transition: -moz-transform 0.5s ease;
		-webkit-transition: -webkit-transform 0.5s ease;
		-ms-transition: -ms-transform 0.5s ease;
		transition: transform 0.5s ease;
		-webkit-overflow-scrolling: touch;
		background: #343434;
		color: #ffffff;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		padding: 3em 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 30em;
		
	}

		#menu ul {
			list-style: none;
			padding: 0;
		}

			#menu ul > li {
				border-top: solid 1px rgba(255, 255, 255, 0.3);
				margin: 1.2em 0  0;
				padding: 1.2em 3em 0;
			}

				#menu ul > li:first-child {
					border-top: 0 !important;
					margin-top: 0 !important;
					padding-top: 0 !important;
				}

				#menu ul > li > a {
					border: 0;
					color: inherit;
					display: block;
					font-size: 18px;
					letter-spacing: 0.225em;
					outline: 0;
					text-decoration: none;
					font-weight: bold;

				}

					@media screen and (max-width: 736px) {

						#menu ul > li > a {
						
						}

					}

		#menu .close {
			background-image: url("images-r1/close.svg");
			background-position: 4.85em 1em;
			background-repeat: no-repeat;
			border: 0;
			cursor: pointer;
			display: block;
			height: 3em;
			position: absolute;
			right: 0;
			top: 0;
			vertical-align: middle;
			width: 7em;
		}



	body.is-menu-visible #page-wrapper {
		opacity: 0.35;
	}

		body.is-menu-visible #page-wrapper:before {
			display: block;
		}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

/* Header *//* Header *//* Header *//* Header *//* Header *//* Header *//* Header *//* Header *//* Header */

	#header {
		-moz-transition: background-color 0.2s ease;
		-webkit-transition: background-color 0.2s ease;
		-ms-transition: background-color 0.2s ease;
		transition: background-color 0.2s ease;
		background: rgba(255,255,255,0);
		height: 130px;
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10002;
	}

	.banner header{
		width:100%;
		height: 130px;
		position: relative;

	}

			#header h1 a{
				border: 0;
				display: inline-block;
				background-image:url(images-snj/snj-logo-b.svg);
				width:391px;
				height:63px;
				text-indent: -9999px;
				background-size: 391px 63px;
				position: absolute;
			left: 40px;
			top: 50%;
			transform: translateY(-50%);
			}

			.banner header h1 a{border: 0;
				display: inline-block;
				background-image:url(images-snj/snj-logo.svg);
				width:391px;
				height:63px;
				text-indent: -9999px;
				background-size: 391px 63px;
				position: absolute;
			left: 40px;
			top: 50%;
			transform: translateY(-50%);
			z-index: 10010;
			}




			.dio-header-conversion{
			width:278px;
				height:auto;
				position: absolute;
			right:100px;
			top:50%;
			transform: translateY(-50%);

			}




				@media screen and (max-width: 736px) {
					#header h1{
						left:10px;
					}


				}

		#header .headercopy {
			-moz-transition: opacity 0.2s ease;
			-webkit-transition: opacity 0.2s ease;
			-ms-transition: opacity 0.2s ease;
			transition: opacity 0.2s ease;
			height: inherit;
			left: 180px;
			line-height: 12px;
			position: absolute;
			top: 50%;
			font-size:12px;
			margin-top:-6px;
			color:#000;
			font-weight: bold;
		}

		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0;
			top: 0;
			color:#fff;
		}

		.banner a.menuToggle{
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0;
			top: 0;
			color:#000;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				white-space: nowrap;
			}

				#header nav > ul > li {
					display: inline-block;
					padding: 0;
				}

					#header nav > ul > li > a {
						border: 0;
						color: #000;
						display: block;
						font-size: 0.8em;
						letter-spacing: 0.225em;
						padding: 0 1.5em;
						text-transform: uppercase;
					}

						a.menuToggle {
							outline: 0;
							position: relative;
						}

						#header nav > ul > li > a.menuToggle{
							padding:0;
						}

							a.menuToggle:after {
								background-image: url("images-r1/bars.svg");
								background-position: center center;
								background-repeat: no-repeat;
								content: '';
								display: inline-block;
								height: 130px;
								vertical-align: middle;
								width:100px;
								margin-right:0;
							}

							.banner a.menuToggle{
								display: none;
							}

							@media screen and (max-width: 736px) {

								.banner a.menuToggle{
								display: block;
								float:right;
							}



									a.menuToggle span {
										display: none;
									}

							}

						@media screen and (max-width: 736px) {

							#header nav > ul > li > a {
								padding: 0 0 0 1.5em;
							}

						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

		#header.alt {
			display: none;
		}

			#header.alt h1 {
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
				opacity: 0;
			}

						#header.alt div{
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
				opacity: 0;
			}

/* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing */

	body.landing #page-wrapper {

		padding-top: 0;
	}


	body.is-mobile.landing #page-wrapper {
		background: none;
	}

		body.is-mobile.landing #page-wrapper.page{
		padding-top:65px;
	}


/* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner *//* Banner */

	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		width:100%;
		overflow: hidden;
		position: relative;
		text-align: center;
		z-index: 100000;
	}


	#banner .inner{
		xbackground-color:#fff;
	}

	#banner  .inner img{
		
		width:100%;
		margin:0 auto;
		vertical-align: bottom;
	}

	.ylaw-banner-inner{
		padding: 6vw 0 3vw;
	}

	.ylaw-banner-inner h2{
		font-size: 56px;
		letter-spacing: 0.3em;
		font-family: 'Noto Serif JP', serif;
		margin-bottom: 35px;
	}

	#banner .inner.ylaw-banner-inner img.logo{
		width: 197px;
		margin-bottom: 50px;
	}

 .ylaw-banner-bar{
 	width: 100%;
 	padding: 20px 10px;
 	line-height: 1.3;
 	font-size: 16px;
 	text-align: center;
 	letter-spacing:0.4em;
 	color: #fff;
 	background-color: #B20084;
 }

 .ylaw-header-logo02{
 		position: absolute;
 		top: 50%;
 		left: 320px;
 		transform: translateY(-50%);
 		font-family: 'Noto Serif JP', serif;
	font-size:15px;
	display: block;
	letter-spacing: 0.3em;
 }



	body.is-loading #banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-loading #banner h2:before, body.is-loading #banner h2:after {
			width: 0;
		}

	body.is-loading #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-loading #banner:after {
		opacity: 1;
	}


/* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer *//* Footer */


	#footer {
		background-color: #343434;
		display:flex;
		align-items:center;
		justify-content:space-between;
	}

		
		.copyright {
			color: #fff;
			font-size: 11px;
			letter-spacing: 0.5em;
			padding:3vw;
		}

		.snj-footer-link{
			padding:3vw;
		}

		.snj-footer-link ul{
			display:flex;

		}

		.snj-footer-link li a{
			color:#fff;
			font-size:12px;
			margin-left:15px;
			letter-spacing:0.2vw;
		}

			

/* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing *//* Landing */

	body.landing #page-wrapper {
		padding-top: 0;
	}



		body.landing #page-wrapper.page{
		padding-top:65px;
	}




.ylaw-header-nav{
	position:relative;
	height:130px;
}

.ylaw-header-nav ul{
	 list-style: none;
	 	display:flex;
	justify-content:flex-end;
    align-items: center;
    height:130px;
    width: 100%;

}

.ylaw-header-nav > ul > li{
		display: block;
     height:130px;

}

.ylaw-header-nav > ul > li > a{
	display: block;
	vertical-align: middle;
	line-height: 1.3;
 height:130px;
	width:auto;
	color:#fff;
	line-height: 130px;
	font-size:14px;
	transition: 0.5s ease border-bottom;
	letter-spacing: 0.3em;
	padding:0 2vw;
}



.ylaw-header-nav > ul > li > a:hover,.ylaw-header-nav ul li a.active{
	color:#CDAA50;
}

.ylaw-header-nav > ul > li > a.b-contact{
	background-color:#FF003F;
	color:#fff;
	transition:0.2s all ease;
}

.ylaw-header-nav > ul > li > a.b-contact:hover{
	background-color:#C90032;
}


.ylaw-header-nav > ul > li:hover {

}
.ylaw-header-nav > ul > li:hover > a {
}
.ylaw-header-nav > ul > li:hover .nav-menu {
  max-height: 9999px;
  opacity: 1;
}
.ylaw-header-nav > ul > li > a {

  transition: all .2s ease-in;
}
.ylaw-header-nav > ul .nav-menu {
  transition: all .2s ease-in;
  max-height: 0;
  height: auto;
  opacity: 0;
  overflow: hidden;
  width: 100vw;
  left:0;
	transform: translateY(0);
  text-align: left;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 5px #aaa;
	z-index: 10000000000000000000;
}


.nav-menu header{
	width:100%;
	height: auto;
	padding:60px 50px 45px;

}

.nav-menu header h3{
	font-size:14px;
	
	letter-spacing: 3px;
	font-weight: bold;
	display: inline;
	line-height: 14px;
}

.nav-menu header h3:after{
	content:'';
	width:40px;
	height: 1px;
	background: #1b1b1b;
	display: inline-block;
	transform: translateY(-4px);
	margin:0 25px;
}

.nav-menu header span{
	font-size:13px;
	line-height: 14px;
	letter-spacing: 1px;
	font-weight: bold;
}


.zen-header #menu{
		display: none;
	}



.ylaw-nav-box-wrap{
	width:100%;
	height:200px;
	background-color: #0087D7;
	display: flex;
	justify-content: center;
}


.ylaw-nav-box{
	width:100%;
	height: auto;
	position: relative;
}

.ylaw-nav-box img{
	width:100%;
	height:100%;
	object-fit:cover; 
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.ylaw-nav-box h4{
	position: absolute;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
	font-size:16px;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.5em;
}


.ylaw-nav-box .info{
	position: absolute;
	text-align: center;
	width:100%;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
}

.ylaw-nav-box .info p{
	font-size:12px;
	display: block;
	margin-bottom:12px;
	line-height: 1;
}

.ylaw-nav-box .info h5{
	display: inline;
	font-size:16px;
	line-height: 2;
	border-bottom: 1px solid #fff;
	font-weight: bold;

}


.ylaw-nav-box span{
	position: absolute;
	bottom:10%;
	left:50%;
	display: block;
	transform: translate(-50%,0);
	font-size:8px;
	font-weight: bold;
	letter-spacing: 5px;
	color:#999999;
	
}



.ylaw-nav-box a{
	color:#fff;
}

.ylaw-nav-box img{
	filter: brightness(30%);
	transition: 0.5s all ease;
}

.ylaw-nav-box:hover img{
	filter: brightness(75%);
}


.ddd{
	display: block;
	font-size:16px;
}

.sm-menu-wrap{
	font-family: 'Noto Serif JP', serif;
		width:100%;
		height: auto;
		padding:30px 0 30px;
	}

	.sm-menu-box{
		width:100%;
		height: auto;
		padding:18px 30px 18px;
		display: flex;
		align-content: center;
		position: relative;
		border-bottom:1px solid #f0f0f0;
	}

	.sm-menu-box.box-opener:after{
		position: absolute;
		top:50%;
		right:30px;
		width:12px;
		height: 7px;
		background-image: url(../../images/zen-tri-bottom.png);
		background-repeat: no-repeat;
		background-size:12px 7px;
		transform:translateY(-50%);
		content:'';
		display: block;
	}

	.sm-menu-box h4{
		
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 4px;
		display: inline;
		line-height: 20px;
	}

	.sm-menu-box span{
		display: inline;
		font-size:10px;
		
		color:#999999;
		margin-right:15px;
		font-weight: bold;
	}



.jsh-menu-box{
	width:100%;
	height: 120px;
	position: relative;
}

#menu .jsh-menu-box a{
	color:#fff !important;
}

.jsh-menu-box img{
	width:100%;
	height:100%;
	object-fit:cover; 
	font-family: 'object-fit: cover;'; /*IE対策*/
}

.jsh-menu-box h4{
	position: absolute;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
	font-size:18px;
	font-weight: bold;
	white-space: nowrap;
	line-height: 1.5;
	text-align: center;
}


.jsh-menu-box .info{
	position: absolute;
	text-align: center;
	width:100%;
	top:50%;
	left:50%;
	display: block;
	transform: translate(-50%,-50%);
}

.jsh-menu-box .info p{
	font-size:12px;
	display: block;
	margin-bottom:15px;
}

.jsh-menu-box .info h5{
	display: inline;
	font-size:16px;
	line-height: 2;
	border-bottom: 1px solid #fff;
	font-weight: bold;
}


.jsh-menu-box span{
	position: absolute;
	bottom:10%;
	left:50%;
	display: block;
	transform: translate(-50%,0);
	font-size:8px;
	font-weight: bold;
	letter-spacing: 5px;
	color:#999999;
	
}



.jsh-menu-box a{
	color:#fff;
}

.jsh-menu-box img{
	filter: brightness(30%);
	transition: 0.5s all ease;
}

.jsh-menu-box:hover img{
	filter: brightness(75%);
}
#menu a{
	color:#fff;
}


#menu a.menu-contact{
	background-color: #313131;
	display: block;
	width:100%;
	height: auto;
	color:#fff;
	text-align: center;
	font-size:15px;
	font-weight: bold;
	letter-spacing: 4px;
	transition: 0.5s ease all;
}
a.menu-contact:hover{
	background-color:#024578;
}

a.menu-contact span{
	display: block;
	width:100%;
	height: auto;
	position: relative;
	padding:22px 0;
}

a.menu-contact span:after{
	position: absolute;
	content:'';
	width:64px;
	height: 1px;
	background-color:#fff;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

#menu a.menu-contact.soudan{
	background-color: #0068b7;

}




/*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*//*dio-contact*/



.dio-contact table{
	width:100%;
	height: auto;
	margin-bottom: 50px;
}

.dio-contact table:last-child{
	margin-bottom: 30px;
}

.dio-contact th,.dio-contact td{
	padding:30px 20px;
	background-color:#f0f0f0;
	border:3px solid #fff;
	vertical-align: middle;
	font-size:20px;
}


.dio-contact th span{
	font-size:80%;
	display: block;
	margin-top:8px;
	color:#FE9E00;
}

.dio-contact th{
	color:#fff;
	font-weight: bold;
	background-color:#00A0FF;
	letter-spacing: 2px;
	width:30%;
}


.dio-contact td{
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
}


	.dio-contact input[type="text"],.dio-contact input[type="email"]{
		width:100%;
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:24px;
	}

	.dio-contact input[type="tel"]{
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:24px;
	}

	.dio-contact input[type="number"]{
		padding:20px 0 20px 20px;
		font-size:24px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
	}



	.dio-contact select{
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:20px;
	}
	.dio-contact textarea{
		width:100%;
		padding:20px;
		border-radius: 15px;
		background-color:#fff;
		border:none;
		font-size:20px;
	}

	.dio-contact-submit{
		text-align: center;
	}


.dio-contact-submit input[type="submit"],
	.dio-contact-submit input[type="reset"],
	.dio-contact-submit input[type="button"]{
		appearance: none;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 15px;
		border: 0;
		color: #fff;
		background-color:#00A0FF;
		cursor: pointer;
		display: inline-block;
		font-size: 24px;
		font-weight: 800;
		letter-spacing: 3px;
		padding: 15px 80px;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		margin:0 auto;
	}

	.dio-contact-submit input[type="submit"].dio-contact-back{
		background-color:#ccc;
		color:#000;
		margin-bottom: 30px;
	}

		.dio-contact-submit input[type="submit"]:hover
		{
			background-color: #50BEFF;
		}

			.dio-contact-submit input[type="submit"].dio-contact-back:hover{
		background-color:#888;
	}

	.dio-thanks{
		width:100%;
		text-align: center;
		
	}

	.dio-thanks span{
		display: block;
		margin-bottom: 20px;
		font-size:30px;
		font-weight:bold;
	}

	.dio-contact02 h5,.dio-error{
		font-size:20px;
		text-align: center;
		margin-bottom: 15px;
		padding:20px;
		display: block;
		background-color:#DBFF00;
		font-weight:bold;
		border-radius: 30px;
	}



.ylaw-container{
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}



.ylaw-access{
	max-width: 1000px;
	margin: 30px auto 50px;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
}

.ylaw-access-01{
	width: 23%;
	color: #Fff;
	padding: 25px;
	border-radius: 10px;
	background-color: #00121F;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	letter-spacing: 0.3em;
}

.ylaw-access-02{
	width: 76%;
	font-weight: 500;
	padding: 25px 40px;
	border-radius: 10px;
	line-height: 2;
	background-color: #EFEFEF;
	letter-spacing: 0.3em;
}

.ylaw-access-02 h4{
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 0.4em;
}

.ylaw-access-02 h4 span{
	font-size: 11px;
	margin-left: 10px;
	letter-spacing: 0.4em;
}

.ylaw-top01 header{
	padding: 90px 10px 70px;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	background-size: 342px 194px;
	background-position: top right 25%;
	background-repeat: no-repeat;
	background-image: url(../images/ylaw-bg01.png);
}


.ylaw-top01 h3{
	font-size: 35px;
	letter-spacing: 0.3em;
	padding: 90px 10px 70px;
	text-align: center;
	display: inline;
	font-family: 'Noto Serif JP', serif;
}


.ylaw-top01-wrap{
	max-width: 1000px;
	margin: 30px auto 50px;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
}


.ylaw-top01-01{
	width: 40%;
	display: flex;
	justify-content: center;
}

.ylaw-top01-02{
	width: 60%;
	padding: 0 40px;
	border-radius: 10px;
	line-height: 2.3;
	letter-spacing: 0.2em;
}

.ylaw-top01-02 h4{
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 20px;
}

.ylaw-top01-02 p{
	text-align: justify;
	margin-bottom: 20px;
}

.ylaw-top01-03{
	width: 100%;
	background-color: #F1FCE5;
	padding: 45px;
	border-radius: 15px;
}

.ylaw-top01-03 li{
	padding: 16px 0 16px 45px;
	font-size: 20px;
	background-image: url(../images/ylaw-check.jpg);
	background-size: 30px 30px;
	background-position: top 50% left;
	background-repeat: no-repeat;
}

.ylaw-top02{
	margin-top: 80px;
	
}

.ylaw-top02 header{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}


.ylaw-top02-01{
	position: absolute;
	top: -25px;
	right: 0;
	color: #fff;
	padding:55px 55px;
	width: 550px;
	border-radius: 15px;
	background-color: rgba(189, 5, 141, 0.9);
}


.ylaw-top02-01 h3{
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.3em;
	font-size: 40px;
	margin-bottom: 40px;
}


.ylaw-top02-01 p{
	line-height: 2.2;
}

.ylaw-top03 header{
	text-align: center;
	padding: 100px 0 60px;
}

.ylaw-top03 header img{
	width: 197px;
	margin-bottom: 50px;
}

.ylaw-top03 header h3{
	font-size: 26px;
	margin-bottom: 40px;
	font-weight: bold;
	letter-spacing: 0.3em;
}

.ylaw-top03 header p{
	text-align: left;
	line-height: 2.3;
}

.ylaw-serbox-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 70px;
}

.ylaw-serbox{
	flex-basis: 48%;
	text-align: center;
	margin-bottom: 5%;
}

.ylaw-serbox img{
	margin-bottom: 25px;
}

.ylaw-serbox h4{
	font-size: 36px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.3em;
	margin-bottom: 25px;
}

.ylaw-serbox li{
	font-size: 15px;
	font-family: 'Noto Serif JP', serif;
	margin-bottom: 15px;
	letter-spacing: 0.2em;
}

.ylaw-serbox ul{
	margin-bottom: 25px;
}

.ylaw-serbox a{
	background-color: #00121F;
	padding: 15px;
	display: block;
	border-radius: 3px;
	color: #fff;
	letter-spacing: 0.3em;
	width: 95%;
	margin: 0 auto;
	transition: 0.2s all ease;
	border: 1px solid #00121F;
}

.ylaw-serbox a:hover{
	background-color: #FFF;
	color: #00121F;
}

.aaa,.bbb,.ccc{
	display: none;

}

.ylaw-lawyer-01 .i00{
	float: right;
	width: 40%;
	padding: 0 0 5% 5%;
}

.ylaw-lawyer-01 .i01{
	width: 20%;
	padding-top: 15px;
	margin-bottom:50px;
}


.ylaw-lawyer-01 .i02{
	width: 40%;
	margin-bottom: 80px;
}

.ylaw-lawyer-01 p{
	margin-bottom: 20px;
	line-height: 2.3;
}

.ylaw-lawyer-01 h4{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin:80px 0 50px;
}


.ylaw-lawyer-02 h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin:80px 0 50px;


}

.ylaw-page-content dl,.ylaw-lawyer-02 dl{
	display: flex;
	flex-wrap: wrap;

}

.ylaw-page-content dt,.ylaw-page-content dd,.ylaw-lawyer-02 dt,.ylaw-lawyer-02 dd{
	padding:20px 20px;
	display: block;
}

.ylaw-page-content dt,.ylaw-lawyer-02 dt{
	flex-basis: 23%;
	border-bottom:2px solid #00121F;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

.ylaw-page-content dd,.ylaw-lawyer-02 dd{
	flex-basis: 77%;
	border-bottom:1px solid #ccc;
	letter-spacing: 0.1em;
	line-height: 2;
}

.ylaw-page-content h3{
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin:70px 0 45px;
		line-height: 1.6;
	text-align: center;
}


.ylaw-page-content p{
	font-size: 16px;
	margin:0 0 30px;
	line-height: 2.3;
}


.ylaw-page-content table{
	width: 100%;
	margin-bottom: 45px;
}

.ylaw-page-content th,
.ylaw-page-content td{
	padding: 20px;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	line-height: 1.6;
}

.ylaw-page-content thead th,.ylaw-page-content tbody th{
	background-color: #00121F;
	color: #fff;
}

.ylaw-page-content tbody th{
			width: 30%;
	}



.ylaw-flow-02{
	padding:35px;
	text-align: center;
}

.ylaw-flow-02 a{
	color: #000;
}

.ylaw-flow-span01{
	font-family: 'Noto Serif JP', serif;
	font-size:38px;
	display: block;
	margin-bottom: 0.5vw;
	letter-spacing: 0.3em;
}

.ylaw-flow-02 h4{
	font-size:110px;
	line-height:1;
	white-space: nowrap;
	margin-bottom: 1vw;
	display: block;
	letter-spacing: 0.1em;
	font-weight: 800;
}

.ylaw-flow-span02{
	font-size:30px;
	padding: 7px 30px;
	text-align: center;
	display: block;
	letter-spacing: 0.3em;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 100%;
	margin: 0 auto 1vw;
}

.ylaw-flow-span03{
	font-size:32px;
	padding: 20px 30px;
	text-align: center;
	display: block;
	letter-spacing: 0.3em;
	border-radius: 5px;
	width: 100%;
	color: #fff;
	background-color: #00121F;
	margin: 0 auto;
	border: 1px solid #00121F;
	transition: 0.2s ease all;
}


.ylaw-flow-span03:hover{
	color: #00121F;
	background-color: #fff;
	border: 1px solid #00121F;
}

.ylaw-flow-box{
	padding: 1vw 0 0;
}

.ylaw-flow-no{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ylaw-flow-no span{
	font-size: max(20px, 2vw);
	font-weight: bold;
	color: #fff;
	background-color: #00121F;
	padding: 2vw 2.4vw;
	margin-bottom: 3vw;

}


.ylaw-flow-box h4{
	font-family: 'Noto Serif JP', serif;
	font-size: max(30px, 2.8vw);
	margin-bottom: 0.5vw;
	text-align: center;
	margin-bottom: 3vw;
	letter-spacing: 0.1em;
}

.ylaw-flow-sub{
	text-align: center;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.ylaw-flow-box.box-typeA{
	flex-basis: 100%;
}



.ylaw-flow-box.box-typeC{
	border:1px solid #ccc;
}

.ylaw-page-content .ylaw-flow-box p:last-child{
	margin-bottom: 0;
}

.ylaw-flowbox-wrap{
	display: flex;
	justify-content: space-between;
	margin-bottom: 3vw;
}

.ylaw-flow-box.box-typeB{
	flex-basis: 50%;
	position: relative;
}
.ylaw-flow-box.box-typeC:before{
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	content:'';
	display: block;
	width: 0;
height: 0;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: #bd048c transparent transparent transparent;
}


.ylaw-flow-box.box-typeC{
	flex-basis: 45%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}


.ylaw-page-content dt span{
	background-color: #00121F;
	color: #fff;
	display: inline-block;
	padding: 3px 8px;
	font-size: 11px;
	margin-left: 10px;
}


.ylaw-page-content dd input[type="text"],.ylaw-page-content dd textarea{
	padding: 10px;
	width: 100%;
	border-radius: 10px;
	font-size: 18px;
	border: none;
	background-color: #fff;

}


.ylaw-submit{
	padding: 30px 0 90px;
	text-align: center;
}

.ylaw-submit input[type="submit"]{
	padding: 15px 35px;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #fff;
	border: none;
	background-color: #00121F;
	border: 1px solid #00121F;
	transition: 0.2s all ease;
}

.ylaw-submit input[type="submit"]:hover{
	color: #00121F;
	background-color: #fff;
}

.ylaw-submit input[type="submit"].back{
	padding: 15px 35px;
	font-size: 16px;
	letter-spacing: 0.1em;
	color: #fff;
	border: none;
	background-color: #CCC;
	margin-right: 15px;
}


.mw_wp_form_confirm dd{
	font-size: 18px;
	font-weight: bold;
}

.mw_wp_form_confirm .confirm{
	display: none;
}


.ylaw-submit input[type="submit"].back:hover{
	background-color: #aaa;
}


.ylaw-single-link{
	text-align: center;
	padding: 30px 10px 0;
}

.ylaw-single-link a{
	display: inline-block;
	padding: 10px 40px;
	color: #00121F;
	font-size: 16px;
	text-align: center;
	font-weight:bold;
	border: 1px solid #00121F;
}

.ylaw-single-link a:first-child{
	margin-right: 20px;
}

.ylaw-news.top{
	padding: 60px 20px;
	display: flex;
	justify-content: space-between;
}

.ylaw-news.page{
	padding: 60px 20px;
}

.ylaw-newsbox-01{
	flex-basis: 68%;
}

.ylaw-newsbox-02{
	flex-basis: 30%;
}


.ylaw-news h4{
	font-size:20px;
	margin-bottom: 20px;
	letter-spacing: 0.3em;
	color: #fff;
	padding: 15px 20px;
	background-color: #00121F;
}


.ylaw-news dl{
	display: flex;
	padding: 10px 0 10px;
	border-bottom: 1px dotted #ccc;
}
.ylaw-news dt{
	flex-basis: 23%;
	letter-spacing: 0.1em;
}

.ylaw-news dd{
	flex-basis: 77%;
}


.wp-pagenavi{
	padding: 40px 20px;
	text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span{
	text-decoration: none;
    border: 1px solid #00121F !important;
    background-color: #00121F;
    color: #fff;
    padding: 7px 10px !important;
    margin: 5px !important;
    border-radius: 5px;
}


.wp-pagenavi a:hover, .wp-pagenavi span.current{
	border: 1px solid #00121F !important;
	background-color: #fff !important;
	color:#00121F !important;
}

.ylaw-sozokuwrap img{
	float:left;
	width:25vw;
	margin:40px;
}

.ylaw-hosoku{
	padding:30px;
	background-color:#FFFAD7;
	border-radius:20px;
	clear: both;
}

.ylaw-hosoku p:last-child{
	margin-bottom:0;
}

.mb30{
	margin-bottom:30px;
}


.ylaw-page-souzoku{
	width:100%;
	background-image:url(../images/ylaw-sozoku03.jpg);
	background-repeat:no-repeat;
	background-size:604px 851px;
	background-position:top right;
	padding:10vw 40vw 23vw 9vw;
}

.ylaw-page-souzoku h3{
	font-size: 44px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-bottom:45px;
		line-height: 1.6;
		font-family: 'Noto Serif JP', serif;
}


.ylaw-page-souzoku p{
	font-size: 16px;
	line-height: 2.3;
}


.ylaw-sozokuwrap2{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


.ylaw-sozokubox{
	flex-basis:44%;
}



.ylaw-sozokubox h4{
	text-align:center;
	margin-bottom:20px;
	font-size:20px;
	font-weight:bold;

}
.ylaw-sozokubox p{
	font-size:16PX;
	line-height:1.6;
}


.ylaw-pagetwo{
	width:100%;
	display:flex;
	flex-wrap: nowrap;
}

.ylaw-pagetwo-image{
	flex-basis:50%;
	width:50vw;
}

.ylaw-pagetwo-image img{
	object-fit:cover;
	max-width:inherit;
	width:130%;

}

.ylaw-pagetwo-info{
	flex-basis:50%;
	padding:30px;
	color:#fff;
	background-color:#00121F;
	display:flex;
	align-content: center;
	flex-wrap:wrap;

}

.ylaw-pagetwo-info h3{
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin-bottom:35px;
		line-height: 1.6;
		font-family: 'Noto Serif JP', serif;

}

.ylaw-pagetwo-info p{
	display:block;
	font-size:16PX;
	line-height:2;
	margin-bottom:15px;
	
}

.ylaw-sozokulist{
	margin-bottom:30px;
}

.ylaw-sozokulist{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

.ylaw-sozokulist-img{
	width:60vw;
	display:block;
	margin:0 auto;
}

.ylaw-sozokulist li{
	font-size:18px;
	display:inline-block;
	padding:15px 15px 15px 48px;
	border:1px solid #ccc;
	border-radius:15px;
	margin:15px;
	line-height:1.6;
	background-image:url(../images/ylaw-check2.jpg);
	background-repeat:no-repeat;
	background-size:25px 25px;
	background-position:top 16px left 12px;
}	



.r1-top01{
	position:relative;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
}


.r1-top01-img{
	padding-top:3vw;
}

@media screen and (max-width: 1124px) {

.r1-top01-img{
	xpadding-top:6vw;
}

}

@media screen and (max-width: 1024px) {

.r1-top01-img{
	xpadding-top:18vw;
}

}

.r1-top01-text{
	xposition:absolute;
		padding:6vw 12vw 0;
		z-index:10;
	text-align:center;
	margin-top:-33vw;
	transform:translateY(33vw);
}

.r1-stitle{
	display:inline-block;
	font-size:max(24px,2vw);
	margin-bottom:3vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.8vw;
}

.r1-top01-text h3{
	font-size:max(33px,3vw);
	margin-bottom:3vw;
		letter-spacing:0.8vw;
		line-height:1.4;
}

.r1-top01-text p{
	text-align:justify;
	letter-spacing:0.2vw;
	font-size:max(18px,1.3vw);
	line-height:2;
	margin-bottom:3vw;
}

.r1-linkbutton{
	text-align:center;
}

.r1-linkbutton a{
	font-family: 'Noto Serif JP', serif;
	padding:2vw 6vw;
	color:#00121F;
	border:1px solid #00121F;
	text-align:center;
	display:inline-block;
	letter-spacing:0.2vw;
	font-size:max(13px,1vw);
	transition:0.1s all ease;
}

.r1-linkbutton a:hover{
	color:#fff;
	background-color:#00121F;
}



/*r1-cta*//*r1-cta*//*r1-cta*//*r1-cta*//*r1-cta*//*r1-cta*//*r1-cta*//*r1-cta*/


.r1-cta{
	width:100%;
	height:auto;
	background-color: #fff;
}

.r1-cta.r1-con{
	box-shadow: 0px 6px 19px -10px rgba(0,0,0,0.6);
}

.r1-cta-wrap{
	display: flex;
	flex-shrink:0;

}

.r1-cta-box a{
	color:#000;
	xborder-bottom: 1px solid #000;
	xtransition:0.3s all ease;
}

.r1-cta-box a:hover{
	xcolor:#F2631D;
	xborder-bottom: 1px solid #F2631D;
}

.r1-cta-01{
	width:43%;
	background-color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.r1-cta-01 div{
	width:100%;
	text-align: center;
}

.r1-cta-01 img{
	width: 100%;
}

.r1-cta-01 span{
	font-family: 'Noto Serif JP', serif;
	font-size:16px;
	letter-spacing: 0.5em;
}

.r1-cta-02{
	font-family: 'Noto Serif JP', serif;
	width:57%;
	padding:3vw 6vw 0;
	text-align: left;
}


.r1-cta-02 h4{
	font-size:max(20px,1.6vw);
	margin-bottom:3vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.3vw;
}




.r1-cta-span01{
	font-family: 'Noto Serif JP', serif;
	font-size:1.5vw;
	display: block;
	margin-bottom: 0.5vw;
	letter-spacing: 0.3em;
}


.r1-cta-span02{
	font-size:1.3vw;
	padding: 7px 30px;
	text-align: center;
	display: block;
	letter-spacing: 0.3em;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 85%;
	margin: 0 auto 0.5vw;
}

.r1-cta-span03{
	font-size:1.3vw;
	padding: 20px 30px;
	text-align: center;
	display: block;
	letter-spacing: 0.3em;
	border-radius: 5px;
	width: 85%;
	color: #fff;
	background-color: #00121F;
	margin: 0 auto;
	border: 1px solid #00121F;
	transition: 0.2s ease all;
}


.r1-cta-span03:hover{
	color: #00121F;
	background-color: #fff;
	border: 1px solid #00121F;
}


.r1-topservice,.r1-sec{
	padding:6vw 12vw;
}

.r1-sec.r1-value{
	xbackground-color:#00121F;
	xcolor:#fff;
	background-image:url(images-r1/r1-value.jpg);
}

.r1-topservice03{
	padding:6vw 0;
}

.r1-topservice header,.r1-sec header{
	text-align:center;
	margin-bottom:0;
}

.r1-topservice03 header{
	text-align:center;
}

.r1-topservice03 p{
	padding:3vw 12vw 0;
	font-size:max(16px,1.3vw);
	line-height:1.6;
}

.r1-topservice-box{
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
	flex-direction:row-reverse;
}

.r1-topservice-box.full{
	padding-top:6vw;
}

.r1-topservice-box.left{
flex-direction:row;
}

.r1-topservicebox-image{
	flex-basis:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}

.r1-topservicebox-image img{
	display:block;
	width:80%;
}


.r1-topservicebox-text{
	flex-basis:50%;
	display:flex;
		align-items:center;
	justify-content:center;
	text-align:center;


}


.r1-topservicebox-text.full{
	padding-top:3vw;
flex-basis:100%;
}

.r1-topservicebox-text span{
	display:inline-block;
	font-weight:bold;
	font-size:max(20px,1.6vw);
	margin-bottom:1vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.3vw;
}

.r1-topservicebox-text h3{
	font-size:max(40px,3.3vw);
	margin-bottom:2vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.3vw;

	}


a.r1-linkb{
	font-family: 'Noto Serif JP', serif;
	background-color: #00121F;
	padding: 15px;
	display: block;
	border-radius: 3px;
	color: #fff;
	text-align:center;
	letter-spacing: 0.3em;
	width: 95%;
	margin: 0 auto;
	transition: 0.2s all ease;
	border: 1px solid #00121F;
}

a.r1-linkb:hover{
	background-color: #FFF;
	color: #00121F;
}



.r1-topservice02{
	padding:3vw 6vw;
	background-color:#f0f0f0;
}


.r1-topservice02-wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.r1-topservicebox02{
	padding:2vw;
	flex-basis:33%;
}

.r1-topservicebox-image02{
	width:100%;
}

.r1-topservicebox-text02{
	text-align:center;
	padding:3vw 0;
}

.r1-topservicebox-text02 h3{
	font-size:max(20px,1.6vw);
	margin-bottom:2vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.3vw;

	}


.r1-footer-wrap{
	padding:6vw 6vw;
	display:flex;
	justify-content:space-between;
}

.r1-footer-logo{
	flex-basis:30%;
}


.r1-footer-logo img{
	width:10vw;
}

.r1-footer-link{
	color:#fff;
	flex-basis:70%;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
	font-family: 'Noto Serif JP', serif;
}

.r1-footer-link ul{
	display:flex;
	flex-wrap:wrap;

}
.r1-footer-link li{
	padding:0.5vw 2vw;
	border-right:1px solid #fff;
}

.r1-footer-link li:last-child{
	padding:0.5vw 0 0.5vw 2vw;
	border-right:none;
}

.r1-footer-link a{
	color:#fff;
	transition:0.2s all ease;
}

.r1-footer-link a:hover{
	color:#FFEF00;
}


.r1-hosoku{
	padding:1vw 2vw;
	border:1px solid #ccc;
	display:block;
	margin-bottom:3vw;
	line-height:1.6;
	font-size:max(13px,1vw);

}


.r1-topservice-info{
		padding:3vw 3vw 6vw;
		
}

.r1-topservice-info p{
	font-size:max(16px,1.3vw);
}

.r1-company{
	background-image:url(images-r1/r1-value.jpg);
}

.r1-companylist{
	padding:0 8vw;
	font-family: 'Noto Serif JP', serif;
}

.r1-companylist dl{
	padding:1.5vw 0;
	display:flex;
	font-size:max(16px,1.3vw);
	line-height:1.6;
	letter-spacing: 0.2em;

}


.r1-companylist dt{
	flex-basis:23%;
	padding:2vw;
	border-bottom:2px solid #00121F;
}


.r1-companylist dd{
	flex-basis:77%;
		padding:2vw;
		border-bottom:1px solid #ccc;
}


.r1-sus{
	background-image:url(images-r1/r1-bgblue.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-size:cover;

}

.r1-sus-wrap{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content:center;
		padding:3vw 9vw;
}



.r1-sus-box{
	padding:3vw;
	flex-basis:100%;
}

.r1-sus-box h4{
	font-size:max(22px,1.8vw);
	margin-bottom:2vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.3vw;
}

.r1-sus-box li{
	padding-bottom:1vw;
	font-family: 'Noto Serif JP', serif;
	font-size:max(16px,1.2vw);
	line-height:1.5;
}



.r1-topservice04{
	padding:3vw 6vw;
}


.r1-topservice04-wrap{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.r1-topservicebox04{
	padding:2vw;
	flex-basis:50%;
}

.r1-topservicebox-image04{
	width:100%;
}

.r1-topservicebox-text04{
	text-align:center;
	padding:3vw 0 0;
}

.r1-topservicebox-text04 h3{
	font-size:max(20px,1.6vw);
	margin-bottom:2vw;
	font-family: 'Noto Serif JP', serif;
	font-weight:bold;
	letter-spacing:0.3vw;

	}

.r1-topservicebox-text04 p{

}

.r1-merit{
	display:flex;
	justify-content:center;
	align-items: center;
}

.r1-merit ul{
	display:inline-block;
}


.r1-merit li{
	padding-bottom:1vw;
	font-family: 'Noto Serif JP', serif;
	font-size:max(20px,1.7vw);
	line-height:1.5;
	white-space:nowrap;
}




.r1-newswrap{

	border-radius:15px 0 0 15px;
	background-size:cover;
	background-position:bottom;
	background-repeat:no-repeat;
	font-family: 'Noto Serif JP', serif;
}


.r1-newswrap a{
	color:#000;
}


.r1-newsbox{
	display:flex;
	text-align:left;
	justify-content:space-between;
	margin-bottom:2vw;
	font-size:max(16px, 1vw);
	letter-spacing:0.1em;
	padding-bottom:2vw;
	border-bottom:1px solid #ccc;
}
.r1-news a{
	color:#000;
	padding-bottom:3px;
	border-bottom:1px solid rgba(0,0,0,0);
}

.r1-news a:hover{
	border-bottom:1px solid rgba(0,0,0,100%);
}


.r1-newsbox-time{
	flex-basis:15%;
}

.r1-newsbox-title{
flex-basis:85%;
}


.r1-cta-text span,.mado{
	font-size:13px;
	display:inline-block;
	margin:1vw 0;
	line-height:1.5;
}


.ylaw-contact dd a{
	color:#000;
	padding-bottom:3px;
	border-bottom:1px solid #000;
}



.snj-top02{
	background-image:url(images-snj/snj-bg01.svg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	padding:15vw 20vw 5vw;
	position:relative;
}

.snj-chou03 {
  position: absolute;
  background-image: url(images-snj/snj-chou03.png);
  background-size: 12.6953125vw 11.23046875vw;
  width: 12.6953125vw;
  height: 11.23046875vw;
  left: 3vw;
  top: 23vw;
}

.snj-chou05 {
  position: absolute;
  background-image: url(images-snj/snj-chou05.png);
  background-size: 17.28515625vw 19.921875vw;
  width: 17.28515625vw;
  height: 19.921875vw;
  right: 3vw;
  top: 23vw;
}


.snj-top02 img{
	width:100%;
}

.snj-top02-sec{
	color:#000;
	margin-bottom: 6vw;
}


.snj-top02-sec h3{
	font-size:max(35px,3vw);
	line-height:1.3;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:3vw;
	color:#000;
}

.snj-top02-sec.sec02{
	text-align:center;
}


.snj-top02-sec.sec02 img{
	margin-bottom:3vw;
}


.snj-top02-sec.sec02 h4{
	font-size:max(22px, 1.8vw);
	line-height:1.6;
	letter-spacing:0.2vw;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:3vw;
}


.snj-top02-sec.sec02 span.s01{
	padding:1vw 3vw;
	width:100%;
	display:block;
	border:1px solid #333;
	font-size:max(22px, 1.8vw);
	line-height:1.6;
	letter-spacing:0.2vw;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:3vw;
}


.snj-top03{
	color:#000;
	background-image:url(images-snj/snj-bg02.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding:10vw 20vw 10vw;
	position:relative;
	font-family: 'Noto Serif JP', serif;
}

.snj-top03 h3{
	font-size:max(35px,3vw);
	line-height:1.3;
	text-align:center;
	margin-bottom:3vw;
	color:#000;
}

.snj-top03 dl{
	display:flex;
	font-size:max(16px, 1.2vw);
}

.snj-top03 dt{
	width:25%;
	padding:3vw;
	border-right:1px solid #ccc;
	letter-spacing:0.2vw;
	line-height:1.6;
}



.snj-top03 dd{
	width:75%;
	padding:3vw;
	letter-spacing:0.2vw;
	line-height:2;
}


.snj-top04{
	color:#000;
	background-image:url(images-snj/snj-bg03.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	padding:10vw 20vw 10vw;
	position:relative;
		font-family: 'Noto Serif JP', serif;
}



.snj-top04 h3{
	font-size:max(35px,3vw);
	line-height:1.3;
	text-align:center;
	margin-bottom:6vw;
	color:#000;
}


.snj-flowbox{
	text-align:center;
	margin-bottom:6vw;
}

.snj-flowbox-no{
	display:inline-block;
	padding:2.7vw 3vw;
	font-size:max(35px,3vw);
	color:#fff;
	margin-bottom:3vw;
	background-color: #CDAA50;
}


.snj-flowbox h4{
	font-size:max(22px,2.2vw);
	line-height:1.3;
	text-align:center;
	margin-bottom:3vw;
	color:#000;
}

.snj-flowbox-hosoku{
	padding:1vw 3vw;
	width:100%;
	display:block;
	border:1px solid #ccc;
	font-size:max(16px, 1vw);
	line-height:1.6;
	letter-spacing:0.2vw;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:3vw;
}

.snj-news{
	background-color:#fff;
	font-family: 'Noto Serif JP', serif;
	position:relative;
}


.snj-news h3{
	font-size:max(35px,3vw);
	line-height:1.3;
	text-align:center;
	margin-bottom:6vw;
	color:#000;
}


.snj-company{
	color:#000;
	background-color:#fff;
	padding:10vw 20vw 10vw;
	position:relative;
	font-family: 'Noto Serif JP', serif;
}


.snj-company h3{
	font-size:max(35px,3vw);
	line-height:1.3;
	text-align:center;
	margin-bottom:3vw;
	color:#000;
}

.snj-company dl{
	display:flex;
	font-size:max(16px, 1.2vw);
}

.snj-company dt{
	width:25%;
	line-height:1.6;
	padding:2vw 3vw;
	font-size:max(13px, 1vw);
	border-right:1px solid #ccc;
	letter-spacing:0.2vw;
}



.snj-company dd{
	width:7.snj-company5%;
	padding:2vw 3vw;
	line-height:2;
	letter-spacing:0.2vw;
}

.snj-chou01 {
  position: absolute;
  background-image: url(images-snj/snj-chou01.jpg);
  background-size: 21.875vw 50.78125vw;
  width: 21.875vw;
  height: 50.78125vw;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.snj-chou02 {
  position: absolute;
  background-image: url(images-snj/snj-chou02.jpg);
  background-size: 13.37890625vw 9.765625vw;
  width: 13.37890625vw;
  height: 9.765625vw;
  right: 15vw;
  top: 15vw;
}



.snj-footer-wrap{

}


.snj-cloud01 {
  position: absolute;
  background-image: url(images-snj/snj-cloud01.svg);
  background-size: 39.35546875vw 9.08203125vw;
  width: 39.35546875vw;
  height: 9.08203125vw;
  left: -19.53125vw;
  bottom: 0vw;
}

.snj-cloud01b {
  position: absolute;
  background-image: url(images-snj/snj-cloud01.svg);
  background-size: 39.35546875vw 9.08203125vw;
  width: 39.35546875vw;
  height: 9.08203125vw;
  right: -9.765625vw;
  top: 0vw;
}

.snj-cloud02 {
  position: absolute;
  background-image: url(images-snj/snj-cloud02.svg);
  background-size: 21.58203125vw 4.98046875vw;
  width: 21.58203125vw;
  height: 4.98046875vw;
  left: -1vw;
  top: 5vw;
}

.snj-cloud02b {
  position: absolute;
  background-image: url(images-snj/snj-cloud02.svg);
  background-size: 21.58203125vw 4.98046875vw;
  width: 21.58203125vw;
  height: 4.98046875vw;
  right: -6vw;
  bottom: 3vw;
}

.snj-cloud03 {
  position: absolute;
  background-image: url(images-snj/snj-cloud03.png);
  background-size: 19.7265625vw 34.47265625vw;
  width: 19.7265625vw;
  height: 34.47265625vw;
  left: 0;
  bottom: 0;
}

.snj-cloud04 {
  position: absolute;
  background-image: url(images-snj/snj-cloud04.svg);
  background-size: 26.66015625vw 6.15234375vw;
  width: 26.66015625vw;
  height: 6.15234375vw;
  right: -10vw;
  bottom: 50vw;
}

.snj-cloud05 {
  position: absolute;
  background-image: url(images-snj/snj-cloud05.svg);
  background-size: 13.37890625vw 6.15234375vw;
  width: 13.37890625vw;
  height: 6.15234375vw;
  right: 0;
  bottom: 50vw;
}

.snj-sakura01 {
  position: absolute;
  background-image: url(images-snj/snj-sakura01.png);
  background-size: 14.74609375vw 23.4375vw;
  width: 14.74609375vw;
  height: 23.4375vw;
  right: 0;
  bottom: 0;
}

.snj-footer-wrap{
	color:#000;
	background-color:#fff;
	padding:5vw 5vw 5vw;
	position:relative;
	display:flex;
	align-items:center;
}

.snj-footer-logo{
	flex-basis:25%;
	padding:3vw;
}

.snj-footer-info{
	flex-basis:70%;
}

.snj-footer-info h3{
	font-size:max(18px,1.3vw);
	line-height:1.3;
	font-weight:bold;
	letter-spacing:0.2vw;
	margin-bottom:1vw;
	color:#000;
}

.snj-footer-info span{
	line-height:1.6;
		letter-spacing:0.2vw;
}
.snj-matsu {
  position: absolute;
  background-image: url(images-snj/snj-matsu01.png);
  background-size: 38.57421875vw 20.99609375vw;
  width: 38.57421875vw;
  height: 20.99609375vw;
  right: 0;
  bottom: 0;
}


.snj-gmap iframe {
  border: none;
  display: block; /* inline要素の隙間対策 */
}


.snj-sns{
	color:#000;
	background-color:#fff;
	padding:5vw 20vw 0;
	position:relative;
	font-family: 'Noto Serif JP', serif;
	display:flex;
}

.snj-snsboxwrap{
	display:flex;

}


.snj-snsbox{
	width:8vw;
	margin-left:2vw;
}

.snj-snsbox img{
	width:100%;
}