/*----------------------------------------------------------------------------*/
/* SAVIORS｜茨城セイバーズ	TOPページ						  CSS    */
/*----------------------------------------------------------------------------*/
@charset "utf-8";

	main {
		background:#FFF;
		overflow-x: hidden;	/* ★ 横方向はみ出した部分を非表示にする */
		font-family: "NotoSans", "NotoSansCJKjp","游ゴシック体", YuGothic,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
					"メイリオ", Meiryo, Osaka, helvetica, arial, sans-serif;
	}

	/* heading */

	h2 {
		text-transform: uppercase;
		font-size: 3rem;
	}

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

		h2 {
				font-size:2rem;
		}
	}
	/* lead */
	.top-lead{
		position: fixed;
		bottom:10%;
		left:5%;
		font-size:3rem;
		text-transform: uppercase;
		font-weight: bold;
		line-height: 1.5;
	}

	.top-lead span.bgLRextend::before{
		background:#333;
	}

	@media screen and (max-width:550px) {
	.top-lead{
	    font-size:2.2rem;
	    }
	}
	@media screen and (max-width:380px) {
	.top-lead{
	    font-size:1.8rem;
	    }
	}

	/* ● 横スクロール位置バー の高さ範囲 */
	#container{
		height:auto;
	}
	/* main-area */

	#main-area{
		width:100%;
		margin:0 auto;
		padding: 0 0 50px 0; 
	}

/* ● MainConents  SPLASH */

	/*========= ローディング画面のためのCSS ===============*/
	#splash {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: #F9F9F9;
		background:linear-gradient(90deg,#EFEFEF 0%,#F3F3F3 100%);	/* svs-gray02 ,03 */
		background-image:
			url("../images/bg/brline01.svg"),
			url("../images/bg/brline02.svg");
		background-size:
			contain,
			contain;
		background-position:
			center top 65%,
			center top 75%;
		background-repeat:
			no-repeat,
			no-repeat;
		z-index: 9999999;
		text-align:center;
	}
	#splash-cont {
		position: absolute;
		top: 30%;
		left: 0;
		right: 0;
		margin:auto;
		font-size:60px;
		line-height:2.0em;
		letter-spacing:0.1em;
		font-weight:bold;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#fff;
	}
	#splash-cont img {
		display:block;
		margin: 0 auto 0 auto;
		width:559px;
		height:235px;
	}
	#splash-cont>p {
		margin: 50px auto 0 auto;
		width:100%;
		text-align:center;
		font-weight:bold;
		font-size:50px;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		text-shadow: 1px 2px 3px #F5F5F5;
		color:#333;
		padding-left:100px;
	}

/*========= 画面遷移のためのCSS ===============*/

/*画面遷移アニメーション*/

	.splashbg1,
	.splashbg2{
		display: none;
	}

	body.appear .splashbg1,
	body.appear .splashbg2{
		display:block;
	}

	/*右に消えるエリア*/
	body.appear .splashbg1{
		animation-name:PageAnime;
		animation-duration:1.2s;
		animation-timing-function:ease-in-out;
		animation-fill-mode:forwards;
		content: "";
		position:fixed;
		z-index: 999;
		width: 100%;
		height: 100vh;
		top: 0;
		left:50%;
		transform: scaleX(1);
		background-color:#d03c1b;	/* 伸びる背景色の設定 svs-red01 */
	}
	@keyframes PageAnime{
		0% {
			transform-origin:left;
			transform:scaleX(1);
		}
		50% {
			transform-origin:right;
		}
		100% {
			transform-origin:right;
			transform:scaleX(0);
		}
	}

	/*左に消えるエリア*/
	body.appear .splashbg2{
		animation-name:PageAnime2;
		animation-duration:1.2s;
		animation-timing-function:ease-in-out;
		animation-fill-mode:forwards;
		content: "";
		position:fixed;
		z-index: 999;
		width: 100%;
		height: 100vh;
		top: 0;
		right:50%;
		transform: scaleX(1);
		background-color:#0c3484;	/* 伸びる背景色の設定 svs-blue */
	}
	@keyframes PageAnime2{
		0% {
			transform-origin:right;
			transform:scaleX(1);
		}

		50% {
			transform-origin:left;
		}
		100% {
			transform-origin:left;
			transform:scaleX(0);
		}
	}

	/*画面遷移の後現れるコンテンツ設定*/
	#wrapper{
		opacity: 0;/*はじめは透過0に*/
	}

	/*bodyにappearクラスがついたら出現*/
	body.appear #wrapper{
		animation-name:PageAnimeAppear;
		animation-duration:1s;
		animation-delay:0.2s;
		animation-fill-mode:forwards;
		opacity: 0;
	}

	@keyframes PageAnimeAppear{
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	body.appear{
		background:#0c3484;		/* svs-blue  */
	}

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

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


		#splash {
			position: fixed;
			width: 100%;
			height: 70%;
			height: 100%;
		}
		#splash-cont {
			position: absolute;
			top: 35%;
			left: 0;
			right: 0;
			margin:auto;
			line-height:2.0em;
			letter-spacing:1px;
			font-weight:bold;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			font-size:17px;
		}
		#splash-cont img {	/* ●SPLASH logo画像 */
			margin: 0 auto 0 auto;
			width:559px;
			height:235px;
			width:280px;		/* 50% */
			height:118px;
		}
		#splash-cont>p {
			margin: 50px auto 0 auto;
			font-size:25px;
			padding-left:20px;
		}
	}

/* ■ 次回試合情報  section01 ------------------------------------------------------*/

	#match {			/* ◆ PC layout ----------  */
		margin:0 auto 100px auto;
		width:100%;
		padding-top:80px;
		padding-bottom:80px;
		border-top:10px solid #DEDEDE;
		position:relative;
	}
	#match .sectitle {
		margin: 50px auto 0 auto;
		width: 70%;
		padding-bottom:0;
	}
	#match .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:70px;
		font-size:4.2vw;
		letter-spacing:7px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:0;
		padding-bottom:10px;
	}
	#match .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:30px;
		font-size:1.6vw;
		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:0;
		padding-bottom:60px;
	}
	#match .sectitle .h2line {
		margin: 20px auto 30px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
	}
	#match .symbl01 {
		position:absolute;
		top:87%;
		left:77%;
		width:315px;
		height:334px;
		z-index:1;
	}
	#match .symbl01 img {
		display:block;
	}
	#match .symbl02 {
		position:absolute;
		top:15%;
		left:75%;
		width:50%;
		width:315px;
		height:334px;
		font-size:60px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #FFF;
		z-index:1;
	}
	#match .sec {
		margin:0 auto 0 auto;
		width:100%;
		padding:50px 0 120px 0;
		background:linear-gradient(rgba(0, 0,0, 0.4), rgba(0, 0, 0, 0.4	)),
		url("../images/bg/info_back02.jpg") no-repeat;
			background-size:	cover;
			background-position:	left 0 bottom 0;
			background-attachment:fixed;
	}
	#match .sec section {
		margin: 50px auto 0 auto;
		width: 75%;
		padding-bottom:30px;
		padding:10px 1% 30px 1%;
		background-color:rgba( 255,255,255,0.95 ); 	/*  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;
	}
	#match .sec section>h2 {
		display:block;
		margin:30px auto 0 auto;
		width: 90%;
		text-align:center;
		font-size:1.5vw;
		line-height:1.2em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		padding:0 0 15px 0;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#match .sec section>h2 span {
		font-size:1.0vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;

	}
	#match ul.content {
		margin: 0 auto 0 auto;
		width: 100%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	#match ul.content li {
		margin: 30px auto 0 auto;
		width: 45%;
		border: 1px solid #CCC;
		position:relative;
	}
	#match ul.content li dl,dt,dd {
		display:block;
	}
	#match ul.content li dl {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:60px;
	}
	#match ul.content li dt {
		margin: 0 auto 20px auto;
		text-align:center;
		font-size:17px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#FFF;
		padding-top:10px;
		padding-bottom:13px;
		background-color:#d03c1b;	/* svs-red01 */
	}
	#match #next>ul.content li dt {
		background-color:#0c3484;	/* svs-blue  */
	}
	#match ul.content li dd {
		font-size:17px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:0 20px 0 20px;
		text-align:center;
	}
	#match ul.content li dd.score {		/* ◇SCORE field */
		margin:-15px auto 0 auto;
		width:100%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:10px;
		padding-bottom:0;
	}
	#match ul.content li dd.score .left {
		width:50%;
		padding:10px;
		padding:10px 10px 0 10px;
	}
	#match ul.content li dd.score .left .hteam {
		float:left;
		width:60%;
	}
	#match ul.content li dd.score .left .hteam img {	/* SAVIORS logo */
		display:block;
		margin:0 0 0 auto;
		width:65%;
	}
	#match ul.content li dd.score .left .lpoint {
		float:left;
		width:40%;
		text-align:right;
		font-size:2.4vw;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		padding-top:25px;
			text-shadow: 2px 2px 2px #888;
	}
	#match ul.content li dd.score .right {
		width:50%;
		padding:10px;
		padding:10px 10px 10px 0;
	}
	#match ul.content li dd.score .right .rpoint {
		float:left;
		width:40%;
		text-align:left;
		font-size:2.4vw;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		padding-top:25px;
			text-shadow: 2px 2px 2px #CCC;
	}
	#match ul.content li dd.score .right .rpoint span {
		padding:0 10px 0 0;
		color:#AAA;
	}
	#match ul.content li dd.score .right .vteam {
		float:left;
		width:60%;
		text-align:left;
		font-size:0.9vw;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		line-height:1.5em;
		padding-top:10px;
		padding-top:25px;
		color:#222;
	}
	#match ul.content li dd.btn {
		font-size:14px;
		font-weight: 400;
	}
	#match ul.content li dd img {
		padding:0;
	}
	#match ul.content li .btn {
		position:absolute;
		bottom:10px;
		left:0;
		right:0;
		margin:auto;
		width:35%;
		width:70%;
		height:50px;
		text-align: center;
		padding:0 0 5px0 0;
			box-shadow: 0px 0px 0px 0px #fff;
			-webkit-box-shadow: 0px 0px 0px 0px #fff;
			-moz-box-shadow: 0px 0px 0px 0px #fff;
	}
	#match .nlall {
		display: block;
		margin: 60px auto 0 auto;
		position:relative;
	}
	#match .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:300px;
		font-size:15px;
		font-weight:600;
		line-height:1.5em;
		color: #FFF;
		background	: url("../images/icon/btn-arrow03.png") no-repeat;
		background-size:11px 13px;
		background-position: 15px  13px;
	}
	#match .nlall a:hover {
		background	: url("../images/icon/btn-arrow03.png") no-repeat;
		background-size:11px 13px;
		background-position: 170px 13px; 
	}

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

		#match ul.content {
			margin: 0 auto 0 auto;
			width: 90%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-bottom:20px;
		}
		#match ul.content li {
			margin: 30px auto 0 auto;
			width: 32%;
			border: 1px solid #CCC;
		}
		#match ul.content li dt {
			text-align:center;
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			padding-top:10px;
			padding-bottom:10px;
		}
		#match ul.content li dd {
			font-size:12px;
			line-height:1.7em;
			padding:5px 15px 5px 15px;
		}
	}

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

		#match {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:100px;
			position:relative;
		}
		#match .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#match .sectitle .sectsub {
			display:block;
			margin: 10px auto 0 auto;
			width: 100%;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:20px;
			padding-bottom:10px;
		}
		#match .sectitle h2 {
			display:block;
			margin: 0 auto 10px auto;
			width: 100%;
			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:5px;
			padding-left:0;
			padding-bottom:0;
		}
		#match .sectitle .h2line {
			margin: 0 auto 10px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
		}
		#match .symbl01 {
			position:absolute;
			top:94%;
			left:5%;
			width:158px;
			height:167px;
			z-index:1;
		}
		#match .symbl01 img {
			display:block;
			zoom:0.3;
		}
		#match .symbl02 {
			position:absolute;
			top:90%;
			left:55%;
			width:180px;
			font-size:25px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #FFF;
			z-index:1;
		}
		#match .sec {
			margin:0 auto 0 auto;
			width:100%;
			padding:20px 0 80px 0;
			background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
			url("../images/bg/info_back02.jpg") no-repeat;
				background-size:cover;
				background-position:	left 0 top 0;
				background-attachment:fixed;
			border-top:5px solid #DEDEDE;
		}
		#match .sec section {
			margin: 35px auto 0 auto;
			width: 90%;
			padding-bottom:15px;
			padding:10px 1% 30px 1%;
			background-color:rgba( 255,255,255,0.97 ); 	/*  White  透過90% */
				border-radius:7px;  
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#match .sec section>h2 {
			display:block;
			margin:10px auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:3.7vw;
			line-height:1.3em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color: #0c3484;		/* svs-blue  */
			padding:0 0 15px 0;
			border-bottom:none;
		}
		#match .sec section>h2 span {
			font-size:3.0vw;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
		}
		#match ul.content {
			margin: -25px auto 0 auto;
			width: 100%;
			display: block;
			padding-top:5px;
		}
		#match ul.content li {
			margin: 20px auto 0 auto;
			width: 90%;
		}
		#match ul.content li dl {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
		}
		#match ul.content li dt {
			margin: 0 auto 10px auto;
			font-size:13px;
			font-weight:bold;
			padding-top:10px;
			padding-bottom:10px;
		}
		#match ul.content li dd {
			font-size:12px;
			color:#222;
			padding:0 0 0 0;
		}
		#match ul.content li dd.score {		/* ◇SCORE field */
			margin:0 auto 0 auto;
			width:100%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-top:5px;
			padding-bottom:5px;
		}
		#match ul.content li dd.score .left {
			width:47%;
			padding:10px;
		}
		#match ul.content li dd.score .left .hteam {
			float:left;
			width:50%;
			text-align:right;
		}
		#match ul.content li dd.score .left .hteam img {	/* SAVIORS logo */
			padding-top:2px;
		}
		#match ul.content li dd.score .left .lpoint {
			float:left;
			width:50%;
			text-align:right;
			font-size:5.4vw;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color: #0c3484;		/* svs-blue  */
			padding-top:0;
				text-shadow: 1px 1px 1px #888;
		}
		#match ul.content li dd.score .right {
			width:53%;
			padding:10px;
		}
		#match ul.content li dd.score .right .rpoint {
			float:left;
			width:40%;
			text-align:left;
			font-size:5.4vw;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color: #0c3484;		/* svs-blue  */
			padding-top:0;
				text-shadow: 2px 2px 2px #888;
		}
		#match ul.content li dd.score .right .rpoint span {
			padding:0 10px 0 0;
			color:#777;
		}
		#match ul.content li dd.score .right .vteam {
			float:left;
			width:60%;
			text-align:left;
			font-size:3.4vw;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			line-height:1.5em;
			padding-top:1px;
			color:#222;
		}
		#match ul.content li dd.btn {
			font-size:12px;
		}
		#match ul.content li dd img {
			padding:0;
		}
		#match ul.content li dd.btn {
			position:absolute;
			bottom:0;
			left:0;
			right:0;
			margin:auto;
			text-align: center;
		}
		#match .nlall {
			display: block;
			margin: 20px auto 45px auto;
			position:relative;
		}
		#match .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:220px;
			font-size:12px;
			line-height:1.0em;
			padding:12px 0 12px 0;
			color: #FFF;
			background	: url("../images/icon/btn-arrow03.png") no-repeat;
			background-size:8px 10px;
			background-position: 10px  14px; 
		}
		#match .nlall a:hover {
		}
	}

/* ■ 最新ニュース section02 ---------------------------------------------------------*/

	#information {			
		margin: -50px auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		position:relative;
	}
	#information h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#information .sectitle {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-top:10px;
		padding-bottom:0;
	}
	#information .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:20px;
		letter-spacing:1px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:0;
		padding-bottom:5px;
	}
	#information .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;
	}
	#information .sectitle .h2line {
		margin: 0 auto 15px auto;
		width: 100%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
	}
	#infct {
		margin: 10px auto 0 auto;
		width: 90%;
		padding-top:30px;
		padding-bottom:30px;
		background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
			border-radius:7px;  
			-moz-border-radius:7px;
			-webkit-border-radius:7px;
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		position:relative;
	}
	#infct section {
		margin: 0 auto 20px auto;
		width: 100%;
		display: block;
		padding-bottom:15px;
		border-bottom: 1px dotted #BDC3C7;	/* Siver */
	}
	#infct section .item {
		width: 85%;
		width: 100%;
		font-size:12px;
		line-height:1.7em;
		font-weight:bold;
		font-family: "NotoSans", "NotoSansCJKjp","游ゴシック体", YuGothic,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
					"メイリオ", Meiryo, Osaka, helvetica, arial, sans-serif;
		font-display: swap;
		color: #222;	
	}
	#infct section .item h3 {
		width: 100%;
		text-align:left;
		font-size:13px;
		font-weight:bold;
		padding-left:5%;
	}
	#infct section .item h3 a {
		color: #0c3484;		/* svs-blue  */
	}
	#infct section .item h3 a:hover {
		color: #B27C04;		/* Gold02 */
	}
	#infct section .item  dl,dt,dd {
		display:block;
	}
	#infct section .item  dl {
		margin: 0 auto 8px auto;
		width: 100%;
		padding-left:5%;
	}
	#infct section .item dt.date {
		float:left;
		width: 25%;
		color: #B27C04;			/* Gold02 */
	}
	#infct section .item dd.category {
		display:block;
		float:left;
		width:auto;
		text-align:center;
		color: #fff;
	}
	#infct section .item dd.category .match {
		padding:3px 8px 3px 8px;
		background-color:#d03c1b;	/* svs-red01 */
	}
	#infct section .item dd.category .community {
		padding:3px 8px 3px 8px;
		background-color:#0c3484;	/* svs-blue  */
	}
	#infct section .item dd.category .team {
		padding:3px 8px 3px 8px;
		background-color:#AAA;		/* gvss-gray */
	}
	#infct section .item dd.category .accademy {
		padding:3px 8px 3px 8px;
		background-color:#57ab34;	/* gvss-green */
	}
	#infct section .item dd.category .topics {
		padding:3px 8px 3px 8px;
		background-color:#ffb71a;		/* svs-orange  */
	}


	#infct section .item .comment {
		margin: 0 auto 15px auto;
		line-height:1.7em;
		color: #222;
		padding:0 3% 0 5%;
	}
	#infct section .item .comment a {
		color: #0c3484;			/* svs-blue  */
	}
	#infct section .item .comment a:hover {
		color: #B27C04;			/* Gold02 */
	}
	#infct section .newsimg {	/* thumbnail */
		width: 100%;
	}
	#infct section .newsimg img {
		display:block;
		margin: 0 auto 0 auto;
		width:160px;		/* 50% */
		height:120px;
	}
	#infct section .newsimg a {
		display:block;
		margin: 0 auto 0 auto;
		width:160px;		/* 50% */
		height:120px;
	}
	#infct section .newsimg a img {
		margin: 0 auto 0 auto;
	}
	#infct .nlall {
		display: block;
		margin: 20px auto 45px auto;
		position:relative;
	}
	#infct .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-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 15px  17px;
	}
	#infct .nlall a:hover {
		display: block;
		color: #d03c1b;		/* svs-red01 */
		background	: url("../images/icon/btn-sym01.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 17px; 
		background-color: #0c3484;		/* svs-blue  */
	}
	#information .symbl {
		position:absolute;
		top:35px;
		left:75%;
		width:60%;
		font-size:15px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #333;
		z-index:1;
	}

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

	}

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

		#information {
			margin: -50px auto 0 auto;
			width: 100%;
			padding-bottom:50px;
			background:linear-gradient(90deg,white 0%,white 15%,#F1F3F6 15%,#F1F3F6 41.5%,white 41.5%,white 100%);	/* ★ */
			position:relative;
		}
		#information .sectitle {
			margin: 0 auto 0 auto;
			width: 80%;
			padding-top:0px;
			padding-bottom:0;
		}
		#information .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:4.2vw;
			letter-spacing:7px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
			padding-top:30px;
			padding-bottom:10px;
		}
		#information .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 73%;
			text-align:center;
			font-size:1.6vw;
			letter-spacing:1px;
			font-family: "NotoSerifCJKjp-Bold";
			font-display: swap;
			color:#555;
			padding-top:0;
			padding-bottom:10px;
		}
		#information .sectitle .h2line {
			margin: 20px auto 0 auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
		}
		#infct {
			margin: 20px auto 0 auto;
			width: 75%;
			padding-top:50px;
			padding-bottom:80px;
			background-color:rgba( 255,255,255,0.95 ); 	/*  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;
			position:relative;
		}
		#infct section {
			margin: 0 auto 30px auto;
			width: 65%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-bottom:0;
			border-bottom:none;
		}
		#infct section .item {
			width: 82%;
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			line-height:1.8em;
			color: #222;
			border-bottom: 1px dotted #BDC3C7;		/* Siver */
		}
		#infct section .item h3 {
			width: auto;
			text-align:left;
			font-size:16px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			font-display: swap;
			line-height:1.8em;
			padding-left:0;
		}
		#infct section .item h3 a {
			color: #0c3484;			/* svs-blue  */
		}
		#infct section .item  dl,dt,dd {
			display:block;
		}
		#infct section .item  dl {
			margin: 0 auto 15px auto;
			width: 100%;
			padding-left:0;
		}
		#infct section .item dt.date {
			float:left;
			width: 15%;
			color: #B27C04;			/* Gold02 */
		}
		#infct section .item dd.category {
			display:block;
			float:left;
			width:auto;
			font-size:13px;
			color: #fff;
		}
		#infct section .item dd.category .match {
			padding:5px 20px 5px 20px;
		}
		#infct section .item dd.category .community {
			padding:5px 20px 5px 20px;
		}
		#infct section .item dd.category .team {
			padding:5px 20px 5px 20px;
		}
		#infct section .item dd.category .accademy {
			padding:5px 20px 5px 20px;
		}
		#infct section .item dd.category .topics {
			padding:5px 20px 5px 20px;
		}

		#infct section .item .comment {
			margin: 0 auto 20px auto;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			line-height:1.8em;
			color: #222;
			padding:0;
		}
		#infct section .newsimg {	/* thumbnail */
			width: 15%;
		}
		#infct section .newsimg img {
			display:block;
			margin: 0 auto 0 auto;
			width:100%;
			height:auto;
		}
		#infct section .newsimg a {
			display:block;
			margin: 0 0 0 auto;
			width:160px;		/* 50% */
			height:120px;
		}
		#infct section .newsimg a img {
			margin: 0 auto 0 auto;
		}
		#infct01 .nlall {
			display: block;
			margin: 45px auto 60px auto;
			position:relative;
		}
		#infct01 .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-sym01.png") no-repeat;
			background-size:8px 8px;
			background-position: 15px  17px;
		}
		#infct01 .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  */
		}
		#information .symbl {
			position:absolute;
			top:20px;
			left:75%;
			width:500px;
			height:100px;
			font-size:35px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #333;
			z-index:1;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#information {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(180deg,#F5F5F5 0%,#F5F5F5 56%,white 56%,white 100%);	/* ★ */
		}
		#information #infcttitle01{
			margin: 30px auto 0 auto;
			width: 70%;
			height: 50px;
		}
		#information #infcttitle01 h2 {
			font-size:20px;
			font-weight:bold;
		}
		#infct {
			background-image:url("../images/bg/info_back02.jpg");
			background-size:	contain;
			background-position:	left 0 top 0;
			background-attachment:fixed;
			background-repeat:no-repeat;
			position:relative;
		}
		#infct01 {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:20px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}

		#infct01 .viewall {
			display: block;
			margin: 20px auto 0 37%;
			width: 180px;
			height:40px;
		}
	}

/* ■ 茨城セイバーズとは section03 --------------------------------------------*/

	#about {				/* ◆ PC layout ----------  */
		margin:-100px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:100px;
		background:linear-gradient(90deg,white 0%,white 15%,#F1F3F6 15%,#F1F3F6 41.5%,white 41.5%,white 100%);	/* ★ */
		position:relative;
	}
	#about .sectitle {
		margin: 80px auto 0 auto;
		width: 80%;
		padding-top:50px;
		padding-bottom:0;
	}
	#about .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:4.2vw;
		letter-spacing:7px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:30px;
		padding-bottom:30px;
	}
	#about .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:1.6vw;
		letter-spacing:1px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #4274B4;		/* yosca-blue01 */
		color:#444;
		padding-top:0px;
		padding-bottom:10px;
	}
	#about .sectitle .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/*  svs-red01 */
	}
	#about .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;
	}
	#about .explain {
		margin:0 auto 0 auto;
		width:52%;
		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;
		padding-top:30px;
		padding-bottom:50px;
	}
	/* ◆ SERVICE menu ----- */
	#about .content {
		margin:0 auto 0 auto;
		width: 75%;
		padding-top:30px;
		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;
	}
	#about .content .cont01 {
		margin:0 auto 0 auto;
		width:85%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:30px;
		padding-bottom:30px;
	}
	#about .content h3 {
		margin:0 auto 30px auto;
		width:80%;
		font-size:30px;
		text-align:center;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #d03c1b;		/* svs-red01 */
		padding-bottom:30px;
	}
	#about .content .cont01 .contelm {
		margin:0 auto 0 auto;
		width:60%;
	}
	#about .content .cont01 .contelm h2 {
		margin:10px auto 30px auto;
		width:90%;
		font-size:24px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding:10px 0 20px 60px;
/*		border-left: 4px solid #0c3484;	*/	/* svs-blue  */
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-position:left 0 center;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#about .content .cont01 .contelm .txt {
		margin:0 auto 0 auto;
		width:90%;
		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:#222;
	}
	#about .content .cont01 .explain {
		display:block;
		margin:0 auto 0 auto;
		width:65%;
		padding-top:0;
	}
	#about .content .cont01 .explain>p {
		margin:0 auto 0 auto;
		width:75%;
		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:#333;
	}
	#about .content .cont01 .sec02img {
		margin:0 auto 0 auto;
		width:35%;
	}
	#about .content .cont01 .sec02img img {
		display:block;
		margin:0 auto 0 auto;
		width:80%;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
			box-shadow: 0 0 5px #ccc;
	}
	#about .content .cont01 .sec02img img:hover {
		transform:scale(1.1,1.1);
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
	}
	#about .content .cont01 .nlall {
		display: block;
		margin: 20px auto 0 auto;
		position:relative;
	}
	#about .content .cont01 .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:250px;
		font-size:14px;
		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;
	}
	#about .content .cont01 .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  */
	}
	#about .content .cont02 {
		margin:30px auto 0 auto;
		width:85%;
		display: block;
		padding-top:30px;
		padding-bottom:30px;
		position:relative;
		background	: url("../images/bg/sym04.png") no-repeat;
		background-size:66px 561px;
		background-position: left 5% bottom 12%;
	}
	#about .content .cont02 .contelm {
		margin:0 auto 0 auto;
		width:100%;
	}
	#about .content .cont02 .contelm h2 {
		margin:10px auto 30px auto;
		width:92%;
		font-size:24px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:10px 0 20px 60px;
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-position:left 0 center;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#about .content .cont02 .contelm h3 {
		margin:0 auto 30px auto;
		width:65%;
		font-size:18px;
		line-height:2.2em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:0 0 10px 27px;
	}
	#about .content .cont02 .contelm h3 span {
		font-size:1.9vw;
		letter-spacing:1px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
	}
	#about .content .cont02 .contelm .txt {
		margin:0 auto 30px auto;
		width:75%;
		text-align:center;
		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;
	}
	#about .content .cont02 .contelm dl {
		margin:0 auto 50px auto;
		width:60%;
		text-align:center;
	}
	#about .content .cont02 .contelm dt {
		margin:0 auto 20px auto;
		width:100%;
		text-align:left;
		font-size:18px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
	}
	#about .content .cont02 .contelm dd {
		margin:0 auto 0 auto;
		width:100%;
	}
	#about .content .cont02 .contelm dd img {
		display:block;
		margin:0 auto 0 0;
		height:240px;
		box-shadow: 0 0 5px #aaa;
	}
	#about .content .cont02 .nlall {
		display: block;
		margin: 45px auto 60px auto;
		position:relative;
	}
	#about .content .cont02 .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:250px;
		font-size:14px;
		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;
	}
	#about .content .cont02 .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  */
	}
	#about .content .cont03 {
		margin:30px auto 0 auto;
		width:85%;
		display: block;
		padding-top:30px;
		padding-bottom:30px;
		position:relative;
	}
	#about .content .cont03 .contelm {
		margin:0 auto 0 auto;
		width:100%;
	}
	#about .content .cont03 .contelm h2 {
		margin:10px auto 30px auto;
		width:92%;
		font-size:24px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding:10px 0 20px 60px;
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-position:left 0 center;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#about .content .cont03 .contelm h3 {
		margin:0 auto 0 auto;
		width:65%;
		font-size:18px;
		line-height:2.2em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding:0 0 10px 27px;
	}
	#about .content .cont03 .contelm h3 span {
		font-size:1.8vw;
		letter-spacing:1px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
	}
	#about .content .cont03 .contelm .txt {
		margin:0 auto 30px auto;
		width:75%;
		font-size:15px;
		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;
	}
	#about .content .cont03 .contelm ul {
		margin:0 auto 0 auto;
		width:90%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:30px;
		padding-bottom:30px;
	}
	#about .content .cont03 .contelm li {
		margin:0 auto 30px auto;
		width:30%;
		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;
	}
	#about .content .cont03 .contelm li>p {
		width:100%;
	}
	#about .content .cont03 .contelm li>p img {
		display:block;
		margin:0 auto 0 auto;
		width:100%;
	}
	#about .content .cont03 .contelm dl {
		margin:20px auto 0 auto;
		width:80%;
	}
	#about .content .cont03 .contelm dt {
		margin:0 auto 10px auto;
		width:90%;
		text-align:center;
		font-size:16px;
		line-height:1.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	#about .content .cont03 .contelm dt span {
		font-size:13px;
		color:#AAA;
		padding-left:10px;
	}
	#about .content .cont03 .contelm 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;
	}
	#about .content .cont03 .nlall {
		display: block;
		margin: 0 auto 50px auto;
		position:relative;
	}
	#about .content .cont03 .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:250px;
		font-size:14px;
		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;
	}
	#about .content .cont03 .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  */
	}
	#about .symbl01 {
		position:absolute;
		top:-2%;
		left:5%;
		width:315px;
		height:334px;
		z-index:1;
	}
	#about .symbl01 img {
		display:block;
	}
	#about .symbl02 {
		position:absolute;
		bottom:0;
		left:65%;
		width:50%;
		font-size:30px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #333;
		z-index:1;
	}
	#about .circlesym {		/* ◎ */
		position:absolute;
		top:55%;
		top:3%;
		right:14%;
		width:221px;
		height:221px;
		background: url( "../images/bg/cnt-circle02.png" ) no-repeat;
		background-size: 221px 221px;
		background-position:center 0;
		z-index:1;
	}
	#about .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;
	}
	#about .circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#about .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);
		}
	}
	#about .content .cont02 .symbl {
		display:block;
		position:absolute;
		top:76%;
		right:5%;
		width:331px;
		height:105px;
	}

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

		#about {
			margin:80px auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:30px;
			background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
		}
		#about .sectitle {
			margin: -100px auto 0 auto;
			width:90%;
			padding-bottom:0;
		}
		#about .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 85%;
			text-align:center;
			font-size:24px;
			letter-spacing:2px;
			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;
		}
		#about .sectitle .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#about .sectitle>p {
			display:block;
			margin: 0 auto 30px auto;
			width: 80%;
			font-size:15px;
			letter-spacing:1px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:0;
		}
		/* ◆ 縦 6 block ----- */
		#about .content {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:30px;
			padding-bottom:0;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		}
		#about .content .cont01 {
		}
		#about .symbl01 {
			position:absolute;
			top:79%;
			left:9%;
			width:50%;
			z-index:1;
		}
	}

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

		#about {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:30px;
			padding-bottom:80px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#about .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0px;
			padding-bottom:0;
		}
		#about .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:24px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
		}
		#about .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			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;
		}
		#about .sectitle .h2line {
			margin: 0 auto 10px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
		}
		#about .sectitle>p {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:12px;
			letter-spacing:1px;
			font-weight:bold;
			font-display: swap;
			color:#333;
			padding-top:0;
			padding-bottom:10px;
		}
		#about .explain {
			margin:0 auto 0 auto;
			width:80%;
			font-size:13px;
			line-height:1.7em;
			color:#333;
			padding-top:10px;
			padding-bottom:20px;
		}
		/* ◆ 縦 6 block ----- */
		#about .content {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:0;
			padding-bottom:20px;
				border-radius:7px;  
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#about .content .cont01 {
			margin:0 auto 0 auto;
			width:90%;
			display: block;
			padding-top:0;
			padding-bottom:0;
			border-top:none;
		}
		#about .content h3 {
			margin:0 auto 30px auto;
			width:80%;
			font-size:30px;
			text-align:center;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color: #d03c1b;		/* svs-red01 */
			padding-bottom:30px;
		}
		#about .content .cont01 .contelm {
			margin:0 auto 0 auto;
			width:100%;
		}
		#about .content .cont01 .contelm h2 {
			margin:0 auto 15px auto;
			width:90%;
			font-size:14px;
			line-height:1.5em;
			font-weight: bold;
			color:#222;
			padding:22px 0 5px 45px;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 49px 45px;
			background-size: 34px 32px;	/* 70% */
			background-position:left 0 center;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#about .content .cont01 .contelm .txt {
			margin:0 auto 0 auto;
			width:90%;
			font-size:12px;
			line-height:1.7em;
			font-optical-sizing: auto;
			font-weight:normal;
			color:#222;
		}
		#about .content .cont01 .explain {
			display:block;
			margin:0 auto 0 auto;
			width:65%;
			padding-top:0;
		}
		#about .content .cont01 .explain>p {
			margin:0 auto 0 auto;
			width:75%;
			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:#333;
		}
		#about .content .cont01 .sec02img {
			margin:80px auto 0 auto;
			width:100%;
		}
		#about .content .cont01 .sec02img img {
			display:block;
			margin:0 auto 0 auto;
			width:80%;
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 1.8s ease-in-out;
				-o-transition: 1.8s ease-in-out;
				box-shadow: 0 0 5px #ccc;
		}
		#about .content .cont01 .sec02img img:hover {
			transform:scale(1.1,1.1);
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 1.8s ease-in-out;
				-o-transition: 1.8s ease-in-out;
		}
		#about .content .cont01 .nlall {
			display: block;
			margin: 15px auto 0 auto;
			position:relative;
		}
		#about .content .cont01 .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:200px;
			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;
		}
		#about .content .cont01 .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  */
		}
		#about .content .cont02 {
			margin:0 auto 0 auto;
			width:85%;
			display: block;
			padding-top:30px;
			padding-bottom:0;
			position:relative;
			background:none;
		}
		#about .content .cont02 .contelm {
			margin:0 auto 0 auto;
			width:100%;
		}
		#about .content .cont02 .contelm h2 {
			margin:0 auto 5px auto;
			width:90%;
			text-align:center;
			font-size:14px;
			line-height:1.5em;
			font-weight: bold;
			color:#222;
			padding:10px 0 15px 0;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 34px 32px;	/* 70% */
			background-position:left 0 center;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#about .content .cont02 .contelm h3 {
			margin:10px auto 30px auto;
			width:90%;
			font-size:12px;
			line-height:1.7em;
			font-weight:bold;
			color:#222;
			padding:0 0 0 0;
		}
		#about .content .cont02 .contelm h3 span {
			font-size:4.0vw;
			letter-spacing:1px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
		}
		#about .content .cont02 .contelm .txt {
			margin:0 auto 15px auto;
			width:100%;
			text-align:left;
			font-size:12px;
			line-height:1.7em;
			font-weight: normal;
			color:#222;
		}
		#about .content .cont02 .contelm dl {
			margin:0 auto 20px auto;
			width:100%;
			text-align:center;
		}
		#about .content .cont02 .contelm dt {
			margin:0 auto 10px auto;
			width:95%;
			text-align:left;
			font-size:13px;
			line-height:1.5em;
			font-weight: bold;
			font-style: normal;
			color: #0c3484;		/* svs-blue  */
		}
		#about .content .cont02 .contelm dd {
			margin:0 auto 0 auto;
			width:95%;
		}
		#about .content .cont02 .contelm dd img {
			display:block;
			margin:0 auto 0 auto;
			height:120px;
			box-shadow: 0 0 3px #aaa;
		}
		#about .content .cont02 .nlall {
			display: block;
			margin: 20px auto 30px auto;
			position:relative;
		}
		#about .content .cont02 .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:200px;
			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;
		}
		#about .content .cont02 .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  */
		}
		#about .content .cont02 .symbl {
			position:relative;
			margin:80px auto 0 auto;
			width:100%;
		}
		#about .content .cont02 .symbl img {
			margin:0 auto 0 10%;
			width:90%;
		}
		#about .content .cont03 {
			margin:0 auto 0 auto;
			width:100%;
			display: block;
			padding-top:30px;
			padding-bottom:15px;
			position:relative;
		}
		#about .content .cont03 .contelm {
			margin:0 auto 0 auto;
			width:100%;
		}
		#about .content .cont03 .contelm h2 {
			margin:0 auto 0 auto;
			width:80%;
			text-align:center;
			font-size:14px;
			line-height:1.5em;
			font-weight: bold;
			color:#222;
			padding:10px 0 15px 0;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 34px 32px;	/* 70% */
			background-position:left 0 center;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#about .content .cont03 .contelm h3 {
			margin:10px auto 10px auto;
			width:90%;
			font-size:12px;
			line-height:1.7em;
			font-weight:bold;
			color:#222;
			padding:0 0 0 0;
		}
		#about .content .cont03 .contelm h3 span {
			font-size:4.0vw;
			letter-spacing:1px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
		}
		#about .content .cont03 .contelm .txt {
			margin:0 auto 15px auto;
			width:100%;
			text-align:left;
			font-size:12px;
			line-height:1.7em;
			font-weight: normal;
			color:#222;
		}
		#about .content .cont03 .contelm ul {
			margin:0 auto 0 auto;
			width:75%;
			display: block;
			padding-top:0;
			padding-bottom:10px;
		}
		#about .content .cont03 .contelm li {
			margin:0 auto 30px auto;
			width:100%;
			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;
		}
		#about .content .cont03 .contelm li>p {
			width:100%;
		}
		#about .content .cont03 .contelm li>p img {
			display:block;
			margin:0 auto 0 auto;
			width:100%;
		}
		#about .content .cont03 .contelm dl {
			margin:20px auto 0 auto;
			width:80%;
		}
		#about .content .cont03 .contelm dt {
			margin:0 auto 10px auto;
			width:90%;
			text-align:center;
			font-size:16px;
			line-height:1.0em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			font-display: swap;
			color:#222;
		}
		#about .content .cont03 .contelm dt span {
			font-size:13px;
			color:#AAA;
			padding-left:10px;
		}
		#about .content .cont03 .contelm 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;
		}
		#about .content .cont03 .nlall {
			display: block;
			margin: 0 auto 30px auto;
			position:relative;
		}
		#about .content .cont03 .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:200px;
			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;
		}
		#about .content .cont03 .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  */
		}
		#about .symbl01 {
			position:absolute;
			top:0;
			left:80%;
			width:20%;
			z-index:1;
		}
		#about .symbl01 img {
			display:block;
			zoom:0.2;
		}
		#about .symbl02 {
			position:absolute;
			bottom:80px;
			left:42%;
			width:60%;
			font-size:15px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #333;
			z-index:1;
		}
		#about .circlesym {	/* ◎ */
			display:none;
		}
	}

/* ■ ホームフィールドの紹介 section04 ------------------------------------------------*/

	#home {				/* ◆ PC layout ----------  */
		margin:-100px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:100px;
		background:linear-gradient(90deg,white 0%,white 15%,#F1F3F6 15%,#F1F3F6 41.5%,white 41.5%,white 100%);	/* ★ */
		position:relative;
	}
	#home .sectitle {
		margin: 80px auto 0 auto;
		width: 80%;
		padding-top:50px;
		padding-bottom:0;
	}
	#home .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:3.5vw;
		letter-spacing:4px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:30px;
		padding-bottom:30px;
	}
	#home .sectitle>h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:1.6vw;
		letter-spacing:1px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#444;
		padding-top:0px;
		padding-bottom:10px;
	}
	#home .sectitle .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/*  svs-red01 */
	}
	#home .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;
	}
	#home .explain {
		margin:0 auto 0 auto;
		width:53%;
		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;
		padding-top:30px;
		padding-bottom:50px;
	}
	/* ◆ SERVICE menu ----- */
	#home .content {
		margin:0 auto 0 auto;
		width:75%;
		padding-top:50px;
		padding-bottom:50px;
		background-color:rgba( 255,255,255,0.95 ); 	/*  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;
	}
	#home .content .cont {
		margin:0 auto 0 auto;
		width:85%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:30px;
		padding-bottom:30px;
		position:relative;
	}
	#home .content .cont .contelm {
		margin:0 auto 0 auto;
		width:60%;
	}
	#home .content .cont .contelm h2 {
		display:block;
		margin:0 auto 30px auto;
		font-size:22px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		padding:0 0 10px 65px;
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-position:left 0 top 0;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#home .content .cont .contelm h2 span {
		font-size:1.0vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
	}
	#home .content .cont .contelm .txt {
		margin:0 auto 30px auto;
		width:75%;
		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:#222;
	}
	#home .content .nlall {
		display: block;
		margin: 30px auto 50px auto;
		position:relative;
	}
	#home .content .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:300px;
		font-size:14px;
		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;
	}
	#home .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  */
	}

	#home .content .cont .explain {
		display:block;
		margin:0 auto 0 auto;
		width:60%;
		padding-top:0;
	}
	#home .content .cont .explain>p {
		margin:0 auto 0 auto;
		width:85%;
		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:#333;
	}
	#home .content .cont .sec02img {
		margin:0 auto 0 auto;
		width:40%;
	}
	#home .content .cont .sec02img img {
		display:block;
		margin:0 auto 0 auto;
		width:80%;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
			box-shadow: 0 0 5px #ccc;
	}
	#home .content .cont .sec02img img:hover {
		transform:scale(1.1,1.1);
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
	}
	#home .symbl01 {
		position:absolute;
		top:-6%;
		left:72%;
		width:315px;
		height:334px;
		width:302px;
		height:334px;
		z-index:1;
	}
	#home .symbl01 img {
		display:block;
	}
	#home .symbl02 {
		position:absolute;
		bottom:0;
		left:65%;
		width:50%;
		font-size:30px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #333;
		z-index:1;
	}
	#home .content .cont .circlesym {		/* ◎ */
		position:absolute;
		top:90%;
		left:0;
		width:221px;
		height:221px;
		background: url( "../images/bg/cnt-circle02.png" ) no-repeat;
		background-size: 221px 221px;
		background-position:center 0;
		z-index:1;
	}
	#home .content .cont .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;
	}
	#home .content .cont .circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#home .content .cont .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);
		}
	}
	#home .content .cont .syml {
		position:absolute;
		top:35%;
		left:0;
		right:0;
		margin:auto;
		width:273px;
		height:106px;
		width:191px;
		height:74px;
		text-align:center;
	}

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

		#home {
			margin:80px auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:30px;
			background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
		}
		#home .sectitle {
			margin: -100px auto 0 auto;
			width:90%;
			padding-bottom:0;
		}
		#home .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 85%;
			text-align:center;
			font-size:24px;
			letter-spacing:2px;
			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;
		}
		#home .sectitle .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#home .sectitle>p {
			display:block;
			margin: 0 auto 30px auto;
			width: 80%;
			font-size:15px;
			letter-spacing:1px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:0;
		}
		/* ◆ 縦 6 block ----- */
		#home .content {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:30px;
			padding-bottom:0;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		}
		#home .content .cont {
		}
		#home .symbl01 {
			position:absolute;
			top:79%;
			left:9%;
			width:50%;
			z-index:1;
		}
		#home .symbl01 img {
			display:block;
			zoom:0.5;
		}
		#home .symbl02 {
			position:absolute;
			top:79%;
			right:9%;
			width:50%;
			font-size:20px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #FFF;
			z-index:1;
		}
	}

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

		#home {
			margin:-30px auto 0 auto;
			width:100%;
			padding-bottom:80px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#home .sectitle {
			margin: 10px auto 0 auto;
			width: 90%;
			padding-top:0px;
			padding-bottom:0;
		}
		#home .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:18px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
		}
		#home .sectitle>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color: #333;	
			padding-top:0;
			padding-left:0;
			padding-bottom:5px;
		}
		#home .sectitle .h2line {
			margin: 0 auto 10px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
		}
		#home .sectitle>p {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:12px;
			letter-spacing:1px;
			font-weight:bold;
			font-display: swap;
			color:#333;
			padding-top:0;
			padding-bottom:10px;
		}
		#home .explain {
			margin:0 auto 0 auto;
			width:80%;
			font-size:13px;
			line-height:1.7em;
			color:#333;
			padding-top:10px;
			padding-bottom:20px;
		}
		/* ◆ 縦 6 block ----- */
		#home .content {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:20px;
			padding-bottom:20px;
				border-radius:7px;  
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#home .content .cont {
			margin:0 auto 0 auto;
			width:90%;
			display: block;
			padding-top:0px;
			padding-bottom:15px;
			border-top:none;
		}
		#home .content .cont .contelm {
			margin:0 auto 0 auto;
			width:100%;
		}
		#home .content .cont .contelm h2 {
			display:block;
			margin:0 auto 15px auto;
			width:100%;
			font-size:14px;
			line-height:1.5em;
			font-weight: bold;
			color:#222;
			padding:22px 0 5px 45px;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 49px 45px;
			background-size: 34px 32px;	/* 70% */
			background-position:left 0 center;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#home .content .cont .contelm h2 span {
			font-size:4.0vw;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
		}
		#home .content .cont .contelm .txt {
			margin:0 auto 30px auto;
			width:90%;
			font-size:12px;
			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;
		}
		#home .content .nlall {
			display: block;
			margin: 20px auto 30px auto;
			position:relative;
		}
		#home .content .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:280px;
			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;
		}
		#home .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  */
		}
		#home .content .cont .sec02img {
			margin:0 auto 0 auto;
			width:100%;
		}
		#home .content .cont .sec02img img {
			display:block;
			margin:0 auto 0 auto;
			width:70%;
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 1.8s ease-in-out;
				-o-transition: 1.8s ease-in-out;
				box-shadow: 0 0 5px #ccc;
		}
		#home .content .cont .sec02img img:hover {
			transform:scale(1.1,1.1);
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 1.8s ease-in-out;
				-o-transition: 1.8s ease-in-out;
		}
		#home .symbl01 {
			position:absolute;
			top:-2%;
			left:80%;
			width:20%;
			z-index:1;
		}
		#home .symbl01 img {
			display:block;
			zoom:1.0;
		}
		#home .symbl02 {
			position:absolute;
			bottom:80px;
			left:42%;
			width:60%;
			font-size:15px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #333;
			z-index:1;
		}
		#home .content .cont  .circlesym {	/* ◎ */
			display:none;
		}
	}

/* ■ 地域貢献・活動 section05 -------------------------------------------------*/

	#community {				/* ◆ PC layout ----------  */
		margin:-100px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:100px;
		background:linear-gradient(90deg,white 0%,white 15%,#F1F3F6 15%,#F1F3F6 41.5%,white 41.5%,white 100%);	/* ★ */
		position:relative;
	}
	#community .sectitle {
		margin: 80px auto 0 auto;
		width: 80%;
		padding-top:50px;
		padding-bottom:0;
	}
	#community .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:3.5vw;
		letter-spacing:4px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:30px;
		padding-bottom:30px;
	}
	#community .sectitle>h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:1.6vw;
		letter-spacing:1px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#444;
		padding-top:0px;
		padding-bottom:10px;
	}
	#community .sectitle .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/*  svs-red01 */
	}
	#community .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;
	}
	#community .explain {
		margin:0 auto 0 auto;
		width:55%;
		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;
		padding-top:30px;
		padding-bottom:50px;
	}
	/* ◆ SERVICE menu ----- */
	#community .content {
		margin:0 auto 0 auto;
		width:75%;
		padding-top:50px;
		padding-bottom:50px;
		background-color:rgba( 255,255,255,0.95 ); 	/*  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;
	}
	#community .content .cont {
		margin:0 auto 0 auto;
		width:85%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:30px;
		padding-bottom:30px;
		position:relative;
	}
	#community .content .cont .contelm {
		margin:0 auto 0 auto;
		width:60%;
	}
	#community .content .cont .contelm h2 {
		display:block;
		margin:0 auto 30px auto;
		font-size:22px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #0c3484;		/* svs-blue  */
		padding:0 0 10px 65px;
		background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
		background-size: 49px 45px;
		background-position:left 0 top 0;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#community .content .cont .contelm h2 span {
		font-size:1.0vw;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
	}
	#community .content .cont .contelm h3 {
		display:block;
		margin:0 auto 0 auto;
		font-size:20px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color: #222;
	}
	#community .content .cont .contelm .txt {
		margin:0 auto 30px auto;
		width:75%;
		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:#222;
	}
	#community .content .nlall {
		display: block;
		margin: 30px auto 50px auto;
		position:relative;
	}
	#community .content .nlall a {
		display: block;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		width:300px;
		font-size:14px;
		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;
	}
	#community .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  */
	}

	#community .content .cont .explain {
		display:block;
		margin:0 auto 0 auto;
		width:60%;
		padding-top:0;
	}
	#community .content .cont .explain>p {
		margin:0 auto 0 auto;
		width:85%;
		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:#333;
	}
	#community .content .cont .sec02img {
		margin:0 auto 0 auto;
		width:40%;
	}
	#community .content .cont .sec02img img {
		display:block;
		margin:0 auto 0 auto;
		width:80%;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
			box-shadow: 0 0 5px #ccc;
	}
	#community .content .cont .sec02img img:hover {
		transform:scale(1.1,1.1);
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 1.8s ease-in-out;
			-o-transition: 1.8s ease-in-out;
	}
	#community .content .cont .circlesym {		/* ◎ */
		position:absolute;
		top:90%;
		left:0;
		width:221px;
		height:221px;
		background: url( "../images/bg/cnt-circle02.png" ) no-repeat;
		background-size: 221px 221px;
		background-position:center 0;
		z-index:1;
	}
	#community .content .cont .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;
	}
	#community .content .cont .circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#community .content .cont .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);
		}
	}
	#community .content .cont .syml {
		position:absolute;
		top:35%;
		left:0;
		right:0;
		margin:auto;
		width:273px;
		height:106px;
		width:191px;
		height:74px;
		text-align:center;
	}

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

		#community {
			margin:80px auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:30px;
			background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
		}
		#community .sectitle {
			margin: -100px auto 0 auto;
			width:90%;
			padding-bottom:0;
		}
		#community .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 85%;
			text-align:center;
			font-size:24px;
			letter-spacing:2px;
			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;
		}
		#community .sectitle .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#community .sectitle>p {
			display:block;
			margin: 0 auto 30px auto;
			width: 80%;
			font-size:15px;
			letter-spacing:1px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:0;
		}
		/* ◆ 縦 6 block ----- */
		#community .content {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:30px;
			padding-bottom:0;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		}
		#community .content .cont {
		}
		#community .symbl01 {
			position:absolute;
			top:79%;
			left:9%;
			width:50%;
			z-index:1;
		}
		#community .symbl01 img {
			display:block;
			zoom:0.5;
		}
		#community .symbl02 {
			position:absolute;
			top:79%;
			right:9%;
			width:50%;
			font-size:20px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #FFF;
			z-index:1;
		}
	}

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

		#community {
			margin:-30px auto 0 auto;
			width:100%;
			padding-bottom:80px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#community .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0px;
			padding-bottom:0;
		}
		#community .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
		}
		#community .sectitle>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color: #222;
			padding-top:0;
			padding-left:0;
			padding-bottom:5px;
		}
		#community .sectitle .h2line {
			margin: 0 auto 10px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
		}
		#community .sectitle>p {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:12px;
			letter-spacing:1px;
			font-weight:bold;
			font-display: swap;
			color:#333;
			padding-top:0;
			padding-bottom:10px;
		}
		#community .explain {
			margin:0 auto 0 auto;
			width:80%;
			font-size:13px;
			line-height:1.7em;
			color:#333;
			padding-top:10px;
			padding-bottom:20px;
		}
		/* ◆ 縦 6 block ----- */
		#community .content {
			margin:0 auto 0 auto;
			width:90%;
			padding-top:0px;
			padding-bottom:20px;
				border-radius:7px;  
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#community .content .cont {
			margin:0 auto 0 auto;
			width:90%;
			display: block;
			padding-top:0px;
			padding-bottom:15px;
			border-top:none;
		}
		#community .content h3 {
			margin:15px auto 10px 2.5%;
			width:100%;
			font-size:14px;
			font-weight:bold;
			padding-bottom:10px;
		}
		#community .content .cont .contelm {
			margin:0 auto 0 auto;
			width:100%;
		}
		#community .content .cont .contelm h2 {
			display:block;
			margin:0 auto 15px auto;
			width:100%;
			font-size:14px;
			line-height:1.5em;
			font-weight: bold;
			color:#222;
			padding:22px 0 5px 45px;
			background: url( "../images/icon/logo-icon01.svg" ) no-repeat;
			background-size: 49px 45px;
			background-size: 34px 32px;	/* 70% */
			background-position:left 0 center;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#community .content .cont .contelm h2 span {
			font-size:4.0vw;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#BDC3C7;
		}
		#community .content .cont .contelm h3 {
			display:block;
			margin:0 auto 0 auto;
			text-align:center;
			font-size:13px;
			line-height:1.5em;
			font-style: bold;
			font-display: swap;
			color: #222;
		}
		#community .content .cont .contelm .txt {
			margin:0 auto 30px auto;
			width:90%;
			font-size:12px;
			line-height:1.7em;
			font-optical-sizing: auto;
			font-weight: normal;
			font-style: normal;
			color:#222;
		}
		#community .content .cont .sec02img {
			margin:0 auto 0 auto;
			width:100%;
		}
		#community .content .cont .sec02img img {
			display:block;
			margin:0 auto 0 auto;
			width:70%;
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 1.8s ease-in-out;
				-o-transition: 1.8s ease-in-out;
				box-shadow: 0 0 5px #ccc;
		}
		#community .content .cont .sec02img img:hover {
			transform:scale(1.1,1.1);
				transition: 0.8s ease-in-out;
				-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
				-moz-transition: 1.8s ease-in-out;
				-o-transition: 1.8s ease-in-out;
		}
		#community .content .nlall {
			display: block;
			margin: 20px auto 30px auto;
			position:relative;
		}
		#community .content .nlall a {
			display: block;
			position:absolute;
			top:0;
			left:0;
			right:0;
			margin:auto;
			width:280px;
			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;
		}
		#community .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  */
		}
		#community .symbl01 {
			position:absolute;
			top:0;
			left:80%;
			width:20%;
			z-index:1;
		}
		#community .symbl01 img {
			display:block;
			zoom:0.2;
		}
		#community .symbl02 {
			position:absolute;
			bottom:80px;
			left:42%;
			width:60%;
			font-size:15px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #333;
			z-index:1;
		}
		#community .content .cont  .circlesym {	/* ◎ */
			display:none;
		}
	}

/* ■ ファンクラブ section05  ----------------------------------------------------------*/

	#join {		/* ◆ PC layout ----------  */
		margin:100px auto 0 auto;
		width:100%;
		padding-bottom:100px;
		background:linear-gradient(180deg,white 0%,white 35%,#F5F5F5 35%,#F5F5F5 75%,white 75%,white 100%);
		position:relative;
	}
	#join .sectitle {
		margin: -100px auto 0 auto;
		margin: 0 auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#join .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:4.2vw;
		letter-spacing:7px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:0;
		padding-bottom:30px;
	}
	#join .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:1.6vw;
		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:0;
		padding-bottom:10px;
	}
	#join .sectitle .h2line {
		margin: 20px auto 20px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
	}
	#join .section {
		margin: 50px auto 0 auto;
		width: 100%;
		padding-top:50px;
		padding-bottom:180px;
		background:linear-gradient(rgba(27, 74, 112, 0.2), rgba(27, 74, 112, 0.2)),
		url("../images/bg/info_back03.jpg") no-repeat;
			background-size:	cover;
			background-position:	left 0 bottom 0;
			background-attachment:fixed;
	}
	#join ul.content {
		margin: 50px auto 0 auto;
		width: 75%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-bottom:30px;
		padding:0 1% 30px 1%;
		background-color:rgba( 255,255,255,0.95 ); 	/*  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;
	}
	#join ul.content li {
		margin: 30px auto 0 auto;
		width: 32%;
		border: 1px solid #CCC;
		position:relative;
	}
	#join ul.content li dl,dt,dd {
		display:block;
	}
	#join ul.content li dl {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:60px;
	}
	#join ul.content li dt {
		text-align:center;
		font-size:17px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#FFF;
		padding-top:10px;
		padding-bottom:13px;
		background-color:#0c3484;	/* svs-blue  */
	}
	#join ul.content li dd {
		font-size:17px;
		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:10px 20px 10px 20px;
		text-align:center;
	}
	#join ul.content li dd.btn {
		font-size:14px;
		font-weight: 400;
	}
	#join ul.content li dd img {
		padding:0;
	}
	#join ul.content li .btn {
		position:absolute;
		bottom:10px;
		left:0;
		right:0;
		margin:auto;
		width:70%;
		height:50px;
		text-align: center;
		padding:0 0 5px0 0;
			box-shadow: 0px 0px 0px 0px #fff;
			-webkit-box-shadow: 0px 0px 0px 0px #fff;
			-moz-box-shadow: 0px 0px 0px 0px #fff;
	}
	#join .nlall {
		display: block;
		margin: 100px auto 0px auto;
		position:relative;
	}
	#join .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-arrow03.png") no-repeat;
		background-size:11px 13px;
		background-position: 15px  13px;
	}
	#join .nlall a:hover {
		background	: url("../images/icon/btn-arrow03.png") no-repeat;
		background-size:11px 13px;
		background-position: 170px 13px; 
	}
	#join .symbl {
		position:absolute;
		top:20px;
		left:65%;
		width:500px;
		height:100px;
		font-size:30px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #333;
		z-index:1;
	}

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

		#join {
			margin:170px auto 0 auto;
			width:100%;
			padding-bottom:20px;
			background:linear-gradient(180deg,white 0%,white 35%,#F5F5F5 35%,#F5F5F5 75%,white 75%,white 100%);
		}
		#join .sectitle {
			margin: -100px auto 0 auto;
			width: 80%;
			padding-bottom:0;
		}
		#join .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:10px;
		}
		#join .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			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;
			font-display: swap;
			color: #333;	
			padding-top:0;
			padding-left:0;
			padding-bottom:5px;
		}
		#join .sectitle .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#join ul.content {
			margin: 0 auto 0 auto;
			width: 90%;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-bottom:20px;
		}
		#join ul.content li {
			margin: 30px auto 0 auto;
			width: 32%;
			border: 1px solid #CCC;
		}
		#join ul.content li dt {
			text-align:center;
			font-size:14px;
			font-weight:bold;
			color:#FFF;
			padding-top:10px;
			padding-bottom:10px;
		}
		#join ul.content li dd {
			font-size:12px;
			line-height:1.7em;
			padding:5px 15px 5px 15px;
		}
		#join ul.content li dd.btn {
			font-size:12px;
		}
		#join .symbl {
			position:absolute;
			top:10px;
			right:9%;
			width:180px;
			font-size:20px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #FFF;
			z-index:1;
		}
	}

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

		#join {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:0;
			background:linear-gradient(90deg,#E8EFF5 0%,#E8EFF5 35%,white 35%,white 100%);
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#join .sectitle {
			margin: -30px auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#join .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:0;
			padding-bottom:0;
		}
		#join .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			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: #FFF;	
			padding-top:5px;
			padding-left:0;
			padding-bottom:5px;
		}
		#join .sectitle .h2line {
			margin: 5px auto 10px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
		}
		#join .section {
			margin: 20px auto 0 auto;
			width: 100%;
			padding-top:30px;
			padding-bottom:80px;
		}
		#join ul.content {
			margin: 35px auto 0 auto;
			width: 90%;
			display: block;
			padding-top:5px;
			background-color:rgba( 255,255,255,0.97 ); 	/*  White  透過90% */
				border-radius:7px;  
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#join ul.content li {
			margin: 20px auto 0 auto;
			width: 90%;
		}
		#join ul.content li dl {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#join ul.content li dt {
			text-align:center;
			font-size:15px;
			font-weight:bold;
			padding-top:10px;
			padding-bottom:10px;
		}
		#join ul.content li dd {
			font-size:13px;
			color:#222;
			font-weight:bold;
			padding:15px 15px 0 15px;
		}
		#join ul.content li dd img {
			padding:0;
		}
		#join ul.content li dd.btn {
			font-size:12px;
			font-weight: bold;
		}

		#join .nlall {
			display: block;
			margin: 20px auto 45px auto;
			position:relative;
		}
		#join .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-arrow03.png") no-repeat;
			background-size:8px 10px;
			background-position: 10px  12px; 
		}
		#join .nlall a:hover {
		}
		#join .symbl {
			position:absolute;
			top:100px;
			left:53%;
			width:58%;
			font-size:15px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #FFF;
			z-index:1;
		}
	}

/* ■ 選ばれる理由 section0X --------------------------------------------*/

	#merit {			/* ◆ PC layout ----------  */
		margin:0 auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:80px;
		background:linear-gradient(90deg,white 0%,white 15%,#F1F3F6 15%,#F1F3F6 41.5%,white 41.5%,white 100%);	/* ★ */
		position:relative;
	}
	#merit .sectitle {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#merit .sectitle .sectsub {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:4.2vw;
		letter-spacing:7px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#BDC3C7;
		padding-top:0;
		padding-bottom:30px;
	}
	#merit .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 73%;
		text-align:center;
		font-size:1.6vw;
		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;
	}
	#merit .sectitle .h2line {
		margin: 20px auto 80px auto;
		width: 90%;
		height:1px;
		background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
	}
	#merit .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;
	}

	/* ◆ merit block ◎ ----- */
	#merit .cont {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0 auto 0 auto;
		width:60%;
		padding:10px 0 0 0;
	}
	#merit .cont02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0 auto 0 auto;
		width:70%;
		padding:10px 0 0 0;
	}
	#merit .cont>.gimg {
		margin:20px auto 30px auto;  
		width:46%;
		text-align:center;
		padding:30px 0 30px 0;
		background-color:#FFF;
		position:relative;
			border-radius:10px;  
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			box-shadow: 0 0 10px #ccc;
	}
	#merit .cont02>.gimg {
		margin:20px auto 30px auto;  
		width:30%;
		text-align:center;
		padding:30px 0 30px 0;
		background-color:#FFF;
		position:relative;
			border-radius:10px;  
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			box-shadow: 0 0 10px #ccc;
	}
	#merit .cont>.gimg>li.num {	/* ◎ */
		position:absolute;
		top:-40px;
		left:-25px;
		width:170px;
		height:170px;
		width:150px;
		height:150px;
		border-radius: 50%;
		background-color:#0c3484;	/* svs-blue  */
		z-index:1;
	}
	#merit .cont02>.gimg>li.num {		/* ◎ */
		position:absolute;
		top:-40px;
		left:-50px;
		width:140px;
		height:140px;
		border-radius: 50%;
		background-color:#0c3484;	/* svs-blue  */
		z-index:1;
	}
	#merit .cont>.gimg>li.num .circle {
		margin:0 auto 0 auto;
		width:150px;
		height:150px;
		background: url( "../images/fview/circle.svg" ) no-repeat;
		background-size: 142px 142px;
		background-size: 130px 130px;
		background-position:center center;
	}
	#merit .cont02>.gimg>li.num .circle {
		margin:0 auto 0 auto;
		width:140px;
		height:140px;
		background: url( "../images/fview/circle.svg" ) no-repeat;
		background-size: 120px 120px;
		background-position:center center;
	}
	#merit .cont>.gimg>li.num .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#merit .cont>.gimg>li.num .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);
		}
	}
	#merit .cont>.gimg>li.num .number {
		position:absolute;
		top:35%;
		left:0;
		right:0;
		margin:auto;
		text-align:center;
		font-size:25px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1px;
		color:#fff;
	}
	#merit .cont02>.gimg>li.num .number {
		position:absolute;
		top:35%;
		left:0;
		right:0;
		margin:auto;
		text-align:center;
		font-size:22px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1px;
		color:#fff;
	}
	#merit .cont>.gimg>li.num .number span {
		color:#fff;
		font-size:35px;
		font-family: "Athelas-Regular";
		font-display: swap;
		padding-left:10px;
	}
	#merit .cont02>.gimg>li.num .number span {
		color:#fff;
		font-size:30px;
		padding-left:10px;
	}
	#merit .cont>.gimg>li img {
		display:block;
		margin:0 auto 0 auto;  
		width:80%;
		box-shadow: 0 0 15px #ccc;
	}
	#merit .cont>.gimg>li.cap {
		margin:0 auto 0 auto;  
		width:100%;
		text-align:center;
		font-size:20px;
		line-height:1.8em;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding-top:10px;
	}
	#merit .cont02>.gimg>li.cap {
		margin:0 auto 0 auto;  
		width:100%;
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding-top:10px;
	}
	#merit .cont>.gimg>li.capex {
		font-size:19px;
		padding-left:70px;
	}
	#merit .cont>.gimg>li.txt {
		margin:20px auto 0 auto;  
		width:80%;
		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-top:20px;
	}
	#merit .cont02>.gimg>li.txt {
		margin:20px auto 0 auto;  
		width:80%;
		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-top:20px;
	}
	#merit .contex {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin:0 auto 30px auto;
		width:68%;
		padding:20px 3% 50px 3%;
			border-radius:10px;  
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			box-shadow: 0 0 10px #ccc;
	}
	#merit .contex>h3 {
		margin: 0 auto 30px auto;
		width: 100%;
		text-align:center;
		font-size: 20px;
		font-weight:normal;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;
		font-display: swap;
		line-height:1.7em;
		color: #0092E5;		/* sanpei-blue01 */
		padding-bottom:15px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
		border-bottom: 1px solid #0092E5;	/* sanpei-blue01 */
	}
	#merit .contex .mrtimg {
		margin:0 auto 0 auto;  
		width:30%;
	}
	#merit .contex .textbox {
		margin:0 auto 0 auto;  
		width:70%;
	}
	#merit .contex  .textbox>p.txt {
		margin: 0 auto 0 auto;
		width: 90%;
		font-size: 16px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		line-height:1.7em;
		color: #333;
	}

	#merit .symbl01 {
		position:absolute;
		top:-2%;
		left:5%;
		width:315px;
		height:334px;
		z-index:1;
	}
	#merit .symbl01 img {
		display:block;
	}
	#merit .symbl02 {
		position:absolute;
		bottom:-50px;
		left:65%;
		width:500px;
		height:100px;
		font-size:30px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		transform: rotate(-7deg);	/*◇斜体 */
		color: #333;
		z-index:1;
	}

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

		#merit {
			margin:80px auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:30px;
			background:linear-gradient(90deg,white 0%,white 8%,#F1F3F6 8%,#F1F3F6 38%,white 38%,white 100%);	/* ★ yosca-blue05*/
		}
		#merit .sectitle {
			margin: -100px auto 0 auto;
			width:90%;
			padding-bottom:0;
		}
		#merit .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 85%;
			text-align:center;
			font-size:24px;
			letter-spacing:2px;
			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;
		}
		#merit .sectitle .h2line {
			margin: 20px auto 20px auto;
			width: 90%;
			height:1px;
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#4274B4 98%,#4274B4 100%);	/* yosca-blue01 */
		}
		#merit .sectitle>p {
			display:block;
			margin: 0 auto 30px auto;
			width: 80%;
			font-size:15px;
			letter-spacing:1px;
			font-weight:bold;
			color:#333;
			padding-top:0;
			padding-bottom:0;
		}
		/* ◆ merit block ◎ ----- */
		#merit .cont {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin:0 auto 0 auto;
			width:95%;
			padding:10px 0 0 0;
		}
		#merit .cont>.gimg {
			margin:0 auto 20px auto; 
			width:47%;
			text-align:center;
			padding:20px 0 20px 0;
		}
		#merit .cont>.gimg>li img {
			box-shadow: 0 0 15px #ccc;
		}
		#merit .cont>.gimg>li.cap {
			margin:0 auto 0 auto;  
			width:100%;
			text-align:center;
			font-size:15px;
			line-height:1.7em;
			font-weight:bold;
			color: #0092E5;		/* sanpei-blue01 */
			padding-top:20px;
		}
		#merit .cont>.gimg>li.txt {
			margin:0 auto 0 auto;  
			width:90%;
			text-align:left;
			font-size:13px;
			line-height:1.7em;
			color: #333;
			padding-top:20px;
		}
		#merit .cont>.gimg>li.num {	/* ◎ */
			position:absolute;
			top:-10px;
			left:-10px;
			width:85px;
			height:85px;
			border-radius: 50%;
			background-color:#0c3484;		/* svs-blue  */
			z-index:1;
		}
		#merit .cont>.gimg>li.num .circle {
			margin:0 auto 0 auto;
			width:85px;
			height:85px;
			background: url( "../images/fview/circle.svg" ) no-repeat;
			background-size: 70px 70px;	/* 50% */
			background-position:center center;
		}
		#merit .cont>.gimg>li.num .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#merit .cont>.gimg>li.num .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);
			}
		}
		#merit .cont>.gimg>li.num .number {
			position:absolute;
			top:37%;
			left:0;
			right:0;
			margin:auto;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:0.5px;
			color:#fff;
		}
		#merit .cont>.gimg>li.num .number span {
			color:#fff;
			font-size:18px;
			padding-left:5px;
		}
		#merit .cont>.gimg>li.cap {
			margin:0 auto 0 auto;  
			width:95%;
			text-align:center;
			font-size:15px;
			font-weight:bold;
			line-height:1.7em;
			padding-top:10px;
		}
		#merit .cont>.gimg>li.txt {
			margin:15px auto 0 auto;  
			width:90%;
			font-size:13px;
			line-height:1.7em;
			padding-top:10px;
		}
		#merit .symbl01 {
			position:absolute;
			top:79%;
			left:9%;
			width:158px;
			height:167px;
			z-index:1;
		}
		#merit .symbl01 img {
			display:block;
			zoom:0.5;
		}
		#merit .symbl02 {
			position:absolute;
			top:79%;
			right:9%;
			width:180px;
			font-size:20px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #FFF;
			z-index:1;
		}
	}

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

		#merit {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#merit .sectitle {
			margin: 10px auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#merit .sectitle .sectsub {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:20px;
			letter-spacing:1px;
			font-weight:bold;
			padding-top:10px;
			padding-bottom:10px;
		}
		#merit .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			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;
		}
		#merit .sectitle .h2line {
			margin: 0 auto 15px auto;
			width: 100%;
			height:1px;
			background:linear-gradient(90deg,#d03c1b 0%,#d03c1b 2%,#CCCCCC 2%,#CCCCCC 100%);	/* svs-red01 */
		}
		#merit .sectitle>p {
			display:block;
			margin: 0 auto 0 auto;
			width: 80%;
			font-size:12px;
			letter-spacing:1px;
			font-weight:bold;
			font-display: swap;
			color:#333;
			padding-top:0;
			padding-bottom:10px;
		}
		/* ◆ merit block ◎ ----- */
		#merit .cont {
			display: block;
			margin:0 auto 0 auto;   
			width:95%;
			padding:0 0 10px 0;
		}
		#merit .cont02 {
			display: block;
			margin:0 auto 0 auto;   
			width:95%;
			padding:0 0 20px 0;
		}
		#merit .cont>.gimg {
			margin:0px auto 40px auto;  
			width:90%;
			text-align:center;
			padding:10px 0 15px 0;
				border-radius:5px;  
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow: 0 0 10px #ccc;
		}
		#merit .cont>.gimg>li.num {	/* ◎ */
			position:absolute;
			top:-27px;
			left:-10px;
			width:85px;
			height:85px;
			border-radius: 50%;
			background-color:#0c3484;		/* svs-blue  */
			z-index:1;
		}
		#merit .cont>.gimg>li.num {	/* ◎ */
			position:absolute;
			top:-27px;
			left:-10px;
			width:85px;
			height:85px;
			border-radius: 50%;
			background-color:#0c3484;		/* svs-blue  */
			z-index:1;
		}
		#merit .cont02>.gimg>li.num {	/* ◎ */
			position:absolute;
			top:-27px;
			left:-10px;
			width:85px;
			height:85px;
			border-radius: 50%;
			background-color:#0c3484;		/* svs-blue  */
			z-index:1;
		}
		#merit .cont>.gimg>li.num .circle {
			margin:0 auto 0 auto;
			width:85px;
			height:85px;
			background: url( "../images/fview/circle.svg" ) no-repeat;
			background-size: 70px 70px;	/* 50% */
			background-position:center center;
		}
		#merit .cont02>.gimg>li.num .circle {
			margin:0 auto 0 auto;
			width:85px;
			height:85px;
			background: url( "../images/fview/circle.svg" ) no-repeat;
			background-size: 70px 70px;	/* 50% */
			background-position:center center;
		}
		#merit .cont>.gimg>li.num .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#merit .cont>.gimg>li.num .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);
			}
		}
		#merit .cont>.gimg>li.num .number {
			position:absolute;
			top:37%;
			left:0;
			right:0;
			margin:auto;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:0.5px;
			color:#fff;
		}
		#merit .cont02>.gimg>li.num .number {
			position:absolute;
			top:37%;
			left:0;
			right:0;
			margin:auto;
			text-align:center;
			font-size:14px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:0.5px;
			color:#fff;
		}
		#merit .cont>.gimg>li.num .number span {
			color:#fff;
			font-size:18px;
			padding-left:5px;
		}
		#merit .cont02>.gimg>li.num .number span {
			color:#fff;
			font-size:18px;
			padding-left:5px;
		}
		#merit .cont>.gimg>li img {
			width:90%;
			box-shadow: 0 0 5px #ccc;
		}
		#merit .cont>.gimg>li.cap {
			margin:0 auto 0 auto;  
			width:95%;
			text-align:center;
			font-size:12px;
			font-weight:bold;
			line-height:1.7em;
			padding-top:10px;
		}
		#merit .cont02>.gimg>li.cap {
			margin:0 auto 0 auto;  
			width:95%;
			text-align:center;
			font-size:12px;
			font-weight:bold;
			line-height:1.7em;
			padding-top:10px;
		}
		#merit .cont>.gimg>li.txt {
			margin:15px auto 0 auto;  
			width:90%;
			font-size:12px;
			line-height:1.7em;
			padding-top:10px;
		}
		#merit .cont02>.gimg>li.txt {
			margin:15px auto 0 auto;  
			width:90%;
			font-size:12px;
			line-height:1.7em;
			padding-top:10px;
		}
		#merit .contex {
			display: block;
			margin:-20px auto 40px auto;   
			width:85%;
			padding:0 0 10px 0;
				border-radius:5px;  
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				box-shadow: 0 0 10px #ccc;
		}
		#merit .contex>h3 {
			margin: 0 auto 10px auto;
			width: 90%;
			text-align:center;
			font-size: 12px;
			font-weight:bold;
			line-height:1.7em;
			color: #0092E5;		/* sanpei-blue01 */
			padding-bottom:7px;
			border-bottom: 1px solid #0092E5;		/* sanpei-blue01 */
		}
		#merit .contex .mrtimg {
			margin:0 auto 0 auto;  
			width:90%;
		}
		#merit .contex .textbox {
			margin:0 auto 0 auto;  
			width:90%;
		}
		#merit .contex  .textbox>p.txt {
			margin: 10px auto 10px auto;
			width: 95%;
			font-size: 12px;
			line-height:1.7em;
			color: #333;
		}
		#merit .symbl01 {
			position:absolute;
			top:0;
			left:80%;
			width:20%;
			z-index:1;
		}
		#merit .symbl01 img {
			display:block;
			zoom:0.2;
		}
		#merit .symbl02 {
			position:absolute;
			top:-60px;
			left:47%;
			width:60%;
			font-size:15px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			transform: rotate(-7deg);	/*◇斜体 */
			color: #333;
			z-index:1;
		}
	}

/* ■ スポンサー sponsor section06 ---------------------------------------------------*/





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

	#sec-doc {					/* 院長紹介  - section01 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-melit {					/* 歯科大学病院を選ぶメリット  - section02 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-about {					/* 松本歯科大学について  - section03 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-ip01 {					/* インプラント治療とは  - section04 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-ip02 {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-team {					/* チーム医療  - section05 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-concern {				/* こんなお悩みや心配はありませんか?  - section06 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-type {					/* 治療の種類  - section07 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-step {					/* 治療のステップ  - section08 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-case {					/* 症例紹介  - section09 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-facility {				/*  こだわりの設備 - section10 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-qa {					/*  Q＆A - section11 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-price {					/* ご料金 - section12 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec-cl01 {					/*  クリニック概要 - section13 */
		margin-top:-70px;
		padding-top:70px;
	}
	#sec--cl02 {
		margin-top:-70px;
		padding-top:70px;
	}

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

		#sec-doc {				/* 院長紹介  - section01 */
			margin-top:-100px;
			padding-top:100px;
		}
		#sec-melit {				/* 歯科大学病院を選ぶメリット  - section02 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-about {				/* 松本歯科大学について  - section03 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-ip01 {				/* インプラント治療とは  - section04 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-ip02 {
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-team {				/* チーム医療  - section05 */
			margin-top:-150px;
			padding-top:150px;
		}

		#sec-concern {			/* こんなお悩みや心配はありませんか?  - section06 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-type {				/* 治療の種類  - section07 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-step {				/* 治療のステップ  - section08 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-case {				/* 症例紹介  - section09 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-facility {			/*  こだわりの設備 - section10 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-qa {				/*  Q＆A - section11 */
			margin-top:-150px;
			padding-top:150px;
		}
		#sec-price {				/* ご料金 - section12 */
			margin-top:-180px;
			padding-top:180px;
		}
		#sec-cl01 {				/*  クリニック概要 - section13 */
			margin-top:-130px;
			padding-top:130px;
		}
		#sec-cl02 {
			margin-top:-130px;
			padding-top:130px;
		}
	}