/*----------------------------------------------------------------------------*/
/* 	プライバシーポリシー									  CSS    */
/*----------------------------------------------------------------------------*/

@charset "utf-8";

	.particle01 {
		margin:100px auto 0 auto;
		z-index:0;
	}
	main {
	}
	main#container {
/*		background-color: #FFF;	*/
		z-index:1;
	}

	main#container h1 {
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#sviewerPC {			/* ●PC */
		height:210px;
	}

/* font-family  ◆*/
	h1,
	#g-nav-list li:nth-child(1),
	#news h2,
	#blog h2,
	#recruit h2 {
		font-weight:normal;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
	}

/* heading  ◆*/
	#news h2,
	#blog h2,
	#recruit h2 {
		font-size: 5rem;
		text-align: center;
		margin: 0 0 50px 0;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}
	#sviewerPC .box01 .h1subt {
		margin-top:-15px;
		font-size:42px;
		padding-left:24%;
		transform: rotate(-7deg);	/*◇斜体 */
	}

	@media screen and (max-width:767px) {
		#news h2,
		#blog h2,
		#recruit h2 {
			font-size: 2rem;
		}
		#sviewerSP h2 {
			display:block;
			margin: 10px  auto 0 auto;
			font-weight:bold;
			font-size:12px;
			padding:15px 0 0 4%;
		}
		#sviewerSP .h1subt {
			display:block;
			margin: 0  auto 0 auto;
			font-size:10px;
			padding:0 0 10px 4%;
		}
	}

	#sviewerPC .box01 h2 {
		display:block;
		margin: 10px  auto 0 auto;
		padding-left:17%;
	}
	#sviewerPC .box01 .h1subt {
		margin: 0  auto 0 auto;
		font-size:30px;
		text-align:left;
		color: #333;
		padding-left:25%;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

	}
	@media only screen and (min-width: 1020px) and (max-width: 1400px) {	/*◇ PC-S */

		#sviewerPC .box01 h2 {
			display:block;
			text-align:left;
			font-size:26px;
			letter-spacing:1px;
			color: #333;
			letter-spacing:3px;
			padding-left:15%;
		}
		#sviewerPC .box01 .h1subt {
			margin: 0  auto 0 auto;
			font-size:30px;
			text-align:left;
			color: #333;
			padding-left:20%;
		}
	}
	@media only screen and (min-width: 1400px) and (max-width: 1680px) {	/*◇ PC-M */

		#sviewerPC .box01 h2 {
			display:block;
			margin: 20px  auto 0 auto;
			text-align:left;
			font-size:28px;
			letter-spacing:1px;
			color: #333;
			letter-spacing:3px;
			padding-left:15%;
		}
		#sviewerPC .box01 .h1subt {
			margin: 0  auto 0 auto;
			font-size:30px;
			text-align:left;
			color: #333;
			padding-left:20%;
		}
	}

/* ■ MainConents #section01  */

	#section01 {
		margin: -30px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,white 0%,white 5%,#F3F3F3 5%,#F3F3F3 40%,white 40%,white 100%);	/* ★ */
	}
	#section01 h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#sec01{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	#sec01 #sec01sym01 {
		display:none;
	}
	#section01 #sec01title01 {
		margin: 20px auto 0 auto;
		width: 85%;
		border-left: 5px solid #2D1210;		/* sopv-brown02 */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#section01 #sec01title01 h2 {
		font-size:15px;
		color:#222;
		font-weight:bold;
		padding-top:5px;
		padding-bottom:5px;
		padding-left:15px;
	}
	#section01 #sec01title01 p {
		width: 100%;
		font-size:12px;
		color:#222;
		line-height:22px;
		padding-top:10px;
		padding-left:20px;
	}
	#sec01 .ppsec {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:10px;
		padding-bottom:0px;
	}
	#sec01 .ppsec  dl,dt,dd {
		display:block;
	}
	#sec01 .ppsec  h3 {
		display:block;
		margin: 20px auto 10px auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		color:#222;
		line-height:1.8em;
		padding-left:10px;
		padding-bottom:5px;
		border-left: 5px solid #2D1210;		/* sopv-brown02 */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#sec01 .ppsec .h4text {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding-top:10px;
		padding-left:0;
		padding-right:0;
		padding-bottom:10px;
	}
	#sec01 .ppsec .h4text span {
		font-weight:bold;
	}
	#sec01 .ppsec .text01 {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:1.7em;
		padding-top:10px;
		padding-left:0;
		padding-right:0;
		padding-bottom:10px;
		color:#222;
	}
	#sec01 #pp02>ul li {
		margin: 0 auto 0 auto;
			width: 80%;
			font-size:12px;
			line-height:23px;
	 		padding-left:1em;
		 	text-indent:-1em;	/* 2行目以降1字下げ */
			padding-bottom:5px;
	}
	#sec01 .ppsec dl,dt,dd {
		display:block;
	}
	#sec01 .ppsec dl.ppitem {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#sec01 .ppsec dl.ppitem dt {
		margin: 0 auto 0 auto;
		width: 95%;
		font-size:12px;
		font-weight:bold;
		padding-top:10px;
		padding-left:14px;
		color:#222;
		line-height:18px;
		background:url("../images/bg/titlesym03.svg") no-repeat;
		background-size:38px 38px;
		background-size:19px 19px;	/* 50% */
		background-position:left 0 top 0;
	}
	#sec01 .ppsec dl.ppitem dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding:0px;
		padding-top:10px;
		padding-left:0px;
	}
	#sec01 .ppsec dl.ppitem dd a {
		color: #B27C04;		/* Gold02 */
		padding-left:3px;
		padding-right:3px;
		font-weight:bold;
	}
	#sec01 .ppsec dl.ppitem dd a:hover {
		color: #A4966A;		/* Gold01 */
	}
	#sec01 .ppsec dl.ppitem p {
		padding-top:5px;
		padding-bottom:5px;
	 	padding-left:1.5em;
	 	text-indent:-1.5em;	/* 2行目以降1字下げ */
	}
	#sec01 .ppsec dl.ppitem p.stitle {
		padding-left:20px;
	}
	#sec01 .ppsec dl.ppitem dd>ul {
 		padding-left:5px;
	}
	#sec01 .ppsec dl.ppitem dd>ul>li {
		padding-left:1.5em;
	 	text-indent:-1.5em;	/* 2行目以降1字下げ */
		padding-bottom:5px;
	}

	#sec01 #pp02 .ppitem li {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding-bottom:10px;
	}
	#sec01 #pp02 ul li.ind02 {
		padding-left:1em;
	 	text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#sec01 .ppsec ul.pvind01 {
		margin: 10px auto 20px auto;
		width: 100%;
		border-left: 3px solid #A4966A;		/* Gold01 */
	}
	#sec01 .ppsec ul.pvind01 li {
		font-size:12px;
		color:#222;
		text-align:right;
		text-align:left;
		padding-left:10px;
		padding-bottom:7px;
	}
	#sec01 .ppsec .newsdt-img {
		margin: 20px auto 0 auto;
	}
	#sec01 .ppsec .newsdt-img img {
		display:block;
		margin: 0 auto 0 auto;
	}
	#sec01 .ppsec .description {
		margin: 0 0 0 auto;
		width: 50%;
		padding-bottom:0px;
	}
	#sec01 .ppsec .description p {
		margin: 0 auto 0 auto;
		width: 100%;
		font-size:12px;
		line-height:1.8em;
		padding-top:0px;
		padding-left:0px;
		padding-right:0px;
		padding-bottom:5px;
	}

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

	}

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

		#section01 {
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F3F3F3 0%,#F3F3F3 30%,white 30%,white 100%);	/* ★ */
		}
		#sec01{
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background-image:
				url("../images/bg/brline01.svg"),
				url("../images/bg/brline02.svg");
			background-size:
				contain,
				contain;
			background-position:
				center top 0%,
				center top 5%;
			background-repeat:
				no-repeat,
				no-repeat;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:block;
			position: absolute;
			top: 0px;
			right: 50px;
			z-index:9;
		}
		#section01 #sec01title01{
			margin: 0 auto 0 24%;
			width: 70%;
			padding-bottom:0px;
			border-left: 8px solid #2D1210;		/* sopv-brown02 */
			border-bottom: none;
		}
		#section01 #sec01title01 h2 {
			font-size:28px;
			letter-spacing:1px;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			font-display: swap;
			color:#222;
			padding-top:0;
			padding-left:3%;
			padding-bottom:5px;
		}
		#section01 #sec01title01 p {
			width: 100%;
			font-size:16px;
			color:#444;
			line-height:30px;
			padding-bottom:20px;
			padding-left:80px;
		}
		#sec01 .ppsec {
			margin: 50px auto 0 15%;
			width: 70%;
			padding-top:60px;
			padding-bottom:80px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			border: solid 1px #DDD;
				border-radius:10px;  
				-moz-border-radius:10px;  
				-webkit-border-radius:10px;  
			position: relative;
		}
		#sec01 .ppsec:after{	/* ■入れ子を使って2重線 */
/*			content: "";
			border: solid 1px #DDD;
			position: absolute;
			top: 5px;
			left: 5px;
			width: calc(100% - 10px);
			height: calc(100% - 10px);	*/
		}
		#sec01 .ppsec  h3 {
			display:block;
			margin: 10px auto 20px auto;
			width: 85%;
			font-size:20px;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#222;
			line-height:34px;
			padding-left:30px;
			padding-bottom:10px;
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#sec01 .ppsec .h4text {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:16px;
			line-height:28px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			padding-top:10px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:10px;
			color:#222;
		}
		#sec01 .ppsec .h4text span {
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
		}
		#sec01 .ppsec .text01 {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:16px;
			line-height:1.0em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			padding-top:10px;
			padding-left:90px;
			padding-bottom:10px;
			color:#222;
		}
		#sec01 #pp02>ul li {
			margin: 0 auto 0 auto;
			width: 70%;
			font-size:15px;
			line-height:23px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			padding-bottom:10px;
		}
		#sec01 #pp02 ul li.ind02 {
	 		padding-left:1.9em;
		 	text-indent:-1.9em;	/* 2行目以降1字下げ */
		}
		#sec01 .ppsec dl.ppitem {
			margin: 0 auto 0 auto;
			width: 75%;
			padding-bottom:30px;
		}
		#sec01 .ppsec dl.ppitem dt {
			margin: 0 auto 30px auto;
			width: 90%;
			font-size:17px;
			padding:15px;
			padding-top:35px;
			padding-left:35px;
			padding:35px 0 20px 35px;
			line-height:1.0em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#222;
			background:url("../images/bg/titlesym03.svg") no-repeat;
			background-size:19px 19px;	/* 50% */
			background-size:38px 38px;
			background-position:left 0 top 10px;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#sec01 .ppsec dl.ppitem dd {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:24px;
			padding-top:0px;
			padding-left:80px;
			padding-right:80px;
			padding-bottom:10px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#222;
		}
		#sec01 .ppsec dl.ppitem p {
	 		padding-top:10px;
	 		padding-bottom:10px;
	 		padding-left:2.0em;
		 	text-indent:-2.0em;	/* 2行目以降1字下げ */
			color:#222;
		}
		#sec01 .ppsec dl.ppitem p.stitle {
	 		padding-left:30px;
		}
		#sec01 .ppsec dl.ppitem dd>ul {
	 		padding-left:50px;
	 		padding-left:20px;
		}
		#sec01 .ppsec dl.ppitem dd>ul>li {
	 		padding-left:1.5em;
		 	text-indent:-1.5em;	/* 2行目以降1字下げ */
			padding-bottom:5px;
		}

		#sec01 #pp02 .ppitem li {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:23px;
			padding-bottom:10px;
		}
		#sec01 .ppsec ul.pvind01 {
			margin: 30px auto 30px auto;
			width: 70%;
			border-left: 5px solid #A4966A;		/* Gold01 */
		}
		#sec01 .ppsec ul.pvind01 li {
			text-align:right;
			text-align:left;
			font-size:14px;
			color:#222;
			padding-left:30px;
			padding-bottom:10px;
		}
		#sec01 .ppsec .newsdt-img {
			margin: 30px auto 30px auto;
			width: auto;
		}
		#sec01 .ppsec .description {
			margin: 0 0 0 auto;
			width: 30%;
			padding-bottom:0px;
		}
		#sec01 .ppsec .description p {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:15px;
			line-height:1.8em;
			padding-top:0px;
			padding-left:0px;
			padding-right:0px;
			padding-bottom:10px;
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#section01 #sec01title01{
			margin: 0 auto 0 15%;
			width: 80%;
		}
		#section01 #sec01title01 h2 {
			font-size:28px;
			padding-top:5px;
			padding-left:3%;
			padding-bottom:10px;
		}
		#sec01 .ppsec {
			margin: 50px auto 0 14%;
			width: 75%;
		}
		#section01 #sec01title01 p {
			width: 100%;
			font-size:15px;
			color:#555;
			padding-left:30px;
		}
		#sec01 .ppsec  h3 {
			display:block;
			margin: 10px auto 20px auto;
			width: 90%;
			font-size:14px;
		}
		#sec01 .ppsec .h4text {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
		}
		#sec01 #pp02>ul li {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:14px;
		}
		#sec01 .ppsec dl.ppitem {
			width: 90%;
		}
		#sec01 .ppsec dl.ppitem dt {
			margin: 0 auto 0 auto;
			width: 88%;
			font-size:15px;
			padding:15px;
			padding-top:20px;
			padding-left:20px;
			line-height:1.8em;
			color:#444;
			background	: url("../images/icon/arrow01.png") no-repeat;
			background-size:13px 14px;
			background-position:left 0 top 25px;
		}
		#sec01 .ppsec dl.ppitem dd>ul>li {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
			line-height:1.8em;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin: 20px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01{
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#sec01 #sec01sym01 {
			display:none;
		}
		#section01 #sec01title01 {
			margin: 30px auto 0 auto;
			width: 85%;
			border-left: 5px solid #2D1210;		/* sopv-brown02 */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#section01 #sec01title01 h2 {
			font-size:17px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color:#D35400;	/* LD-red01 */
			color:#555;
			padding-top:5px;
			padding-bottom:10px;
			padding-left:20px;
		}
		#sec01 .ppsec  h3 {
			display:block;
			margin: 20px auto 10px auto;
			width: 90%;
			font-size:13px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#333;
			line-height:18px;
			padding-left:10px;
			padding-bottom:5px;
		}
		#sec01 #pp02>ul li {
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:13px;
			line-height:1.5em;
	 		padding-left:1em;
		 	text-indent:-1em;	/* 2行目以降1字下げ */
			padding-bottom:5px;
		}

	}