/*----------------------------------------------------------------------------*/
/* 	SAVIORS｜茨城セイバーズ  地域貢献・活動 COMMUNITY 	CSS      */
/*----------------------------------------------------------------------------*/
	main {
/*		background:linear-gradient(180deg,#EF8000 0%,#EF8000 13%,white 13%,white 100%);*/	/* ★ */
		background-color:#fff;
	}


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

	#introduction {		/* ◆PC Layout  */
		margin:0 auto 0 auto;
		width:100%;
		padding-bottom:30px;
		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:120px auto 0 auto;
		width:100%;
	}
	#introduction .cont h2 {
		display:block;
		margin:0 auto 30px auto;
		width:50%;
		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 h2 span {
		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: #444;
	}
	#introduction .cont .comment {
		margin:0 auto 0 auto;
		width:70%;
		padding:20px 5% 20px 5%;
			border-radius:15px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
	}
	#introduction .cont .comment p {
		margin:0 auto 0 auto;   
		width:70%;
		height:100px;
		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 5% 30px 5%;
	}
	#introduction .cont .comment p.cmt03 {
		font-size:19px;
	}
	#introduction .cont>.textbox .philosophy>dl dt>img {
		display:block;
		position:absolute;
		top:0;
		right:0;
		zoom:0.7;
	}
	#introduction .cont #teamhst {
		margin:0 auto 0 auto;   
		width:80%;
	}
	#introduction .cont #teamhst 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 #teamhst h2 span {
		font-size:1.2vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-left:30px;
	}
	#introduction .cont #teamhst .cmt {
		margin:30px auto 30px auto;   
		width:50%;
		text-align:center;
		font-size:20px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:700;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#introduction .cont #teamhst dl,dt,dd {
		display:block;
	}
	#introduction .cont #teamhst dl {
		margin:0 auto 0 32%;
		width:60%;
		padding:0 0 12px 0;
	}
	#introduction .cont #teamhst dt {
		display:block;
		float:left;
		width:25%;
		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;
	}
	#introduction .cont #teamhst dt span {
		font-size:20px;
		font-weight:bold;
		line-height:1.3em;
		padding:0 20px 0 0;
		color: #0c3484;		/* svs-blue  */
	}
	#introduction .cont #teamhst dd {
		display:block;
		float:left;
		width:70%;
		font-size:17px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:500;
		font-style: normal;
		font-display: swap;
		color: #222;
	}
	#introduction .cont #nfil {		/* 余白縦詰め */
		margin:-60px auto 0 auto;   
		width:100%;
	}
	#introduction .cont .concept {	/* Home field concept */
		margin:0 auto 80px auto;   
		width:100%;
	}
	#introduction .cont .concept h2 {
		font-size:1.8vw;
		text-align:center;
		line-height:1.8em;
		letter-spacing:1.0px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#333;
		color: #0c3484;		/* svs-blue  */
		padding-bottom:20px;
		border-bottom: 1px solid #0c3484;		/* svs-blue  */
		border-bottom: 1px solid #d03c1b;		/* svs-red01 */
	}
	#introduction .cont .concept h2 span {
		font-size:1.4vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-left:30px;
	}
	#introduction .cont .concept>.comment {
		margin:0 auto 0 auto;   
		width:50%;
		height:100px;
		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 .symbl01 {
		position:absolute;
		top:40px;
		right:8%;
		width:151px;
		height:167px;
		width:302px;		/* 200% */
		height:334px;
		z-index:1;
	}
	#introduction .symbl01 img {
		display:block;
	}
	#introduction .symbl02 {
		position:absolute;
		top:40px;
		right:8%;
		width:151px;
		height:167px;
		width:302px;		/* 200% */
		height:334px;
		z-index:1;
	}
	#introduction .symbl02 img {
		display:block;
	}
	#introduction .symbl03 {
		position:absolute;
		top:-70px;
		left:8%;
		width:151px;
		height:167px;
		width:302px;		/* 200% */
		height:334px;
		z-index:1;
	}
	#introduction .symbl03 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:0 auto 0 auto;
			width:100%;
			height:auto;
			padding-bottom:0;
			position:relative;
		}
		#introduction .cont {
			margin:0 auto 30px auto;   
			width:100%;
		}
		#introduction .cont h2{
			margin:30px auto 20px auto;
			width:90%;
			text-align:center;
			font-size:4.2vw;
			font-weight:bold;
			line-height:1.4em;
			padding-top:0;
			padding-bottom:7px;
		}
		#introduction .cont h2 span {
			font-size:3.2vw;
			font-weight:bold;
			color: #222;
		}
		#introduction .cont .comment {
			margin:0 auto 0 auto;
			width:80%;
			height:auto;
			padding:0 0 0 0;
		}
		#introduction .cont .comment p {
			margin:0 auto 0 auto;   
			width:100%;
			height:auto;
			font-size:12px;
			line-height:1.7em;
			padding:0 0 0x 0;
		}
		#introduction .cont .comment p.cmt03 {
			width:90%;
			font-size:12px;
			text-align:left;
		}
		#introduction .cont>.textbox .philosophy>dl dt>img {
			display:block;
			position:absolute;
			top:0;
			right:0;
			zoom:0.4;
		}
		#introduction .cont #teamhst {
			margin:0 auto 0 auto;   
			width:100%;
			padding-bottom:0;
		}
		#introduction .cont #teamhst h2 {
			width:90%;
			font-size:3.7vw;
			line-height:1.0em;
			font-weight:bold;
		}
		#introduction .cont #teamhst h2 span {
			font-size:3.0vw;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
			padding-left:15px;
		}
		#introduction .cont #teamhst .cmt {
			margin:10px auto 15px auto;   
			width:80%;
			font-size:13px;
			font-weight:bold;
		}
		#introduction .cont #teamhst dl {
			display:block;
			margin:0 auto 0 auto;
			width:85%;
			padding:0 0 0 0;
		}
		#introduction .cont #teamhst dt {
			clear:both;
			display:block;
			width:100%;
			font-size:12px;
			line-height:1.5em;
			font-weight:bold;
			color: #222;
			padding:0 0 0 27px;
			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 #teamhst dt span {
			font-size:14px;
			font-weight:bold;
			line-height:1.3em;
			padding:0 10px 0 0;
			color: #0c3484;		/* svs-blue  */
		}
		#introduction .cont #teamhst dd {
			clear:both;
			display:block;
			width:90%;
			font-size:12px;
			line-height:1.5em;
			font-weight:normal;
			font-style: normal;
			color: #222;
			padding:0 0 5px 18px;
		}
		#introduction .cont #nfil {		/* 余白縦詰め */
			margin:-40px auto 0 auto;   
			width:100%;
		}
		#introduction .cont .concept {	/* Home field concept */
			margin:30px auto 50px auto; 
			width:90%;
		}
		#introduction .cont .concept h2 {
			font-size:13px;
			text-align:center;
			line-height:1.7em;
			font-weight: bold;
			padding-bottom:10px;
		}
		#introduction .cont .concept h2 span {
			font-size:12px;
			font-weight:bold;
			padding-left:10px;
		}
		#introduction .cont .concept>.comment {
			margin:0 auto 0 auto;   
			width:80%;
			height:100px;
			font-size:12px;
			line-height:1.7em;
			font-weight: normal;
			color:#222;
			padding:0 0 10px 0;
		}
		#introduction .symbl01 {
			position:absolute;
			top:160%;
			left:5%;
			width:76px;	/* 50% */
			height:84px;
			z-index:1;
		}
		#introduction .symbl01 img {
			display:block;
			zoom:0.2;
		}
		#introduction .symbl02 {
			position:absolute;
			top:70%;
			right:5%;
			width:76px;	/* 50% */
			height:84px;
			z-index:1;
		}
		#introduction .symbl02 img {
			display:block;
			zoom:0.2;
		}
		#introduction .symbl03 {
			position:absolute;
			top:105%;
			right:5%;
			width:76px;	/* 50% */
			height:84px;
			z-index:1;
		}
		#introduction .symbl03 img {
			display:block;
			zoom:0.2;
		}
	}

/* ■ Community section - Activities */

	#activities {
		margin:0 auto 0 auto;
		padding-top:0;
		padding-bottom:10px;
		position:relative;
	}
	#activities .sectitle {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:0;
		padding-bottom:0;
	}
	#activities .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:60px;
		font-size:3.0vw;
		letter-spacing:8px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:50px;
		padding-bottom:20px;
	}
	#activities .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:30px;
		letter-spacing:1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding-top:0px;
		padding-bottom:10px;
	}
	#activities .sectitle .h2line {
		margin: 20px auto 50px auto;
		width: 65%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
	}
	#activities .sectitle>p {
		display:block;
		margin: 0 auto 30px auto;
		width: 73%;
		font-size:20px;
		letter-spacing:1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#activities .comment {
		margin:0 auto 80px auto;
		width:70%;
		padding:20px 0 20px 0;
			border-radius:15px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
	}
	#activities .comment p {
		margin:0 auto 0 auto;   
		width:70%;
		height:100px;
		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;
	}
	.svcont01 {
		margin: 50px auto 80px auto;
		width: 100%;
		padding-bottom:50px;
		background:linear-gradient(90deg,white 0%,white 65%,#F4F4F4 65%,#F4F4F4 92%,white 92%,white 100%);	/* ★ */
	}
	.svcont01 .comment01 {
		margin:0 auto 0 auto;
		width:70%;
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#444;
		padding-top:30px;
		padding-bottom:30px;
	}
	.svcont01 .cont {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		margin: 30px auto 30px auto;
		width : 65%;
	}
	.svcont01 .svimg {	/* ◇right block */
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items: start;
		margin: 0 auto 0 auto;
		width : 30%;
		text-align:left;
		padding: 0 0 0 0;
	}
	.svcont01 .svimg .mkimg {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	.svcont01 .svimg .mkimg img a {
		display:block;
		margin: 0 auto 0 auto
		width: 100%;
	}
	.svcont01 .svimg .mkimg img {
		margin: 50px auto 0 auto;
		width: 100%;
		padding-top: 0;
		padding-bottom: 0;
		box-shadow: 0 0 3px #ccc;
	}
	.svcont01 .svimg .mkbn {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	.svcont01 .svimg .mkbn a {
		display:block;
		margin:0 auto 20px auto;
		width: 240px;
		height:57px;
	}
	.svcont01 .textbox {	/* ◇left block */
		margin: 0 auto 0 auto;
		width :70%;
	}
	.svcont01 .textbox>h2 {
		margin: 0 auto 0 auto;
		width: 90%;
		text-align:center;
		font-size: 25px;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		line-height:1.7em;
		color: #222;
		padding-bottom:15px;
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-size: 39px 36px;	/* 80% */
		background-position:left 3% top 7px;
		border-bottom: 1px solid #0c3484;		/* svs-blue  */
	}
	.svcont01 .textbox>h3 {
		margin: 0 auto 0 auto;
		font-size:1.2vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
	}
	.svcont01 .textbox>dl {
		margin: 0 auto 0 auto;
		width: 80%;
		padding:0 0 20px 0;
	}
	.svcont01 .textbox>dl dt {
		width: 100%;
		font-size: 20px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		padding:0 0 20px 0;
	}
	.svcont01 .textbox>dl dd {
		width: 100%;
		font-size: 17px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color: #222;
		padding:0 0 20px 0;
	}
	.svcont01 .textbox>dl dd .ddt {
		font-size: 18px;
		font-weight: 600;
		color: #A4966A;		/* Gold01 */
	}
	.svcont01 .textbox>dl dd>ul {
		margin: 20px auto 0 auto;
		width: 100%;
	}

	.svcont01 .textbox>dl dd>ul li {
		margin: 0 auto 20px auto;
		width: 100%;
		font-size:17px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding-left:1.0em;
	 	text-indent:-1.0em;	/* 2行目以降1字下げ */
	}
	.svcont01 .textbox>dl dd>ul li span {
		font-weight: 600;
	}
	.svcont01 .textbox>.detail {
		margin: 0 auto 0 auto;
		width: 100%;
		height:80px;
		position:relative;
	}
	.svcont01 .textbox>.detail .btn {
		position:absolute;
		bottom:15px;
		left:0;
		right:0;
		margin:auto;
		width:70%;
		height:80px;
		text-align: center;
		font-size:16px;
		line-height:1.8em;
		font-weight:600;
		padding:0 0 5px 0;
		box-shadow:none;
	}

	.svcont01 .textbox>p.txt {
		margin: 30px auto 0 10%;
		width: 80%;
		font-size: 17px;
		font-family: "NotoSansCJKjp-Regular";
		font-display: swap;
		line-height:1.8em;
		color: #333;
	}
	.svcont01 .textbox>p.txt span {
		font-size: 17px;
		font-family: "NotoSerifCJKjp-Medium";
		font-display: swap;
	}
	.svcont01 .textbox>ul li.txt {
		margin: 30px auto 0 10%;
		margin: 0px auto 10px auto;
		width: 100%;
		font-size: 17px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		line-height:1.8em;
		color: #444;
	 	padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	.svcont01 .textbox>ul li.txt span {
		margin: 0 auto 0 0;
		width: 100%;
		font-size: 17px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	}
	.svcont01 .textbox>p.ank {
		margin-top:50px;
	}
	.svcont01 .textbox>p.ank a {
		margin: 0 auto 0 10%;
		width:280px;
		text-align:center;
		font-size:15px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#fff;
		padding:10px 20px 10px 20px;
		background-color:#EF8000;		/* icho-blue01 */
	}
	.svcont01 .textbox>p.ank a:hover {
		background-color:#AAA;
	}
	.svcont01 ul.svimg02 {
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		margin: 0 auto 0 auto;
		width : 77%;
		padding-top: 0;
		padding-bottom: 0;
	}
	.svcont01 ul.svimg02 li {
		margin: 0 auto 0 auto;
		width :32%;
		text-align:center;
	}
	.svcont01 ul.svimg02 li img {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#activities .circlesym {		/* ◎ */
		position:absolute;
		top:35px;
		right:15%;
		width:221px;
		height:221px;
		background: url( "../images/bg/cnt-circle02.png" ) no-repeat;
		background-size: 221px 221px;
		background-position:center 0;
		z-index:1;
	}
	#activities .circlesym .circle {
		margin: 0 auto 0 auto;
		width:221px;
		height:221px;
		background: url( "../images/bg/cnt-circle.svg" ) no-repeat;
		background-size: 277px 296px;		/* 70% */
		background-size: 184px 183px;
		background-position:center center;
	}
	#activities .circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#activities .circlesym .circle {
		animation-name: rotate;
		animation-duration: 15s;
		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);
		}
	}
	#activities .content .cont02 .symbl {
		display:block;
		position:absolute;
		top:76%;
		right:5%;
		width:331px;
		height:105px;
	}

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

		#activities {
			margin:50px auto 0 auto;
			padding-top:20px;
		}
		#activities .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#activities .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
			color:#BDC3C7;
			padding-top:0;
			padding-bottom:10px;
		}
		#activities .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color: #222;	
			padding-top:0;
			padding-left:0;
			padding-bottom:5px;
		}
		#activities .sectitle .h2line {
			margin: 0 auto 0 auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
		}
		#activities .comment {
			margin:20px auto 0 auto;
			width:80%;
			height:auto;
			padding:0 0 0 0;
		}
		#activities .comment p {
			margin:0 auto 0 auto;   
			width:100%;
			height:auto;
			font-size:12px;
			line-height:1.7em;
			padding:0 0 0 0;
		}
		.svcont01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:20px;
			background:linear-gradient(90deg,white 0%,white 65%,#F4F4F4 65%,#F4F4F4 92%,white 92%,white 100%);	/* ★ */
			background:linear-gradient(90deg,#F4F4F4 0%,#F4F4F4 35%,white 35%,white 100%);
		}
		.svcont01>h2 {
			margin: 0 auto 20px auto;
			width : 90%;
			text-align:center;
			font-weight:bold;
			font-size:14px;
			color:#333;
			padding-top:20px;
			padding-bottom:10px;
			border-bottom:2px solid #0092E5;		/* sanpei-blue01 */
		}
		.svcont01 .comment01 {
			margin:0 auto 0 auto;
			width:90%;
			font-size:22px;
			line-height:1.7em;
			font-weight:bold;
			color:#333;
			padding-top:0px;
			padding-bottom:10px;
		}
		.svcont01 .cont {
			display: block;
			margin: 0 auto 30px auto;
			width : 90%;
		}
		.svcont01 .svimg {
			margin: 0 auto 0 auto;
			text-align:center;
			padding: 0 15% 0 15%;
		}
		.svcont01 .svimg .mkimg {
			margin: 0 auto 0 auto
			width: 100%;
		}
		.svcont01 .svimg .mkimg img a {
			display:block;
			margin: 0 auto 0 auto
			width: 100%;
		}
		.svcont01 .svimg .mkimg img {
			margin: 0 auto 0 auto;
			padding-top: 0;
			padding-bottom: 0;
		}
		.svcont01 .svimg .mkbn {
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
		}
		.svcont01 .svimg .mkbn a {
			display:block;
			margin:0 auto 0 auto;
			width: 240px;
			height:57px;
		}
		.svcont01 .textbox {
			margin: 0 auto 0 auto;
			width :95%;
		}
		.svcont01 .textbox>h2 {
			margin: 20px auto 0 auto;
			width: 100%;
			text-align:center;
			font-size: 13px;
			font-weight:bold;
			line-height:1.7em;
			padding-bottom:7px;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 49px 45px;
			background-size: 25px 13px;	/* 50% */
			background-position:left 0 top 5px;
			border-bottom: 1px solid #0c3484;		/* svs-blue  */
		}
		.svcont01 .textbox>h3 {
			margin: 0 auto 0 auto;
			font-size:3.0vw;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
		}
		.svcont01 .textbox>dl {
			margin: 0 auto 10px auto;
			width: 90%;
			padding:10px 0 10px 0;
		}
		.svcont01 .textbox>dl dt {
			width: 100%;
			font-size: 12px;
			line-height:1.7em;
			font-weight: bold;
			padding:0 0 10px 0;
		}
		.svcont01 .textbox>dl dd {
			width: 100%;
			font-size: 12px;
			line-height:1.7em;
			font-weight: normal;
			color: #222;
		}
		.svcont01 .textbox>dl dd .ddt {
			font-size: 13px;
			font-weight: bold;
		}
		.svcont01 .textbox>dl dd>ul {
			margin: 10px auto 0 auto;
			width: 100%;
		}
		.svcont01 .textbox>dl dd>ul li {
			margin: 0 auto 10px auto;
			width: 100%;
			font-size:12px;
			padding-left:1.0em;
		 	text-indent:-1.0em;	/* 2行目以降1字下げ */
		}
		.svcont01 .textbox>dl dd>ul li span {
			font-weight: bold;
		}
		.svcont01 .textbox>.detail {
			margin: 0 auto 0 auto;
			width: 100%;
			height:80px;
			position:relative;
		}
		.svcont01 .textbox>.detail .btn {
			position:absolute;
			bottom:0;
			left:0;
			right:0;
			margin:auto;
			width:80%;
			text-align: center;
			font-size:12px;
			line-height:1.6em;
			font-weight:bold;
			padding:0 0 5px 0;
		}
		.svcont01 .textbox>p.txt {
			margin: 20px auto 10px auto;
			width: 95%;
			font-size: 12px;
			line-height:1.7em;
			color: #333;
		}
		.svcont01 .textbox>p.txt span {
			font-size: 13px;
			font-weight: bold;
		}
		.svcont01 .textbox>ul li.txt {
			margin: 20px auto 10px auto;
			width: 95%;
			font-size: 12px;
			line-height:1.7em;
			color: #333;
		 	padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
		.svcont01 .textbox>ul li.txt span {
			font-size: 12px;
			font-weight:bold;
			line-height:2.0em;
		}
		.svcont01 .textbox>p.ank a {
			margin:0 auto 0 auto;
			width:170px;
			font-size:12px;
			font-weight:bold;
			line-height:1.0m;
			color:#fff;
			padding:5px 0 5px 0;
			background-color:#EF8000;		/* icho-blue01 */
		}
		.svcont01 .textbox>p.ank a:hover {
			background-color:#AAA;
		}
		#activities .circlesym {		/* ◎ */
			display:none;
			position:absolute;
			top:0;
			right:5%;
			width:133px;
			height:133px;
			background: url( "../images/bg/cnt-circle02.svg" ) no-repeat;
			background-size: 221px 221px;
			background-size: 133px 133px;		/* 60% */
			background-position:center 0;
			z-index:1;
		}
		#activities .circlesym .circle {
			margin: 0 auto 0 auto;
			width:133px;
			height:133px;
			background: url( "../images/bg/cnt-circle.svg" ) no-repeat;
			background-size: 184px 183px;
			background-size: 110px 110px;
			background-position:center center;
		}
		#activities .circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#activities .circlesym .circle {
			animation-name: rotate;
			animation-duration: 15s;
			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);
			}
		}
		.svcont01 .svimg {
			display: block;
			width : 100%;
			padding-top: 0;
			padding-bottom: 0;
			text-align:center;
		}
		.svcont01 .svimg img {
			width : 90%;
			padding-top: 15px;
			padding-bottom: 15px;
		}
	}

/* ■ VISION section */

	#vision {
		margin:0 auto 0 auto;
		padding-top:0;
		padding-bottom:10px;
		position:relative;
	}
	#vision .sectitle {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:0;
		padding-bottom:0;
	}
	#vision .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:3.0vw;
		letter-spacing:1px;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:50px;
		padding-bottom:20px;
	}
	#vision .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:30px;
		font-size:1.5vw;
		letter-spacing:1px;
		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-bottom:10px;
	}
	#vision .sectitle .h2line {
		margin: 20px auto 50px auto;
		width: 70%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
	}
	#vision .sectitle>p {
		display:block;
		margin: 0 auto 30px auto;
		width: 73%;
		font-size:20px;
		letter-spacing:1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#vision .comment {
		margin:0 auto 80px auto;
		width:70%;
		padding:20px 0 20px 0;
	}
	#vision .comment p {
		margin:0 auto 0 auto;   
		width:70%;
		height:100px;
		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;
	}
	#vision .content {
		margin:0 auto 0 auto;
		width: 70%;
		padding-top:0;
		padding-bottom:30px;
/*		background-color:rgba( 255,255,255,0.90 ); 	*/	/*  White  透過95% */
/*			border-radius:15px;  
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;	*/
	}
	#vision .content .cont01 {
		margin:30px auto 50px auto;
		width: 100%;
	}
	#vision .content .cont01 h2 {
		margin:10px auto 20px auto;
		width: 30%;
		text-align:center;
		font-size:24px;
		font-size:1.5vw;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:700;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #0c3484;		/* svs-blue  */
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-size: 34px 32px;	/* 70% */
		background-position:left 10% top 7px;
	}
	#vision .content .cont01 h2.exh2 {
		margin:10px auto 20px auto;
		width: 45%;
		text-align:center;
		font-size:24px;
		font-size:1.5vw;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:700;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #0c3484;		/* svs-blue  */
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-size: 34px 32px;	/* 70% */
		background-position:left 10% top 7px;
	}

	#vision .content .cont01 .subt {
		margin:0 auto 30px auto;
		width: 90%;
		font-size:1.4vw;
		letter-spacing:1px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-bottom:20px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#vision .content .cont01 #gallery {	/* ◆Gallery */
		margin:50px auto 50px auto;
		width: 100%;
	}
	#vision .content .cont01 #gallery ul.gallery {
		margin:0 auto 0 auto;
		width: 90%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding:30px 0 30px 20px;
		background-color:#F4F4F4;
	}
	#vision .content .cont01 #gallery ul.gallery li {
		margin:0 auto 0 auto;
		width: 18%;
	}
	#vision .content .cont01 #gallery ul.gallery li img {
	}
	#vision .content .cont01 #gallery ul.gallery02 {
		margin:0 auto 0 auto;
		width: 90%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding:30px 0 30px 20px;
		background-color:#F4F4F4;
	}
	#vision .content .cont01 #gallery ul.gallery02 li {
		margin:0 auto 0 auto;
		width: 31%;
	}
	#vision .content .cont01 #gallery ul.gallery02 li img {
	}

	#vision .content .cont01 dl,dt,dd {
/*		display:block;	*/
	}
	#vision .content .cont01 dl {
		margin:0 auto 30px auto;
		width: 87%;
	}
	#vision .content .cont01 dt {
		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:700;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #0c3484;		/* svs-blue  */
	}
	#vision .content .cont01 dd {
		margin:0 auto 0 auto;
		width: 67.5%;
		font-size:16px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:400;
		font-style: normal;
		font-display: swap;
		color: #222;
	}
	#vision .content .cont01 dd span {
		font-weight:600;
	}
	#vision .symbl {
		position:absolute;
		top:-25%;
		right:5%;
		width:315px;
		height:334px;
		z-index:1;
	}
	#vision .symbl img {
		display:block;
	}

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

		#vision {
			margin:0 auto 0 auto;
			padding-top:20px;
		}
		#vision .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#vision .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:14px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:7px;
		}
		#vision .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color: #222;	
			padding-top:0;
			padding-left:0;
			padding-bottom:5px;
		}
		#vision .sectitle .h2line {
			margin: 0 auto 0 auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
		}
		#vision .comment {
			margin:20px auto 0 auto;
			width:80%;
			height:auto;
			padding:0 0 0 0;
		}
		#vision .comment p {
			margin:0 auto 0 auto;   
			width:100%;
			height:auto;
			font-size:12px;
			line-height:1.7em;
			padding:0 0 0 0;
		}
		#vision .content {
			margin:10px auto 0 auto;
			width: 95%;
			padding-top:5px;
			padding-bottom:20px;
			border-radius:15px;  
/*			-moz-border-radius:10px;
			-webkit-border-radius:10px;
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;	*/
		}
		#vision .content .cont01 {
			margin:30px auto 20px auto;
			width: 100%;
		}
		#vision .content .cont01 h2 {	
			margin:10px auto 8px auto;
			width: 80%;
			text-align:center;
			font-size:15px;
			font-weight:bold;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 49px 45px;
			background-size: 29px 27px;	/* 60% */
			background-position:left 0 top 0px;
		}
		#vision .content .cont01 .subt {
			margin:0 auto 20px auto;
			width: 80%;
			font-size:1.0vw;
			letter-spacing:1px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			padding-bottom:10px;
		}
		#vision .content .cont01 #gallery {	/* ◆Gallery */
			margin:0 auto 0 auto;
			width: 100%;
		}
		#vision .content .cont01 #gallery ul.gallery {
			margin:0 auto 20px 5%;
			width: 95%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			justify-content: flex-start;
			padding:10px 0 10px 0;
		}
		#vision .content .cont01 #gallery ul.gallery li {
			margin:5px 10px 5px 0;
			width: 47%;
		}
		#vision .content .cont01 #gallery ul.gallery li img {
		}
		#vision .content .cont01 #gallery ul.gallery02 {
			margin:0 auto 20px 5%;
			width: 95%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			justify-content: flex-start;
			padding:10px 0 10px 0;
		}
		#vision .content .cont01 #gallery ul.gallery02 li {
			margin:5px 10px 5px 0;
			width: 47%;
		}
		#vision .content .cont01 #gallery ul.gallery02 li img {
		}

		#vision .content .cont01 dl {
			margin:0 auto 0 auto;
			width: 100%;
		}
		#vision .content .cont01 dt {
			margin:0 auto 0 auto;
			width: 80%;
			font-size:13px;
			font-weight:bold;
		}
		#vision .content .cont01 dd {
			margin:0 auto 0 auto;
			width: 80%;
			font-size:12px;
			line-height:1.7em;
			font-weight:normal;
			font-style: normal;
		}
		#vision .content .cont01 dd span {
			font-weight:bold;
		}
		#vision .symbl {
			position:absolute;
			top:-30px;
			right:2%;
			width:76px;	/* 50% */
			height:84px;
			z-index:1;
		}
		#vision .symbl img {
			display:block;
			zoom:0.2;
		}
	}

/* ■ concept section -----------------------------------------------*/

	#concept {		/* ◆PC Layout  */
		margin:0 auto 50px auto;
		width:100%;
		padding-top:30px;
		padding-bottom:30px;
	}
	#concept>h2{
		display:block;
		margin:60px auto 50px auto;
		width:60%;
		font-size:30px;
		text-align:center;
		line-height:1.8em;
		letter-spacing:0.1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding:0 0 30px 0;
		background-image:
			url("../images/bg/cns-tl.svg"),
			url("../images/bg/cns-br.svg");
		background-size:
			38px 38px,
			38px 38px;
		background-position:
			left 20% top 5px,
			right 20% bottom 15px;
		background-repeat:
			no-repeat,
			no-repeat;
		border-bottom: 3px solid #EF8000;		/* icho-blue01 */
	}
	#concept>.introduction {
		margin:0 auto 30px auto;
		width:70%;
		height:100%;
		max-height:120px;
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "NotoSerifCJKjp-Medium";
		font-display: swap;
		color:#333;
		padding:20px 0 50px 0;
	}
	#concept>.introduction02 {
		margin:0 auto 30px auto;
		width:60%;
		height:100%;
		max-height:120px;
		text-align:left;
		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:#333;
		padding:20px 0 50px 0;
	}
	#concept .sec {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:30px;
		padding-bottom:130px;
		background:linear-gradient(rgba(0, 0,0, 0.1), rgba(0, 0, 0, 0.1	)),
		url("../images/bg/info_back01.jpg") no-repeat;
			background-size:	cover;
			background-position:	left 0 bottom 0;
			background-attachment:fixed;
	}
	#concept .contents {
		margin:0 auto 0 auto;
		width:70%;
		padding:20px 5% 50px 5%;
		background-color:rgba( 255,255,255,0.98 );	/*  White  透過98% */
			border-radius:15px;  
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			box-shadow: 0 0 15px #ccc;
	}
	#concept .contents,h3,h4,h5 {
		display:block;
		margin:0 auto 0 auto;
		width:70%;	
		font-size:24px;
		text-align:center;
		line-height:1.8em;
		letter-spacing:0.1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding:20px 0 20px 0;
	}
	#concept .h3line {
		margin: 0 auto 30px auto;
		width: 70%;
		height:1px;
		background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* gvss-orange01 */
	}
	#concept .cont {
		display: flex;
		justify-content: space-between;
		margin:0 auto 0 auto;
		width:70%;
		padding:20px 0 20px 0;
	}
	#concept .cont>.textbox {
		width:62%;
	}
	#concept .cont>.textbox>p.txt {
		margin:0 auto 0 auto; 
		width:90%;
		text-align:left;
		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;
		color:#333;
		padding:0 0 0 0;
	}
	#concept .cont>.cimg {
		width:35%;
		text-align:center;
		padding:0 0 0 0;
	}
	#concept .cont02 {
		margin:0 auto 0 auto;
		width:65%;
		padding:0 0 50px 0;
	}
	#concept .cont02>p.txt {
		margin:0 auto 0 auto;
		width:100%;
		text-align:left;
		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;
		color:#333;
	}
	#concept .cont02>ul {
		margin:0 auto 20px auto;
		width:100%;
	}
	#concept .cont02>ul li {
		margin:0 auto 0 auto;
		width:100%;
		text-align:left;
		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;
		color:#333;
		padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#concept .cont02>p.ank a {
		display:block;
		margin:30px auto 0 0;
		width:220px;
		text-align:center;
		font-size:15px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#fff;
		padding:8px 0 8px 0;
		background-color:#EF8000;		/* icho-blue01 */
	}
	#concept .cont02>p.ank a:hover {
		background-color:#AAA;
	}
	#concept .cont03>p.ank a:hover {
		background-color:#AAA;
	}
	#concept .cont03 {
		margin:0 auto 0 auto;
		width:65%;
		padding:0 0 50px 0;
	}
	#concept .cont03 .youtube-if {
		margin:0 auto 0 auto;
		width:100%;
		text-align:center;
		padding:20px 0 10px 0;
		background-color:#F4F4F4;
		background-color:#777;
	}
	#concept .cont03 .youtube-if iframe {
		width:560px;
		height:316px;
	}
	#concept .cont04 {
		margin:0 auto 50px auto;
		width:70%;
		padding:0 0 0 0;
	}
	#concept .cont04 .h4line {
		margin: 0 auto 30px auto;
		width: 100%;
		height:2px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* icho-blue01  */
	}
	#concept .cont04>p.txt {
		margin:0 auto 30px auto;
		width:95%;
		text-align:left;
		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;
		color:#333;
	}

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

		#concept {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:10px;
		}
		#concept>h2{
			margin:20px auto 0 auto;
			width:80%;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			line-height:1.8em;
			color:#333;
			padding-top:20px;
			padding-bottom:10px;
			background-image:
				url("../images/bg/cns-tl.svg"),
				url("../images/bg/cns-br.svg");
			background-size:
				28px 28px,
				28px 28px;
			background-position:
				left 10% top 10px,
				right 10% bottom 10px;
			background-repeat:
				no-repeat,
				no-repeat;
			border-bottom:2px solid #0092E5;		/* sanpei-blue01 */
		}
		#concept>.introduction {
			margin:0 auto 0 auto;
			width:80%;
			height:100%;
			max-height:100px;
			text-align:left;
			font-size:14px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#333;
			padding:20px 0 30px 0;
			background-color:transparent;;
		}
		#concept>.introduction02 {
			margin:0 auto 0 auto;
			width:80%;
			height:100%;
			max-height:100px;
			text-align:left;
			font-size:14px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#333;
			padding:20px 0 30px 0;
			background-color:transparent;;
		}
		#concept .contents {
			margin:0 auto 0 auto;
			width:90%;
			padding:0 5% 0 5%;
				border-radius:10px;  
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				box-shadow: 0 0 10px #ccc;
		}
		#concept h3,h4,h5 {
			display:block;
			margin:0 auto 0 auto;
			width:90%;	
			font-size:17px;
			line-height:1.8em;
			letter-spacing:0.1px;
			font-weight:bold;
			color:#555;
			padding:30px 0 20px 0;
		}
		#concept .h3line {
			margin: 0 auto 30px auto;
			width: 70%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* icho-blue01  */
		}
		#concept .cont {
			display: block;
			margin:30px auto 0 auto;   
			width:95%;
			padding:0 0 20px 0;
		}
		#concept .cont>.textbox {
			margin:0 auto 0 6%;
			padding:0 0 0 0;
			width:90%;
		}
		#concept .cont>.textbox>p.txt {
			margin:0 auto 0 auto;   
			width:100%;
			font-size:13px;
			line-height:1.7em;
			color:#333;
			padding:20px 0 20px 0;
		}
		#concept .cont>.cimg {
			margin:0 auto 0 auto;
			width:60%;
			text-align:center;
			padding:0;
		}
		#concept .cont>.cimg img {
		}
		#concept .cont02>p.ank a {
			display:block;
			margin:30px auto 0 auto;
			width:220px;
			text-align:center;
			font-size:15px;
			line-height:1.8em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#fff;
			padding:8px 0 8px 0;
			background-color:#EF8000;		/* icho-blue01 */
		}
	}

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

		#concept {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:30px;
			padding-bottom:30px;
		}
		#concept>h2{
			margin:0 auto 20px auto;
			width:80%;
			text-align:center;
			font-size:15px;
			font-weight:bold;
			line-height:1.7em;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			color:#333;
			padding-top:0;
			padding-bottom:10px;
			background-image:
				url("../images/bg/cns-tl.svg"),
				url("../images/bg/cns-br.svg");
			background-size:
				20px 20px,
				20px 20px;
			background-position:
				left 0 top 0,
				right 0 bottom 10px;
			background-repeat:
				no-repeat,
				no-repeat;
			border-bottom: 3px solid #EF8000;		/* gvss-orange01 */
		}
		#concept>.introduction {
			margin:0 auto 0 auto;   
			width:100%;
			height:100%;
			max-height:100px;
			text-align:left;
			font-size:12px;
			line-height:1.7em;
			color:#333;
			padding:20px 10% 20px 10%;
		}
		#concept>.introduction02 {
			margin:0 auto 0 auto;   
			width:100%;
			height:100%;
			max-height:120px;
			text-align:left;
			font-size:12px;
			line-height:1.7em;
			color:#333;
			padding:0 10% 20px 10%;
		}
		#concept .sec {
			margin:0 auto 0 auto;
			width:100%;
			padding:20px 0 80px 0;
			background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
			url("../images/bg/info_back01.jpg") no-repeat;
				background-size:cover;
				background-position:	left 0 top 0;
				background-attachment:fixed;
			border-top:2px solid #DEDEDE;
		}
		#concept .contents {
			margin:10px auto 0 auto;   
			width:90%;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
			box-shadow: 0 0 5px #ccc;
		}
		#concept .contents,h3,h4,h5 {
			display:block;
			margin:0 auto 0 auto;
			width:100%;
			font-size:13px;
			font-weight:bold;
			line-height:1.7em;
			color:#333;
			padding:10px 0 10px 0;
		}
		#concept .h3line {
			margin: 0 auto 10px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* gvss-orange01 */
		}
		#concept .cont {
			display: block;
			margin:0 auto 20px auto;   
			width:90%;
			padding:0 0 20px 0;
		}
		#concept .cont>.textbox {
			margin:0 auto 0 6%;
			padding:0 0 0 0;
			width:90%;
		}
		#concept .cont>.textbox>p.txt {
			margin:0 auto 0 auto;   
			width:100%;
			font-size:12px;
			font-weight:normal;
			line-height:1.7em;
			color:#333;
			padding:10px 0 10px 0;
		}
		#concept .cont02>ul {
			margin:0 auto 0 auto;
			width:90%;
		}
		#concept .cont02>ul li {
			margin:0 auto 0 auto;   
			width:100%;
			font-size:12px;
			line-height:1.7em;
			color:#333;
			padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#concept .cont>.cimg {
			margin:0 auto 0 auto;
			width:70%;
			text-align:center;
			padding:0;
		}
		#concept .cont02 {
			margin:10px auto 0 auto;   
			width:90%;
			padding:0 0 20px 0;
		}
		#concept .cont02>p.txt {
			margin:0 auto 0 auto;   
			width:90%;
			font-size:12px;
			font-weight:normal;
			line-height:1.7em;
			color:#333;
			padding:20px 0 20px 0;
		}
		#concept .cont02>p.ank a {
			margin:0 auto 0 auto;
			width:170px;
			font-size:12px;
			font-weight:bold;
			line-height:1.0m;
			padding:5px 0 5px 0;
		}
		#concept .cont03 {
			margin:20px auto 0 auto;   
			width:90%;
			padding:0 0 0 0;
		}
		#concept .cont04 .youtube-if iframe {
			margin:-5px auto 0 auto;
			width:100%;
			height:100%;
		}
		#concept .cont04 {
			margin:10px auto 0 auto;   
			width:90%;
			padding:0 0 20px 0;
		}
		#concept .cont04 .h4line {
			margin: 0 auto 10px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* icho-blue01  */
		}
		#concept .cont04>p.txt {
			margin:0 auto 0 auto;   
			width:90%;
			font-size:12px;
			font-weight:normal;
			line-height:1.7em;
			color:#333;
			padding:20px 0 20px 0;
		}
	}
	@media screen and (max-width:590px) {

	}

/* ■ Case */

	#case {
		margin:80px auto -80px auto;
		width:100%;
		padding-top:0;
		padding-bottom:0;
		background:linear-gradient(180deg,#EF8000 0%,#EF8000 3%,white 3%,white 18%,#EF8000 18%,#EF8000 75%,white 75%,white 100%);		/* sanpei-blue05  */
		position:relative;
	}
	#case .sectitle {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:0;
		padding-bottom:30px;
	}
	#case .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:60px;
		letter-spacing:8px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:100px;
		padding-bottom:25px;
	}
	#case .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:30px;
		letter-spacing:1px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding-top:0px;
		padding-bottom:10px;
	}
	#case .sectitle .h2line {
		margin: 30px auto 30px auto;
		width: 70%;
		background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* mdc-violet01 */
	}
	#case .sectitle>p {
		display:block;
		margin: 0 auto 30px auto;
		width: 73%;
		font-size:20px;
		letter-spacing:1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding-top:0;
		padding-bottom:10px;
	}
	#case .contents {
		width: 100%;
		background:linear-gradient(rgba(000, 000, 000, 0.3), rgba(000,000, 000, 0.3)),
		url("../images/treatment/rf0101.jpg") no-repeat;
		background-size: cover;
		background-position: center top 0; 
		background-attachment:fixed;
		padding-top:50px;
		padding-bottom:100px;
	}
	#case .contents article {
		margin: 0 auto 0 auto;
		width: 70%;
		padding-top:30px;
		padding-bottom:30px;
		background-color:rgba( 255,255,255,0.98 );	/*  White  透過98% */
			border-radius:15px;  
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			box-shadow: 0 0 15px #ccc;
	}
	#case section h3 {
		display:block;
		margin: 0 auto 20px auto;
		width: 50%;
		text-align:center;
		font-size:30px;
		letter-spacing:1px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color: #EF8000;		/* icho-blue01 */
		padding-top:0;
		padding-bottom:0;
	}
	#case section h3 span {
		padding-left:10px;
		font-size:40px;
		color: #EF8000;		/* icho-blue01 */
	}
	#case .caseimg {		/* caseimage embeded */
		margin: 0 auto 0 auto;
		width: 70%;
		padding-top:30px;
		padding-bottom:30px;
	}
	#case .caseimg img {
		display:block;
		margin: 0 auto 30px auto;
		width: 70%;
	}
	#case .explain {		/* case explain */
		margin: 0 auto 50px auto;
		width: 100%;
	}
	#case .explain dl,dt,dd {
		display:block;
	}
	#case .explain dl {
		display:block;
		margin: 0 auto 0 auto;
		width: 70%;
		padding-top:20px;
		padding-bottom:20px;
		border-bottom: 1px dotted #BDC3C7;	/* Siver */
	}
	#case .explain dt {
		display:block;
		float:left;
		width:30%;
		font-size:17px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#333;
	}
	#case .explain dd {
		display:block;
		float:left;
		width:70%;
		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;
		color:#333;
	}

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

		#case {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:30px;
			background-color:transparent;
			background:linear-gradient(90deg,#EF8000 0%,#EF8000 30%,white 30%,white 100%);	/* ★ */
		}
		#case .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:33px;
			letter-spacing:2px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
			padding-top:0;
			padding-bottom:15px;
		}
		#case .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 73%;
			text-align:center;
			font-size:18px;
			letter-spacing:1px;
			font-weight:bold;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			color: #333;	
			padding-top:0;
			padding-bottom:0;
		}
		#case .sectitle .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* mdc-violet01 */
		}
		#case .contents article {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,0.98 );	/*  White  透過98% */
				border-radius:10px;  
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				box-shadow: 0 0 10px #ccc;
		}
		#case section h3 {
			margin: 0 auto 0 auto;
			width: 50%;
			text-align:center;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
		}
		#case .explain {		/* case explain */
			margin: 0 auto 20px auto;
			width: 100%;
		}
		#case .explain dl {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:20px;
			padding-bottom:20px;
			border-bottom: 1px dotted #BDC3C7;	/* Siver */
		}
		#case .explain dt {
			display:block;
			float:left;
			width:30%;
			font-size:14px;
			line-height:1.8em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#333;
		}
		#case .explain dd {
			display:block;
			float:left;
			width:70%;
			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:#333;
		}
	}
	@media screen and (max-width:767px) {

		#case {
			margin:0 auto -30px auto;
			width:100%;
			padding-bottom:0px;
			background:linear-gradient(180deg,#EF8000 0%,#EF8000 1%,white 1%,white 9%,#EF8000 9%,#EF8000 60%,white 60%,white 100%);		/* sanpei-blue05  */
		}
		#case .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:30px;
			padding-bottom:0;
		}
		#case .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
			color:#BDC3C7;
			padding-top:0;
			padding-bottom:10px;
		}
		#case .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			color: #333;	
			padding-top:0;
			padding-left:0;
			padding-bottom:5px;
		}
		#case .sectitle .h2line {
			margin: 0 auto 25px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#EF8000 0%,#EF8000 2%,#CCCCCC 2%,#CCCCCC 100%);	/* mdc-violet01 */
		}
		#case .contents {
			width: 100%;
			background:linear-gradient(rgba(000, 000, 000, 0.3), rgba(000,000, 000, 0.3)),
			url("../images/treatment/rf0101.jpg") no-repeat;
			background-size: cover;
			background-position: center top 0; 
			background-attachment:fixed;
			padding-top:10px;
			padding-bottom:30px;
		}
		#case .contents article {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:10px;
			padding-bottom:10px;
			border-radius:5px;  
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			box-shadow: 0 0 10px #ccc;
		}
		#case section h3 {
			display:block;
			margin: 10px auto 0 auto;
			width: 90%;
			font-size:14px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:0;
		}
		#case section h3 span {
			padding-left:5px;
			font-size:20px;
		}
		#case .caseimg {		/* caseimage embeded */
			margin: 0 auto 30px auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#case .caseimg img {
			display:block;
			margin: 0 auto 10px auto;
			width: 100%;
		}
		#case .explain {		/* case explain */
			margin: 0 auto 20px auto;
			width: 90%;
		}
		#case .explain dl {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:0;
			padding-bottom:10px;
		}
		#case .explain dt {
			clear: both;
			width: 100%;
			font-size:12px;
			line-height:1.7em;
			font-weight:bold;
			padding-top:10px;
			padding-bottom:0;
		}
		#case .explain dd {
			clear: both;
			width: 100%;
			font-size:12px;
			line-height:1.7em;
			padding-top:5px;
			padding-bottom:0;
		}
	}

	/* ■ 固定ヘッダ アンカー位置差分変更 */

	#csec01 {					/* スポーツキャラバンプロジェクト */
		margin-top:-70px;
		padding-top:70px;
	}
	#csec02 {					/* ヘルメット型すべり台レンタル */
		margin-top:-70px;
		padding-top:70px;
	}

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

		#csec01 {					/* スポーツキャラバンプロジェクト */
			margin-top:-100px;
			padding-top:100px;
		}
		#csec02 {					/* ヘルメット型すべり台レンタル */
			margin-top:-150px;
			padding-top:150px;
		}
	}