/*モバイル*/
.pcon-bl{
	display: block;
}

.pcon-inbl{
	display: inline-block;
}


.smon-bl,.smon-inbl{
	display: none;
}


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






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

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

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

.ylaw-flow-span02{
	font-size:2.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 1vw;
}

.ylaw-flow-span03{
	font-size:2vw;
	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;
}


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





}/*1400*/


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

			

			.banner a.menuToggle{
				display: inline;
			}

			.ylaw-header-nav{
				display: none;
			}

			


}/*1024*/

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



	.pcon-bl{
	display: none;
	}

	.pcon-inbl{
		display: none;
	}



	.smon-bl{
		display: block;
	}

	.smon-inbl{
		display: inline-block;
	}
	.dio-topnavi,.dio-header-logo02{
			display: none;
		}


	#header {
		height: 80px;
	}

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

	a.menuToggle{
			padding:0 10px;
		}

	a.menuToggle:after {
		width:50px;
		height: 80px;

				}

		#header h1,#banner h1{
			display: block;
			text-align: center;
			padding-top: 17px;
		}



		#header h1 a{
				border: 0;
				display: inline-block;
				background-image:url(images-snj/snj-logo-b.svg);
				width:230px;
				height:38px;
				text-indent: -9999px;
				background-size: 230px 38px;
				left:20px;
			}

			.banner header h1 a{border: 0;
				display: inline-block;
				background-image:url(images-snj/snj-logo.svg);
				width:230px;
				height:38px;
				text-indent: -9999px;
				background-size: 230px 38px;
			z-index: 10010;
			left:20px;
			}

		.ylaw-banner-bar{
		font-size: 12px;
		letter-spacing: 0.1em;
		padding: 10px;
		line-height: 1.6;
			}

			.ylaw-banner-bar br{
				display: none;
			}

		.ylaw-header-logo02 {
    position: relative;
    top: inherit;
    left:  inherit;
    transform:  inherit;
    font-family: 'Noto Serif JP', serif;
    font-size: 13px;
    display: block;
    letter-spacing: 0.3em;
    text-align: center;
}
#header{

}





/*menu*//*menu*//*menu*//*menu*//*menu*//*menu*//*menu*//*menu*/


#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: #00121F;
		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 0 0;
			}


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

				}


		#menu .close {
			background-image: url("images/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;
		}



/*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: 20px;
}

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

.dio-contact th,.dio-contact td{
	padding:15px 10px;
	background-color:#f0f0f0;
	border:2px solid #fff;
	vertical-align: middle;
	font-size:16px;
}


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

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


.dio-contact td{
	width:100%;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	display: block;
}


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

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

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



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

	.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: 18px;
		font-weight: 800;
		letter-spacing: 3px;
		padding: 10px 40px;
		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: 15px;
	}

		.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: 10px;
		font-size:18px;
		font-weight:bold;
	}

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



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



	.ylaw-top01 h3{
		font-size: 23px;
		white-space:nowrap;
		line-height: 1.6;
	}

	.ylaw-top01 header{
		padding: 40px 10px 20px;
		background-size: 188px 107px;
		background-position: top right 0;
	}

	.ylaw-top01-wrap{
		display: block;
		margin: 30px auto 20px;
	}


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

.ylaw-top01-01 img{
	width: 50%;
	margin-bottom: 25px;
}

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

.ylaw-top01-02 h4{
	margin-bottom: 20px;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.6;
}
.ylaw-top01-02 p{
	font-size: 13px;
	text-align: justify;
	margin-bottom: 20px;
}

.ylaw-top01-03{
	width: 95%;
	margin: 0 auto;
	background-color: #F1FCE5;
	padding:10px 15px;
	border-radius: 15px;
}

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



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

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


.ylaw-top02-01{
	position: relative;
	top: inherit;
	right: inherit;
	color: #fff;
	padding:40px 25px;
	width: 100%;
	border-radius: 0;
	background-color: rgba(189, 5, 141, 0.9);
}


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


.ylaw-top02-01 p{
	line-height: 2.2;
	font-size: 13px;
}


.ylaw-top03 header{
	padding: 40px 20px 40px;
}

.ylaw-top03 header img{
	width: 120px;
	margin-bottom: 25px;
}


.ylaw-top03 header h3{
	font-size: 18px;
	margin-bottom: 20px;
	padding: 0 35px;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.7;
}

.ylaw-top03 header p{
	text-align: left;
	line-height: 2;
	font-size: 13px;
}

.ylaw-serbox-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 30px;
	padding: 0 20px;
}

.ylaw-serbox{
	flex-basis: 100%;
	text-align: center;
	margin-bottom: 25px;
}

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

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

.ylaw-serbox li{
	font-size: 14px;
	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;
	font-size: 13px;
	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;
}


.ylaw-access{
	max-width: 1000px;
	margin: 20px auto 20px;
	display: inherit;
	justify-content: inherit;
	padding: 0 10px;
}

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

.ylaw-access-02{
	width: 100%;
	font-weight: 500;
	padding: 25px 25px;
	border-radius:0 0 10px 10px;
	line-height: 2;
	font-size: 13px;
	background-color: #EFEFEF;
	letter-spacing: 0.1em;
}

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

.ylaw-access-02 h4 span{
	font-size: 11px;
	display: block;
	margin-left: 0;
	letter-spacing: 0.3em;
}





.ylaw-banner-inner{
	padding: 45px 20px 0;
}

.ylaw-banner-inner h2{
	font-size: 30px;
}

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

.ylaw-page-content {
	padding: 0 15px;
}

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

.ylaw-page-content h3 br{
	display: none;
}

.ylaw-page-content h3 br.smon-bl{
	display: inline-block;
}

.ylaw-page-content p{
	font-size: 13px;
	margin-bottom: 25px;
}


.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 10px;
	display: block;
}

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

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


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

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

.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:25px 20px;
	text-align: center;
}

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

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

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

.ylaw-flow-span03{
	font-size:16px;
	padding: 20px 20px;
	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: 20px 0;
}

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

.ylaw-flow-no span{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #00121F;
	padding: 20px 25px;
	margin-bottom: 20px;

}


.ylaw-flow-box h4{
	font-family: 'Noto Serif JP', serif;
	font-size:20px;
	margin-bottom: 0.5vw;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
	line-height: 1.6;
}

.ylaw-flow-sub{
	text-align: center;
	font-size: 13px;
	letter-spacing: 0.1em;
	font-weight: bold;
	line-height: 1.3;
}

.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: 60px;
}

.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: 20px 20px 0 20px;
border-color: #bd048c transparent transparent transparent;
}


.ylaw-flow-box.box-typeC{
	flex-basis: 45%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 0 20px;
	margin-bottom: 50px;
}



.ylaw-lawyer-01 .i00{
	float: inherit;
	width: 60%;
	padding:0;
	display: block;
	margin:0 auto 30px;
}

.ylaw-lawyer-01 .i01{
	width: 40%;
	padding:0;
	display: block;
	margin:0 auto 20px;
}


.ylaw-lawyer-01 .i02{
	width: 70%;
	padding:0;
	display: block;
	margin:0 auto 30px;
}

.ylaw-lawyer-01 p{
	padding: 0 20px;
	margin-bottom: 20px;
	line-height: 2;
	font-size: 13px;
}

.ylaw-lawyer-01 h4{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin:30px 0 20px;
	line-height: 1.6;
	padding: 0 20px;
}


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

}

.ylaw-submit{
	padding: 0 0 50px;
}

.ylaw-lawyer-02{
	padding: 0 20px;
}

.ylaw-contact dl{
	display: block;
	margin-bottom: 10px;
}

.ylaw-contact dt{
	width: 100%;
	padding: 10px;
}

.ylaw-contact dd{
	border: none;
}

.ylaw-banner-inner h2 span{
	font-size: 12px;
	font-weight: bold;
}


.ylaw-news.toop{
	padding: 30px 20px;
	display: block;
}

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

.ylaw-newsbox-01{
	flex-basis: 100%;
	margin-bottom: 30px;
}

.ylaw-newsbox-02{
	width: 100%;
	marign: 0 auto 20px;
}

.fb_iframe_widget iframe{
	width: 100% !important;
}


.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: 25%;
	letter-spacing: 0.1em;
}

.ylaw-news dd{
	flex-basis: 75%;
	line-height: 1.4;
}


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

.ylaw-news.top{
	display: block;
}


.ylaw-sozokuwrap img{
	display:block;
	float:none;
	width:75vw;
	margin:0 auto 30px;
}


.ylaw-page-souzoku{
	width:100%;
	background-image:url(../images/ylaw-sozoku03_xm.jpg);
	background-repeat:no-repeat;
	background-size:302px 371px;
	background-position:top right;
	padding:50vw 30px 10vw 20px;
}

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


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


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


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

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

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



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

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

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

}

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

}

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

}

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


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

.ylaw-sozokulist li{
	font-size:16px;
		margin:10px;
		width:100%;
		display:block;
}


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



/*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;
	flex-wrap: wrap;

}



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

.r1-cta-01 div{
	width:100%;
	margin: 0 auto 10px;
	text-align: center;
}

.r1-cta-01 img{
	width: 100%;
	margin-bottom: 15px;
	display: inline-block;
}

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

.r1-cta-02{
	width:100%;
	padding:15px;
	text-align: center;
}

.r1-cta-span01{
	font-family: 'Noto Serif JP', serif;
	font-size:13px;
	display: block;
	margin-bottom: 5px;
	letter-spacing: 0.1em;
}

.r1-cta-02 h4{
	font-size:26px;
	line-height:1;
	margin-bottom: 20px;
	display: block;
	letter-spacing: 0.1em;
	font-weight: 800;
}

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

.r1-cta-span03{
	font-size:13px;
	padding: 13px 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-stitle{
	font-size:20px;
	margin-bottom:30px;
}

.r1-cta-02 p{
	font-size:13px;
}

.r1-top01-text{
	padding:50px 25px 30px;
}

.r1-top01-text h3{
	font-size:24px;
}

.r1-top01-text p{
	font-size:13px;
	margin-bottom:30px;
}

.r1-linkbutton a{
	font-size:13px;
	padding:20px 50px;
}


.r1-topservice, .r1-sec{
	padding:50px 20px;
}

.r1-topservice-box{
	display:block;
}


.r1-topservicebox-image img{
	width:70%;
	margin-bottom:30px;
}

.r1-topservicebox-text{
	margin-bottom:50px;
}

.r1-topservicebox-text h3{
	font-size:25px;
	margin-bottom:20px;
}

.r1-topservicebox-text span{
	font-size:20px;
	margin-bottom:10px;
}

.r1-topservicebox-text p{
	font-size:13px;
	margin-bottom:20px;
}

.r1-topservice02{
	padding:50px 20px 30px;
}

.r1-topservice02-wrap{
	display:block;
}

.r1-footer-wrap{
	display:block;
}

.r1-footer-link{
	padding-top:30px;
	display:block;
}

.r1-footer-link ul{
	display:block;
}

.r1-footer-link li{
	display:block;
	width:100%;
	border:none;
}

.r1-footer-link li a{
	display:block;
	padding:10px;
	border-bottom:1px solid #444;
}

.r1-footer-wrap{
	padding:50px 0;
}

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

.copyright{
	padding:0  0 20px;
	text-align:center;
}

.r1-hosoku{
	padding:10px 15px;
	text-align:justify;
	margin-bottom:30px;
}

.r1-merit li{
	white-space:inherit;
	margin-bottom:25px;
}

.r1-topservice04-wrap{
	display:block;
}

.ylaw-flowbox-wrap{
	margin-bottom:30px;
}

.r1-sus-wrap{
	display:block;
	padding:35px 0;
}

.r1-companylist{
	padding:0;
}

.r1-sus-box h4{
	font-size:20px;
	margin-bottom:15px;
}



.r1-newswrap{

	font-family: 'Noto Serif JP', serif;
}


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


.r1-newsbox{
	display:flex;
	text-align:left;
	justify-content:space-between;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
	margin-bottom:15px;
	font-size:max(16px, 1vw);
}

.r1-newsbox-time{
	flex-basis:20vw;
}

.r1-newsbox-title{
flex-basis:80vw;
padding-left:1em;
}




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




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


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


.snj-top02-sec h3{
	font-size:28px;
	margin-bottom:30px;
	color:#000;
}

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


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


.snj-top02-sec.sec02 h4{
	font-size:18px;
	line-height:1.6;
	letter-spacing:0.2vw;
	font-family: 'Noto Serif JP', serif;
	margin-bottom:30px;
	text-align:left;
}

.snj-top02-sec.sec02 h4 br{
	display:none;
}


.snj-top02-sec.sec02 span.s01{
	padding:1vw 3vw;
	width:100%;
	display:block;
	border:1px solid #333;
	font-size:18px;
	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 10vw 10vw;
	position:relative;
	font-family: 'Noto Serif JP', serif;
}

.snj-top03 h3{
	font-size:28px;
	line-height:1.3;
	text-align:center;
	margin-bottom:30px;
	color:#000;
}

.snj-top03 dl{
	display:flex;
	font-size:16px;
}

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



.snj-top03 dd{
	width:70%;
	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 10vw 10vw;
	position:relative;
		font-family: 'Noto Serif JP', serif;
}


.snj-top04.contact{
	padding-top:100px;
}



.snj-top04 h3{
	font-size:28px;
	line-height:1.3;
	text-align:center;
	margin-bottom:30px;
	color:#000;
}


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

.snj-flowbox-no{
	display:inline-block;
	padding:27px 30px;
	font-size:30px;
	color:#fff;
	margin-bottom:30px;
	background-color: #CDAA50;
}


.snj-flowbox h4{
	font-size:23px;
	line-height:1.3;
	text-align:center;
	margin-bottom:20px;
	color:#000;
}

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

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


.snj-news h3{
	font-size:28px;
	line-height:1.3;
	text-align:center;
	margin-bottom:6vw;
	color:#000;
}


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


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

.snj-company dl{
	display:flex;
	font-size:16px;
}

.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:75%;
	padding:2vw 3vw;
	line-height:2;
	letter-spacing:0.2vw;
}

.snj-chou03{
	display:none;
}

.snj-chou05{
	display:none;
}

.snj-chou01 {
	display:none;
  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-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:50px 5vw 150px;
	position:relative;
	display:block;
	text-align:center;
	align-items:center;
}

.snj-footer-logo{
	flex-basis:100%;
	padding:0;
	margin-bottom:20px;
}

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

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

.snj-footer-info span{
	line-height:1.6;
		letter-spacing:0.2vw;
}



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


.snj-sns{
	color:#000;
	background-color:#fff;
	padding:30px 8vw 30px;
	position:relative;
	font-family: 'Noto Serif JP', serif;
	display:block;
}


.snj-snsbox{
	width:80px;
	margin-left:0;
	padding:0 10px;
}

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


	#footer {
		background-color: #343434;
		display:block;
		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;
		}


		.snj-snsboxwrap{
	display:flex;
	justify-content:center;
	padding:15px 0;

}




}/*780*/


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



}