/*----------------------------------------------------------------------------*/
/* 	SAVIORS  フラッグフットボールチーム　ACADEMY 				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:0;
		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 0 20px 0;
			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 0 30px 0;
	}
	#introduction .cont .comment p.cmt03 {
		font-size:19px;
		text-align:center;
	}
	#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:20px auto 30px 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>.comment {
		margin:0 auto 0 auto;   
		width:60%;
		font-size:18px;
		line-height:1.9em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:20px 0 30px 4%;
	}
	#introduction .cont .concept>ul {
		margin:0 auto 0 auto;   
		width:65%;
		padding:0 0 30px 1.5%;
	}
	#introduction .cont .concept>ul li {
		margin:0 auto 0 auto;   
		width:80%;
		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:#222;
		padding:0 0 20px 0;
	 	padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#introduction .cont .concept>ul li span {
		font-size:18px;
		font-weight: 600;
		padding-right:25px;
	}
	#introduction .symbl01 {
		position:absolute;
		top:0;
		right:8%;
		width:151px;
		height:167px;
		width:302px;		/* 200% */
		height:334px;
		z-index:1;
	}
	#introduction .symbl01 img {
		display:block;
	}
	#introduction .symbl02 {
		position:absolute;
		top:0px;
		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:20px 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>.comment {
			margin:0 auto 0 auto;   
			width:80%;
			font-size:12px;
			line-height:1.7em;
			font-weight: normal;
			color:#222;
			padding:0 0 10px 0;
		}
		#introduction .cont .concept>ul {
			margin:0 auto 0 auto; 
			width:100%;
			padding:0 0 20px 0;
		}
		#introduction .cont .concept>ul li {
			margin:0 auto 0 auto;   
			font-size:12px;
			line-height:1.8em;
			font-weight: normal;
			color:#222;
			padding:0 0 0 0;
		}
		#introduction .cont .concept>ul li span {
			font-weight: bold;
			font-size:13px;
			padding-right:15px;
		}
		#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:95%;
			right:5%;
			width:76px;	/* 50% */
			height:84px;
			z-index:1;
		}
		#introduction .symbl02 img {
			display:block;
			zoom:0.2;
		}
		#introduction .symbl03 {
			position:absolute;
			top:100%;
			right:5%;
			width:76px;	/* 50% */
			height:84px;
			z-index:1;
		}
		#introduction .symbl03 img {
			display:block;
			zoom:0.2;
		}
	}

/* ■ TEAM LIST section - アカデミー チーム紹介 */

	#teamlist {
		margin:0 auto 0 auto;
		padding-top:0;
		padding-bottom:10px;
		position:relative;
	}
	#teamlist .sectitle {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:0;
		padding-bottom:0;
	}
	#teamlist .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;
	}
	#teamlist .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;
	}
	#teamlist .sectitle .h2line {
		margin: 20px auto 50px auto;
		width: 65%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
	}
	#teamlist .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;
	}
	#teamlist .comment {
		margin:0 auto 30px auto;
		width:70%;
		padding:20px 0 20px 0;
			border-radius:15px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
	}
	#teamlist .comment p {
		margin:0 auto 0 auto;   
		width:75%;
		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:75%;
		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 50px 22%;
		width : 65%;
	}
	.svcont01 .svimg {	/* ◇right block */
		display: flex;
		flex-wrap: wrap;
		justify-content:space-between;
		align-items: start;
		margin: 0 auto 0 auto;
		width : 25%;
		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: 80%;
		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;
		border-bottom: 1px solid #0c3484;		/* svs-blue  */
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
	}
	.svcont01 .textbox>h2:before {
		content: "";
		width: 39px;
		height: 36px;
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 39px 36px;	/* 80% */
	}
	.svcont01 .textbox>h3 {
		margin: 10px auto 0 auto;
		font-size:1.2vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
	}
	.svcont01 .textbox .txt {
		margin: 0 auto 0 auto;
		width: 100%;
		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: #222;
		padding:0 0 20px 0;
	}
	.svcont01 .textbox>dl {
		margin: 0 auto 0 auto;
		width: 80%;
		padding:0 0 10px 0;
	}
	.svcont01 .textbox>dl dt {
		float:left;
		width: 20%;
		font-size: 18px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #222;
		padding:0 0 0 0;
	}
	.svcont01 .textbox>dl dd {
		float:left;
		width: 80%;
		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;
	}
	.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;
	}
	#teamlist .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;
	}
	#teamlist .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;
	}
	#teamlist .circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#teamlist .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);
		}
	}
	#teamlist .content .cont02 .symbl {
		display:block;
		position:absolute;
		top:76%;
		right:5%;
		width:331px;
		height:105px;
	}

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

		#teamlist {
			margin:0 auto 0 auto;
			padding-top:20px;
		}
		#teamlist .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#teamlist .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;
		}
		#teamlist .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;
		}
		#teamlist .sectitle .h2line {
			margin: 0 auto 0 auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
		}
		#teamlist .comment {
			margin:20px auto 0 auto;
			width:80%;
			height:auto;
			padding:0 0 0 0;
		}
		#teamlist .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: 20px 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;
			width: 70%;
		}
		.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: 10px auto 0 auto;
			width: 100%;
			text-align:center;
			font-size: 13px;
			font-weight:bold;
			line-height:1.7em;
			color: #0092E5;		/* sanpei-blue01 */
			padding-bottom:7px;
			border-bottom: 1px solid #0c3484;		/* svs-blue  */
		}
		.svcont01 .textbox>h3 {
			margin: 10px 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 10px auto;
			width: 90%;
			padding:0 0 0 0;
		}
		.svcont01 .textbox>dl dt {
			clear:both;
			width: 100%;
			font-size: 12px;
			line-height:1.7em;
			font-weight: bold;
			color: #222;
			padding:0 0 0 0;
		}
		.svcont01 .textbox>dl dd {
			clear:both;
			width: 100%;
			font-size: 12px;
			line-height:1.7em;
			font-weight: normal;
			color: #222;
			padding:0 0 0 0;
		}
		.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;
			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 0 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;
		}
		#teamlist .circlesym {		/* ◎ */
			display:none;
			position:absolute;
			top:50%;
			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;
		}
		#teamlist .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;
		}
		#teamlist .circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#teamlist .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;
		}
	}

/* ■ Entry section07 - 体験・見学のご案内 */

	#entry {
		margin:0 auto 0 auto;
		padding-top:0;
		padding-bottom:60px;
		position:relative;
	}
	#entry .sectitle {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:0;
		padding-bottom:0;
	}
	#entry .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:30px;
		padding-bottom:30px;
	}
	#entry .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		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;
	}
	#entry .sectitle .h2line {
		margin: 20px auto 50px auto;
		width: 70%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
	}
	#entry .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;
	}
	#entry .comment {
		margin:0 auto 30px auto;
		width:70%;
		padding:20px 0 20px 0;
	}
	#entry .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;
	}
	/* ◇ History table ----- */
	#entry .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;	*/
	}
	#entry .content .cont01 {
		margin:30px auto 50px auto;
		width: 100%;
	}
	#entry .content .cont01 h2 {
		margin:10px auto 30px auto;
		width: auto;
		text-align:center;
		font-size:24px;
		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  */
		position: relative;
		display: inline-block;
		left: 50%;
		transform: translateX(-50%);
	}
	#entry .content .cont01 h2:before {
		position: absolute;
		content: "";
		width: 34px;
		height: 32px;
		left: -40px;
		top: 50%;
		transform: translateY(-50%);
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 34px 32px;
	}
	#entry .content .cont01 ul {
		margin:30px auto 0 auto;
		width: 70%;
	}
	#entry .content .cont01 li {
		margin:0 auto 30px auto;
		width: 100%;
		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:#222;
		padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#entry .content .cont01 li span {
		font-size:18px;
		line-height:2.0em;
		font-weight: 600;
		color:#0c3484;		/* svs-blue  */
	}
	#entry .content .cont01 h2 span {
		background-position:left 0 top 5px;
	}
	#entry .content .cont01 .txt01 {
		margin:30px auto 30px auto;
		width: 67.5%;
		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:#222;
	}
	#entry .content .nlall {
		display: block;
		margin: 20px auto 0 auto;
		position:relative;
	}
	#entry .content .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:250px;
		width:35%;
		font-size:17px;
		font-weight:600;
		line-height:1.5em;
		color: #FFF;
		background	: url("../images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 15px  17px;
	}
	#entry .content .nlall a:hover {
		display: block;
		color: #FFF;
		background	: url("../images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 17px; 
		background-color: #0c3484;		/* svs-blue  */
	}
	#entry .symbl {
		position:absolute;
		top:0;
		right:5%;
		width:315px;
		height:334px;
		z-index:1;
	}
	#entry .symbl img {
		display:block;
	}

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

		#entry {
			margin:0 auto 0 auto;
			padding-top:20px;
		}
		#entry .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#entry .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;
		}
		#entry .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;
		}
		#entry .sectitle .h2line {
			margin: 0 auto 0 auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);
		}
		#entry .comment {
			margin:20px auto 0 auto;
			width:80%;
			height:auto;
			padding:0 0 0 0;
		}
		#entry .comment p {
			margin:0 auto 0 auto;   
			width:100%;
			height:auto;
			font-size:12px;
			line-height:1.7em;
			padding:0 0 0 0;
		}
		#entry .content {
			margin:0 auto 0 auto;
			width: 95%;
			padding-top:0;
			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;	*/
		}
		#entry .content .cont01 {
			margin:30px auto 20px auto;
			width: 100%;
		}
		#entry .content .cont01 h2 {	
			margin:0 auto 20px auto;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			padding-left:20px;
			background-position:left 0 top 0px;
		}
		#entry .content .cont01 ul {
			margin:10px auto 0 auto;
			width: 90%;
		}
		#entry .content .cont01 li {
			margin:0 auto 10px auto;
			width: 100%;
			font-size:12px;
			line-height:1.6em;
			font-weight: normal;
			color:#222;
			padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#entry .content .cont01 li span {
			font-size:13px;
			font-weight: bold;
			color:#0c3484;		/* svs-blue  */
		}
		#entry .content .cont01 h2 span {
			background-position:left 0 top 5px;
		}
		#entry .content .cont01 .txt01 {
			margin:10px auto 0 auto;
			width: 85%;
			font-size:12px;
			line-height:1.8em;
			font-weight:normal;
			color:#222;
		}
		#entry .content .nlall {
			display: block;
			margin: 15px auto 0 auto;
			position:relative;
		}
		#entry .content .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:80%;
			font-size:12px;
			font-weight:bold;
			line-height:1.5em;
			color: #FFF;
			background	: url("../images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  17px;
		}
		#entry .content .nlall a:hover {
			display: block;
			color: #FFF;
			background	: url("../images/icon/btn-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 170px 17px; 
			background-color: #0c3484;		/* svs-blue  */
		}
		#entry .symbl {
			position:absolute;
			top:-30px;
			right:2%;
			width:76px;	/* 50% */
			height:84px;
			z-index:1;
		}
		#entry .symbl img {
			display:block;
			zoom:0.2;
		}
	}

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

	#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;
		}
		#sec03 {					/* リフォーム */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec04 {					/* お客様の声 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec05 {					/* よくあるご質問 */
			margin-top:-150px;
			padding-top:150px;
		}
	}