/*----------------------------------------------------------------------------*/
/* 	SAVIORS｜茨城セイバーズ メンバー紹介 page				  CSS    */
/*----------------------------------------------------------------------------*/
	main {
		background-color:#FFF;
	}
	#main-area {
		width:100%;
		margin:0 auto;
		position: relative;
	}
	#main-area h1 {
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#main-area>.particle {
		margin-top:0px;
	}
	#main-area>.circlesym {	/* ◎ */
		position:absolute;
		top:100px;
		right:8.5%;
		width:192px;
		height:192px;
		z-index:9;
	}
	#main-area>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:192px;
		height:192px;
		background: url( "../images/bg/csym03.png" ) no-repeat;
		background-size: 274px 274px;
		background-size: 192px 192px;	/* 70% */
		background-position:center 0;
		position:relative;
	}
	#main-area>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#main-area>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 8s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}
	#main-area>.circlesym .syml {
		position:absolute;
		top:40%;
		left:0;
		right:0;
		margin:auto;
		width:101px;	/* 144px 70% */
		height:43px;		/* 62px 70% */
		text-align:center;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:140px;
			right:8.5%;
			width:192px;
			height:192px;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:192px;
			height:192px;
			background: url( "../images/bg/csym03.png" ) no-repeat;
			background-size: 192px 192px;	/* 70% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:40%;
			left:0;
			right:0;
			margin:auto;
			width:144px;
			height:62px;
			width:101px;
			height:43px;
		}
	}
	@media screen and (max-width:767px) {

		#main-area>.circlesym {	/* ◎ */
			position:absolute;
			top:40px;
			right:8.5%;
			width:137px;
			height:137px;
			z-index:999999;
		}
		#main-area>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:137px;
			height:137px;
			background: url( "../images/bg/csym03.png" ) no-repeat;
			background-size: 137px 137px;	/* 50% */
			background-position:center 0;
			position:relative;
		}
		#main-area>.circlesym .syml {
			position:absolute;
			top:40%;
			left:0;
			right:0;
			margin:auto;
			width:144px;
			height:62px;
			width:77px;
			height:31px;
		}
	}

/* ■ introduction section -----------------------------------------------*/

	#introduction {		/* ◆PC Layout  */
		margin:0 auto 0 auto;
		width:100%;
		padding-bottom:50px;
		background-color:#FFF;
		position:relative;
	}

	@media screen and (max-width:550px) {
		#introduction h2{
			margin:0 0 50px 0;
		}
	}
	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont {
		margin:50px auto 0 auto;
		width:100%;
	}
	#introduction .cont .inttxt {
		margin:0 auto 0 auto;
		width:100%;
		font-size:19px;
		text-align:center;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		padding-bottom:0;
	}
	#introduction .cont h2 {
		display:block;
		margin:0 auto 30px auto;
		width:55%;
		font-size:2.8vw;
		text-align:center;
		line-height:1.0em;
		letter-spacing:2.0px;
		letter-spacing:1px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-bottom:20px;
		border-bottom: 1px solid #0c3484;		/* svs-blue  */
	}
	#introduction .cont .philosophy {
		margin:0 auto 0 auto;
		width:70%;
		padding:20px 0 20px 0;
			border-radius:15px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
	}
	#introduction .cont .philosophy p {
		margin:0 auto 0 auto;
		width:70%;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:0 0 30px 0;
	}
	#introduction .cont>.textbox .philosophy>dl dt>img {
		display:block;
		position:absolute;
		top:0;
		right:0;
		zoom:0.7;
	}
	#introduction .cont #position {	/* ポジション紹介 */
		margin:0 auto 0 auto;   
		width:80%;
	}
	#introduction .cont #position h2 {
		width:70%;
		font-size:1.6vw;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:700;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
	}
	#introduction .cont #position h2 span {
		font-size:1.2vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-left:30px;
	}
	#introduction .cont #position .cmt {
		margin:30px auto 30px auto;   
		width:60%;
		font-size:17px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:500;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#introduction .cont #position dl,dt,dd {
		display:block;
	}
	#introduction .cont #position dl {
		margin:0 auto 0 20%;
		width:70%;
		padding:0 0 20px 0;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 1rem;
	}
	#introduction .cont #position dl::before,
	#introduction .cont #position dl::after {
		display: none;
	}
	#introduction .cont #position dt {
		display:block;
		font-size:17px;
		line-height:1.3em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:700;
		font-style: normal;
		font-display: swap;
		color: #222;
		padding:0 0 0 37px;
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-size: 25px 13px;	/* 50% */
		background-size: 29px 27px;	/* 60% */
		background-position:left 0 top 2px;
		white-space: nowrap;
	}
	#introduction .cont #position dt span {
		font-size:20px;
		font-weight:bold;
		line-height:1.3em;
		padding:0 20px 0 0;
		color: #0c3484;		/* svs-blue  */
	}
	#introduction .cont #position dd {
		display:block;
		font-size:17px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:400;
		font-style: normal;
		font-display: swap;
		color: #222;
	}
	#introduction .cont #nfil {		/* 余白縦詰め */
		margin:-60px auto 0 auto;   
		width:100%;
	}

	#introduction .symbl01 {
		position:absolute;
		top:25%;
		right:5%;
		width:315px;
		height:334px;
		z-index:1;
		display: none;
	}
	#introduction .symbl01 img {
		display:block;
	}

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

		#introduction .cont>.textbox {
			position:absolute;
			top:200px;
			left:0;
			right:0;
			margin:auto;
			width:80%;
		}
		#introduction .cont>.textbox .philosophy>dl {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin:20px auto 0 12%;
			width:85%;
		}
		#introduction .cont>.textbox .philosophy>dl dt {
			margin:0 auto 0 auto;
			width:23%;
			font-size:34px;
			line-height:1.3em;
		}
		#introduction .cont>.textbox .philosophy>dl dt .ex {
			font-size:38px;
		}
		#introduction .cont>.textbox .philosophy>dl dd {
			margin:0 auto 0 auto;
			width:77%;
			font-size:16px;
			line-height:3.7em;
		}
	}

	@media screen and (max-width:992px) {	/* ◇SP layout ----------  */

		#introduction {
			margin:0px auto 0 auto;
			width:100%;
			padding-bottom:20px;
			position:relative;
		}
		#introduction .cont {
			margin:0 auto 20px auto;   
			width:100%;
		}
		#introduction .cont .inttxt {
			margin:0 auto 0 auto;
			width:90%;
			font-size:13px;
			text-align:center;
			line-height:1.7em;
			font-weight:bold;
			padding-bottom:0;
		}
		#introduction .cont>.textbox {
			margin:20px auto 20px auto;
			width:95%;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
		}
		#introduction .cont h2{
			margin:0 auto 25px auto;
			width:90%;
			text-align:center;
			font-size:3.4vw;
			font-weight:bold;
			line-height:1.7em;
			padding-top:15px;
			padding-bottom:7px;
		}
		#introduction .cont .philosophy {
			margin:0 auto 0 auto;
			width:80%;
			padding:0 0 0 0;
		}
		#introduction .cont .philosophy p {
			width:100%;
			font-size:12px;
			line-height:1.7em;
		}
		#introduction .cont>.textbox .philosophy>dl dt>img {
			display:block;
			position:absolute;
			top:0;
			right:0;
			zoom:0.4;
		}
		#introduction .cont #position {	/* ポジション紹介 */
			margin:0 auto 0 auto;   
			width:100%;
			padding-bottom:0;
		}
		#introduction .cont #position h2 {
			width:90%;
			font-size:3.4vw;
			line-height:1.0em;
			font-weight:bold;
		}
		#introduction .cont #position h2 span {
			font-size:3.0vw;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
			padding-left:15px;
		}
		#introduction .cont #position .cmt {
			margin:15px auto 15px auto;   
			width:80%;
			font-size:12px;
			font-weight:bold;
		}
		#introduction .cont #position dl {
			margin:0 auto 0 auto;
			margin-bottom: 12px;
			width:85%;
			padding:0 0 5px 0;
			flex-direction: column;
			gap: 0;
		}
		#introduction .cont #position dt {
			clear:both;
			width:100%;
			font-size:12px;
			font-weight:bold;
			line-height:1.1em;
			font-weight:bold;
			color: #222;
			padding:0 0 5px 25px;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 49px 45px;
			background-size: 25px 13px;	/* 50% */
			background-position:left 0 top 4px;
		}
		#introduction .cont #position dt span {
			font-size:14px;
			font-weight:bold;
			line-height:1.3em;
			padding:0 10px 0 0;
			color: #0c3484;		/* svs-blue  */
		}
		#introduction .cont #position dd {
			clear:both;
			width:90%;
			font-size:12px;
			line-height:1.5em;
			font-weight:normal;
			font-style: normal;
			color: #222;
			padding:0 0 0px 18px;
		}
		#introduction .cont #nfil {		/* 余白縦詰め */
			margin:-40px auto 0 auto;   
			width:100%;
		}
		#introduction .symbl01 {
			position:absolute;
			top:98%;
			right:2%;
			width:303px;
			height:293px;
			width:61px;
			height:59px;
			z-index:1;
		}
		#introduction .symbl01 img {
			display:block;
			zoom:0.2;
		}
	}

/* ■Category guide section ------------------------------------------*/

	#guide {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:20px;
		padding-bottom:0;
	}
	#guide .left {
		width:90%;
	}
	#guide .left dl {
		margin:0 auto 20px auto;
		width:85%;
		border-left: 3px solid #0c3484;	/* svs-blue  */
	}
	#guide .left dt {
		font-size:15px;
		font-weight:bold;
		color: #6E3919;		/* sopv-brown03 */
		color: #222;
		padding-left:15px;
	}
	#guide .left dd {
		margin:0 auto 0 auto;   
		font-size:12px;
		line-height:1.7em;
		font-display: swap;
		color:#444;
		padding-left:15px;
	}
	#guide .right {
		width:100%;
		height:auto;
		padding-bottom:30px;
	}
	#guide .right ul {
		margin: 0 auto 0 auto;
		width:90%;
	}
	#guide .right ul li {
		float:left;
		margin:0 1% 7px 1%;
		width:48%;
	}
	#guide .right ul li a {
		display:block;
		padding:10px;
		padding-left:35px;
		text-align:center;
		font-weight:bold;
		font-size:13px;
		color: #FFF;
		padding:10px 10px 10px 10px;
		background:url("../images/bg/titlesym03.svg") no-repeat;
		background-size:38px 38px;
		background-size:19px 19px;	/* 50% */
		background-position: left 15px center;
		background-color:#0c3484;	/* svs-blue  */
	}
	#guide .right ul li a span {
		font-size:12px;
		padding-left:5px;
	}
	#guide ul li a:hover {
		padding:10px 10px 10px 10px;
		background-color:#F3F3F3;
		color: #555;
	}
	#guide .right ul li a.active {
		display:block;
		text-align:center;
		font-size:13px;
		padding:10px 10px 10px 10px;
		background-color:#AAA;
	}

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

		#guide {
			margin:80px auto 0 17%;
			display: flex;
			flex-wrap:wrap;
			justify-content: center;
/*			align-items: top;	*/
			width:80%;
			padding-top:0;
			padding-bottom:20px;
			display: flex;
			justify-content: flex-start;
			align-items: flex-start;
		}
		#guide .left {
			width:20%;
		}
		#guide .left dl {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:30px;
			border-left: 5px solid #0c3484;		/* svs-blue  */
		}
		#guide .left dt {
			font-size:26px;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color: #444;
			padding-top:0px;
			padding-left:30px;
		}
		#guide .left dd {
			margin:0px auto 0 auto;   
			width:100%;
			font-size:16px;
			line-height:1.8em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#666;
			padding-left:30px;
		}
		#guide .right {
			width:80%;
		}
		#guide .right ul {
			margin: 0 auto 0 10%;
			width:70%;
		}
		#guide .right ul li {
			float:left;
			margin:0 20px 20px auto;
			width:auto;
			width:240px;
		}
		#guide .right ul li a {
			display:block;
			width:auto;
			text-align:center;
			font-size:15px;
			line-height:1.0em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			padding:10px 20px 12px 20px;
			padding:13px 20px 15px 20px;
			background:url("../images/bg/titlesym03.svg") no-repeat;
			background-size:38px 38px;
			background-size:19px 19px;	/* 50% */
			background-position: left 10px top 0;
			background-color:#0c3484;	/* svs-blue  */
		}
		#guide .right ul li a span {
			font-size:13px;
			padding-left:10px;
		}
		#guide .right ul li a:hover {
			display:block;
/*			padding-left:40px;*/
			text-align:center;
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color: #222;
			padding:10px 20px 12px 20px;
			padding:13px 20px 15px 20px;
			background:url("../images/bg/titlesym03.svg") no-repeat;
			background-size:19px 19px;	/* 50% */
			background-position: left 10px top 5px;
			background-color:#F3F3F3;
		}
		#guide .right ul li a.active {
			display:block;
			text-align:center;
			font-size:16px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			padding:10px 40px 10px 50px;
			padding:13px 20px 15px 20px;
			background:url("../images/bg/titlesym03.svg") no-repeat;
			background-size:19px 19px;	/* 50% */
			background-position: left 10px top 5px;
			background-color:#AAA;
		}
	}

/* ■ MEMBER list  section -----------------------------*/

	#list {			/* ◆PC Layout */
		margin:10px auto 20px auto;
		width:100%;
		padding-top:10px;
		padding-bottom:0;
		background-color:#F3F3F3;
	}

	@media screen and (max-width:550px) {
		#list h2{
			margin:0 0 50px 0;
		}
	}
	#list h2 span.bgLRextend::before{
		background:#333;
	}
	#list #wkinf-area {
		margin:0px auto 0px auto;
		width:90%;
		padding:30px 2.5% 50px 2.5%;
	}
	#list .work-area {
		margin:0 auto 0 auto;
		width:100%;
	}
	#list .work-area h2 {
		display:block;
		margin: 0 auto 0 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:#FFF;
		letter-spacing:1px;
		padding-left:50px;
		padding-top:13px;
		padding-bottom:15px;
		background:linear-gradient( 90deg, #d03c1b 1%, #FFFFFF 1%,#FFFFFF 2%,#0c3484 2%, #0c3484 100% );
	}

	@media screen and (max-width:590px) {
		#list .work-area{
			margin:0 auto 20px auto;   
		}
	}
	#list .work-area .cont01 {
		margin: 0 auto 0 auto;
		width:100%;
	}
	#list .work-area .cont01 .__no_data {
		margin: 30px auto;
		width:85%;
	}
	#list .work-area .cont01 ul {
		margin:0 auto 0 auto;
		width:85%;
		display: flex;
		justify-content:space-between;
		justify-content: flex-start;
		flex-wrap: wrap;
		padding-top:30px;
		padding-bottom:50px;
	}
	#list .work-area .cont01 li {
		margin:0 12px 30px 14px;
		width:28%;
		display: block;
		padding-top:0;
		padding-bottom:20px;
		background-color:#fff;
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	#list .work-area .cont01 li>p {
		width:100%;
	}
	#list .work-area .cont01 li>p img {
		display:block;
		margin:0 auto 0 auto;
		width:100%;
		aspect-ratio: 4 / 3;
		object-fit: cover;
	}
	#list .work-area .cont01 li>dl {
		margin:20px auto 0 auto;
		width:90%;
	}
	#list .work-area .cont01 li>dl dt {
		margin:0 auto 10px auto;
		width:100%;
		text-align:center;
		font-size:17px;
		line-height:1.2em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
	}
	#list .work-area .cont01 li>dl dt span {
		font-size:13px;
		color:#AAA;
		padding-left:10px;
	}
	#list .work-area .cont01 li>dl dd {
		margin:0 auto 0 auto;
		width:90%;
		font-size:14px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#list .work-area .cont01 li>dl dd.subn {
		text-align:center;
		font-size:15px;
		color:#AAA;
		line-height:1.0em;
		padding-bottom:10px;
	}
	#list .work-area .cont01 li>dl dd.profile,
	#list .work-area .cont01 li>dl dd.__title {
		font-size:15px;
		color:#AAA;
		line-height:1.7em;
	}
	#list .work-area .cont01 li>dl dd.prcmt {
		line-height:1.7em;
		font-size:13px;
	}

	@media screen and (max-width:992px) {	/* ◇SP layout ----------  */

		#list {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:0;
			background-color:transparent;
		}
		#list #wkinf-area{
			margin:0 auto 0 auto;   
			width:100%;
			padding:0 0 0 0;
		}
		#list .work-area {
			margin:0 auto 0 auto;
			width:100%;
		}
		#list .work-area h2 {
			display:block;
			margin: 0 auto 10px auto;
			width: 88%;
			font-size:13px;
			font-weight:bold;
			color:#FFF;
			padding-left:20px;
			padding-top:8px;
			padding-bottom:10px;
			background:linear-gradient( 90deg, #d03c1b 1%, #FFFFFF 1%,#FFFFFF 2%,#0c3484 2%, #0c3484 100% );
		}
		#list .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:100%;
		}
		#list .work-area .cont01 ul {
			margin:0 auto 0 auto;
			width:85%;
			display: block;
			padding-top:0;
			padding-bottom:10px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}
		#list .work-area .cont01 li {
			width:45%;
			display: block;
			padding-top:0;
			padding-bottom:20px;
			background-color:#fff;
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}
		#list .work-area .cont01 li>p {
			width:100%;
		}
		#list .work-area .cont01 li>p img {
			display:block;
			margin:0 auto 0 auto;
			width:100%;
		}
		#list .work-area .cont01 li>dl {
			margin:15px auto 0 auto;
			width:90%;
		}
		#list .work-area .cont01 li>dl dt {
			margin:0 auto 10px auto;
			width:90%;
			text-align:center;
			font-size:16px;
			line-height:1.0em;
			font-weight: bold;
			background:url("../images/icon/logo-icon01.svg") no-repeat;
			background-size:25px 27px;
			background-size:20px 22px;	/* 80% */
			background-position: left 15px top 0px;
		}
		#list .work-area .cont01 li>dl dt span {
			font-size:13px;
			padding-left:10px;
		}
		#list .work-area .cont01 li>dl dd {
			margin:0 auto 0 auto;
			width:80%;
			font-size:14px;
			line-height:1.8em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#222;
		}
		#list .work-area .cont01 li>dl dd.subn {
			font-size:14px;
			line-height:1.0em;
			padding-bottom:10px;
		}
		#list .work-area .cont01 li>dl dd.profile {
			color:#AAA;
			line-height:1.7em;
		}
		#list .work-area .cont01 li>dl dd.prcmt {
			line-height:1.7em;
			font-size:12px;
		}
	}

	@media screen and (max-width:640px) {
		#list .work-area .cont01 li {
			width:100%;
		}
	}

/* ■ WORK detail  section01 ----------------------------*/

	 #worksection {		/* ◇SP layout ----------  */
		margin: 0px auto 0 auto;
		width: 100%;
		padding-bottom:50px;
		background:linear-gradient(90deg,white 0%,white 7%,#F5F5F5 7%,#F5F5F5 35%,white 35%,white 100%);	/* ★ */
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 30%,white 30%,white 100%);	/* ★ */
	}
	 #worksection h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#wksec{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
	}
	#wksec #wksecsym01 {
		display:none;
	}
	 #worksection #wksectitle01 {
		margin: 0 auto 0 auto;
		width: 90%;
	}
	 #worksection #wksectitle01 h2 {
		font-size:16px;
		font-weight:bold;
		color: #333;
		padding-top:20px;
		padding-left:15px;
	}
	 #worksection #wksectitle01 p {
		width: 100%;
		font-size:12px;
		color:#333;
		line-height:22px;
		padding-top:10px;
		padding-left:20px;
	}
	#wksec #cont {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:20px;
		padding-bottom:0px;
	}
	#wksec #cont  .category01 {	/* NEWS & RELEASE カテゴリー */
		margin: 10px auto 10px auto;
		width:40%;
		font-size:12px;
		text-align:center;
		font-weight:bold;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color: #FFF;
		padding:7px;
		background-color:#519D9E;		/* WA-green */
	}
	#wksec #cont  h3 {
		display:block;
		margin: 0 auto 20px auto;
		width: 90%;
		font-size:13px;
		font-weight:bold;
		color:#333;
		line-height:1.7em;
		padding-left:10px;
		padding-bottom:5px;
		border-left: 5px solid #EF8000;		/* gvss-orange01 */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#wksec #cont .textitem {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#wksec #cont .textitem p {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:1.7em;
		padding-bottom:10px;
	}
	#wksec #cont .textitem>ul {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#wksec #cont .textitem>ul li {
		font-size:12px;
		line-height:1.7em;
		padding:0px;
	 	padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#wksec #cont dl,dt,dd {
		display:block;
	}
	#wksec #cont dl.wkitem {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#wksec #cont dl.wkitem dt {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		font-weight:bold;
		padding-top:10px;
		padding-left:15px;
		color:#444;
		line-height:18px;
		background	: url("../images/icon/arrow01.png") no-repeat;
		background-size:9px 10px;
		background-position:left 0 top 14px;
	}
	#wksec #cont dl.wkitem dd {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size:12px;
		line-height:17px;
		padding:0px;
		padding-top:10px;
		padding-left:0px;
	}
	#wksec #cont .wkdt-img {
		margin: 20px auto 0 auto;
	}
	#wksec #cont .wkdt-img img {
		display:block;
		margin: 0 auto 0 auto;
	}
	#wksec .nlall {		/* 一覧に戻る */
		display: block;
		margin: 20px auto 45px auto;
		position:relative;
	}
	#wksec .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:140px;
		font-size:12px;
		line-height:1.5em;
		color: #FFF;
		background	: url("../images/icon/btn-sym03.png") no-repeat;
		background-size:6px 6px;
		background-position: 10px  12px; 
	}
	#wksec .nlall a:hover {
		background	: url("../images/icon/btn-sym03.png") no-repeat;
		background-size:6px 6px;
		background-position: 150px 12px; 
	}

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

	}

	@media only screen and (min-width:767px) {	/* ◆PC Layout */

		 #worksection {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#wksec{
			margin: 30px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			position:relative;
		}
		#wksec #wksecsym01 {
			display:block;
			position: absolute;
			top: 0px;
			right: 50px;
			z-index:9;
		}
		 #worksection #wksectitle01{
			margin: 0 auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		 #worksection #wksectitle01 h2 {
			text-align:center;
			font-size:30px;
			letter-spacing:1px;
			font-weight:normal;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color: #333;
			padding-top:30px;
			padding-bottom:30px;
		}
		 #worksection #wksectitle01 p {
			width: 100%;
			font-size:16px;
			color:#555;
			line-height:30px;
			padding-bottom:20px;
			padding-left:80px;
		}
		#wksec #cont {
			margin: 30px auto 0 15%;
			width: 70%;
			padding-top:20px;
			padding-bottom:50px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			position: relative;
		}
		#wksec #cont:after{	/* ■入れ子を使って2重線 */
			content: "";
			border: solid 1px #DDD;
			position: absolute;
			top: 5px;
			left: 5px;
			width: calc(100% - 10px);
			height: calc(100% - 10px);
		}
		#wksec #cont  p.category01 {	/* NEWS & RELEASE カテゴリー */
			margin: 20px auto 30px 10%;
			width:20%;
			font-size:16px;
			text-align:center;
			font-weight:normal;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color: #FFF;
			padding:12px;
			background-color:#519D9E;		/* WA-green */
		}
		#wksec #cont  h3 {
			display:block;
			margin: 30px auto 30px auto;
			width: 70%;
			font-size:22px;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#444;
			line-height:2.0em;
			padding-left:30px;
			padding-bottom:10px;
			border-left: 7px solid #EF8000;		/* gvss-orange01 */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#wksec #cont .textitem {
			margin: 0 auto 0 auto;
			width: 75%;
			padding-bottom:0;
		}
		#wksec #cont .textitem p {
			margin: 0 auto 0 auto;
			width: 85%;
			font-size:17px;
			line-height:1.8em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			padding-bottom:25px;
		}
		#wksec #cont .textitem>ul {
			margin: 0 auto 0 auto;
			width: 85%;
		}
		#wksec #cont .textitem>ul li {
			font-size:16px;
			line-height:1.8em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
		 	padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#wksec #cont dl.wkitem {
			margin: 0 auto 0 auto;
			width: 85%;
			padding-bottom:0;
		}
		#wksec #cont dl.wkitem ul {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
		}
		#wksec #cont dl.wkitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:17px;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			padding:15px;
			padding-top:20px;
			padding-left:25px;
			line-height:27px;
			color:#444;
			background	: url("../images/icon/arrow01.png") no-repeat;
			background-size:14px 11px;
			background-position:left 0 top 28px;
		}
		#wksec #cont dl.wkitem dd {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:15px;
			line-height:25px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			padding-top:0px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:25px;
		}
		#wksec #cont .wkdt-img {
			margin: 50px auto 30px auto;
			width: auto;
		}
		#wksec .nlall {		/* 一覧に戻る */
			display: block;
			margin: 50px auto 30px auto;
			position:relative;
		}
		#wksec .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:200px;
			font-size:14px;
			font-weight:600;
			line-height:1.5em;
			color: #FFF;
			background	: url("../images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  17px;
		}
		#wksec .nlall a:hover {
			background	: url("../images/icon/btn-sym03.png") no-repeat;
			background-size:8px 8px;
			background-position: 170px 17px; 
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		 #worksection {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,white 0%,white 5%,#F5F5F5 5%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#wksec{
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			position:relative;
		}
		 #worksection #wksectitle01{
			margin: 70px auto 0 17%;
			width: 80%;
			padding-bottom:0px;
		}
		 #worksection #wksectitle01 h2 {
			font-size:24px;
			font-weight:bold;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			padding-left:0;
			padding-bottom:0px;
		}
		#wksec #cont {
			margin: 30px auto 0 8%;
			width: 85%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,0.90 ); 	/*  White  透過95% */
			position: relative;
		}
		#wksec #cont  p.category01 {	/* NEWS & RELEASE カテゴリー */
			margin: 10px auto 10px 5%;
		}
		#wksec #cont  h3 {
			width: 90%;
			font-size:17px;
			font-weight:bold;
			padding-left:20px;
			padding-bottom:5px;
		}
		#wksec #cont dl.wkitem {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		#wksec #cont dl.wkitem dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:16px;
			padding:15px;
			padding-top:0px;
			padding-left:25px;
			line-height:27px;
			color:#444;
			background	: url("../images/icon/arrow01.png") no-repeat;
			background-size:14px 13px;
			background-position:left 0 top 6px;
		}
		#wksec #cont dl.wkitem dd {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:13px;
			line-height:20px;
			padding-top:0px;
			padding-left:50px;
			padding-right:50px;
			padding-bottom:10px;
		}
		#wksec .nlall {		/* 一覧に戻る */
			display: block;
			margin: 20px auto 45px auto;
			position:relative;
		}
		#wksec .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:160px;
			font-size:12px;
			line-height:1.5em;
			color: #FFF;
			background	: url("../images/icon/btn-arrow.png") no-repeat;
			background-size:8px 8px;
			background-position: 10px  12px; 
		}
	}