/*----------------------------------------------------------------------------*/
/* 	株式会社富士誇  会社概要 page					 	CSS      */
/*----------------------------------------------------------------------------*/
@charset "utf-8";

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

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

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

/* heading  ◆*/
	#news h2,
	#blog h2,
	#recruit h2 {
		font-size: 4.5rem;
		text-align: center;
		margin: 0 0 50px 0;
		font-weight: normal;
		color: #0F1419;		/* cacielo-blk */
	}

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

		#recruit h2 {
			font-size: 4.0rem;
			text-align: center;
			margin: 0 0 30px 0;
		}
	}
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#recruit h2 {
			font-size: 3.5rem;
			text-align: center;
			margin: 0 0 30px 0;
		}

	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 767px) and (max-width: 1020px) {

		#recruit h2 {
			font-size: 2.5rem;
			text-align: center;
			margin: 0 0 30px 0;
		}
	}
	@media screen and (max-width:768px) {
		#news h2,
		#blog h2,
		#recruit h2 {
			font-size: 2rem;
		}
	}

	#sviewerPC .box01 .h1subt {
		margin-top:-28px;
		font-size:46px;
		padding-left:21%;
		transform: rotate(-7deg);	/*◇斜体 */
	}

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

	#introduction {		/* ◆PC Layout  */
		margin:0 auto 0 auto;
		width:100%;
		padding-bottom:50px;
		background-color:#FFF;
		position:relative;
			background-image:
				url("../images/bg/brline01.svg"),
				url("../images/bg/brline02.svg");
			background-size:
				contain,
				contain;
			background-position:
				center top 90%,
				center top 85%;
			background-repeat:
				no-repeat,
				no-repeat;
	}

	#introduction h2 span.bgLRextend::before{
		background:#333;
	}
	#introduction .cont {
		margin:80px auto 0 auto;
		width:100%;
	}
	#introduction .cont .inttxt {
		margin:0 auto 0 auto;
		width:100%;
		font-size:19px;
		text-align:center;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		padding-bottom:0;
	}
	#introduction .cont h2 {
		display:block;
		margin:0 auto 30px auto;
		width:70%;
		font-size:32px;
		text-align:center;
		line-height:1.8em;
		letter-spacing:2.0px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#444;
		padding-bottom:20px;
		border-bottom: 1px solid #221815;		/* fujico-blk */
	}
	#introduction .cont .philosophy {
		margin:0 auto 0 auto;
		width:70%;
		padding:20px 0 20px 0;
			border-radius:15px;
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
	}
	#introduction .cont .philosophy p {
		margin:0 auto 0 auto;   
		width:65%;
		height:100px;
		font-size:17px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding:0 30px 30px 0;
	}
	#introduction .cont>.textbox .philosophy>dl dt>img {
		display:block;
		position:absolute;
		top:0;
		right:0;
		zoom:0.7;
	}
	#introduction .symbl01 {
		position:absolute;
		top:5%;
		left:5%;
		width:315px;
		height:334px;
		z-index:1;
	}
	#introduction .symbl01 img {
		display:block;
	}

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

		#introduction .cont>.textbox {
			position:absolute;
			top:200px;
			left:0;
			right:0;
			margin:auto;
			width:80%;
		}
		#introduction .cont>.textbox .philosophy>dl {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			margin:20px auto 0 12%;
			width:85%;
		}
		#introduction .cont>.textbox .philosophy>dl dt {
			margin:0 auto 0 auto;
			width:23%;
			font-size:34px;
			line-height:1.3em;
		}
		#introduction .cont>.textbox .philosophy>dl dt .ex {
			font-size:38px;
		}
		#introduction .cont>.textbox .philosophy>dl dd {
			margin:0 auto 0 auto;
			width:77%;
			font-size:16px;
			line-height:3.7em;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#introduction {
			margin:-180px auto 0 auto;
			width:100%;
			padding-bottom:320px;
		}
		#introduction .cont {
			margin:0 auto 20px auto;   
			width:100%;
			height:180px;
			position:relative;
		}
		#introduction .cont>.textbox {
			position:absolute;
			top:10px;
			left:0;
			right:0;
			margin:auto;
			padding:0 0 20px 0;
			width:95%;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
		}
		#introduction .cont h2{
			margin:0px auto 30px auto;
			width:90%;
			text-align:center;
			font-size:17px;
			font-weight:bold;
			line-height:1.8em;
			color:#333;
			padding-top:15px;
			padding-bottom:10px;
		}
	}

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

		#introduction {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:20px;
			position:relative;
		}
		#introduction .cont {
			margin:0 auto 20px auto;   
			width:100%;
		}
		#introduction .cont .inttxt {
			margin:0 auto 0 auto;
			width:90%;
			font-size:13px;
			text-align:center;
			line-height:1.7em;
			font-weight:bold;
			padding-bottom:0;
		}
		#introduction .cont>.textbox {
			margin:20px auto 20px auto;
			width:95%;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
		}
		#introduction .cont h2{
			margin:0 auto 25px auto;
			width:90%;
			text-align:center;
			font-size:15px;
			font-weight:bold;
			line-height:1.8em;
			color:#333;
			padding-top:10px;
			padding-bottom:7px;
		}
		#introduction .cont .philosophy {
			margin:0 auto 0 auto;
			width:80%;
			padding:0 0 20px 0;
		}
		#introduction .cont .philosophy p {
			margin:0 auto 0 auto;   
			width:100%;
			height:100px;
			font-size:12px;
			line-height:1.7em;
			padding:0 0 0 0;
		}
		#introduction .cont>.textbox .philosophy>dl dt>img {
			display:block;
			position:absolute;
			top:0;
			right:0;
			zoom:0.4;
		}
		#introduction .symbl01 {
			position:absolute;
			top:-10px;
			right:2%;
			width:95px;
			height:100px;
			z-index:1;
		}
		#introduction .symbl01 img {
			display:block;
			zoom:0.3;
		}
	}

/* ■ 代表・スタッフ紹介  */

	#staff {			/* ◇SP layout ----------  */
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:40px;
/*		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);*/	/* ★ */
	}
	#staff h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#staff .sec {
		margin: 0 auto 0 auto;
		width: 100%;
		background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
	}
	#staff .sec>h2 {
		display:block;
		margin: 30px auto 15px auto;
		width: 80%;
		text-align:center;
		font-weight:bold;
		font-size:15px;
		color: #444;
		padding-top:20px;
		padding-bottom:10px;
		border-bottom: 2px solid #221815;	/* base-black */
	}
	#staff .sec .h2line  {
		margin: 10px auto 10px auto;
		width: 90%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 95%,#E60021 95%,#E60021 100%);	/* ★ AF-red */
	}
	.sec .secsym {
		display:none;
	}
	.sec .seccont {
		margin: 5px auto 0 5%;
		margin: 5px auto 30px 2.5%;
		width: 95%;
		padding-bottom:20px;
		box-sizing: border-box;
		display: inline-block;
		background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過95% */
		position: relative;
/*		border: solid 1px #DDD;	*/
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
	}
	.sec .seccont>h3 {
		display:block;
		margin: 15px auto 0 auto;
		width: 90%;
		text-align:center;
		font-weight:bold;
		font-size:16px;
		font-family: "Antro_Vectra";
		font-display: swap;
		color:#333;
	}
	.sec .seccont section {
		margin: 10px auto 0 auto;
		width: 90%;
	}
	.sec .seccont section>h2 {
		display:block;
		margin: 15px auto 0 auto;
		width: 100%;
		font-weight:bold;
		font-size:14px;
		color: #333;
		padding:0 0 10px 0;
		border-bottom: solid 1px #DDD;
	}
	.sec .seccont section>h2 .h2ex {
		font-weight:normal;
		font-size:11px;
		color: #BDC3C7;		/* Siver */
		padding-left:10px;
	}
	.sec .seccont section dl,dt,dd {
		display:block;
	}
	.sec .seccont section dl {
		margin: 10px auto 0 auto;
		width: 100%;
	}
	.sec .seccont section dt {
		margin: 0 auto 0 auto;
		font-size:12px;
		font-weight:bold;
		line-height:1.7em;
		color: #333;
	}
	.sec .seccont section dd {
		margin: 10px auto 0 auto;
		font-size:12px;
		line-height:1.7em;
		color: #333;
	}
	.sec .seccont section dd img {
		float:right;
		width: 30%;
		padding:0 0 10px 10px;
	}
	.sec .seccont section dd ul {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	.sec .seccont section dd li {
		padding-left:1.0em;
	 	text-indent:-1.0em;	/* 2行目以降1字下げ */
	}

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

	}

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

		#staff {
			margin: 50px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
		}
		#staff .sec {
			margin: 120px auto 0 12%;
			margin: 0 auto 0 auto;
			width: 80%;
			width: 100%;
			padding-bottom:20px;
			background:transparent;
			background:linear-gradient(170deg,transparent 0%,transparent 42%,#F0F0F0 42%,#F7F7F7 65%,transparent 65%,transparent 100%);	/* ★ */
			position:relative;
		}
		#staff .sec>h2 {
			margin:0 auto 50px auto;
			width:70%;
			font-size:32px;
			text-align:center;
			line-height:1.8em;
			letter-spacing:0.1px;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color:#333;
			padding-top:30px;
			padding-bottom:20px;
			border-bottom: 1px solid #221815;	/* base-black */
		}
		#staff .sec .h2line  {
			margin: 25px auto 30px 17.5%;
			width: 67%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#BDC3C7 0%,#BDC3C7 98%,#E60021 98%,#E60021 100%);	/* ★AF-red  */
		}
		.sec .secsym {
			display:block;
			position: absolute;
			top: 35%;
			right:10%;
		}
		.sec .seccont {
			margin: 0px auto 30px 16%;
			margin: 0px auto 30px 15%;
			width: 70%;
			padding-bottom:20px;
			box-sizing: border-box;
			display: inline-block;
			background-color:rgba( 255,255,255,0.99 ); 	/*  White  透過99% */
			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;
		}
		.sec .seccont>h3 {
			display:block;
			margin: 50px auto 0 auto;
			width: 73%;
			text-align:center;
			font-size:30px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color:#333;
		}
		.sec .seccont section {
			margin: 50px auto 50px auto;
			width: 80%;
		}
		.sec .seccont section>h2 {
			display:block;
			margin: 30px auto 0 auto;
			width: 90%;
			font-size:26px;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			padding:0 0 15px 5%;
			border-bottom: solid 1px #DDD;
		}
		.sec .seccont section>h2 .h2ex {
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
		}
		.sec .seccont section dl {
			margin: 30px auto 0 3%;
			margin: 30px auto 0 auto;
			width: 100%;
			padding:0 0 0 5%;
		}
		.sec .seccont section dt {
			margin: 0 auto 0 auto;
			width:90%;
			font-size:18px;
			font-weight:normal;
			line-height:1.8em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color: #444;
		}
		.sec .seccont section>h2 .h2ex {
			font-family: "NotoSansCJKjp-Regular";
			font-size:15px;
			letter-spacing:2px;
			padding-left:30px;
		}
		.sec .seccont section dd {
			margin: 30px 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: #333;
			padding:0 20px 0 0;
		}
		.sec .seccont section dd img {
			float:right;
			width: 25%;
			padding:0 0 20px 30px;
		}
		.sec .seccont section dd ul {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		.sec .seccont section dd li {
	 		padding-left:1.0em;
		 	text-indent:-1.0em;	/* 2行目以降1字下げ */
		}
	}
	@media only screen and (min-width: 1020px) and (max-width: 1400px) {	/*◇ PC-S */

		.sec .seccont .secimg img {
			zoom:0.3;
		}
	}

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

		#staff {
			margin: -80px auto 0 auto;
			margin: 30px auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		.sec {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			position:relative;
		}
		.sec .secsym01 {
			display:block;
			position: absolute;
			top: -20px;
			right: 5px;
			z-index:9;
		}
		.sec .secsym01 {
			display:block;
			position: absolute;
			top: 30px;
			right:5%;
		}
		.sec .secsym01 img {
			zoom:0.7;
		}
		#staff .sec>h2 {
			display:block;
			margin: 20px auto 20px auto;
			width: 85%;
			font-size:20px;
			font-weight:bold;
			padding-top:0px;
			padding-left:20px;
			border-bottom: 2px solid #221815;	/* base-black */
		}
		.sec .h2line  {
			margin: 10px auto 10px auto;
			width: 85%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
		}
		#staff .sectitle01{
			margin: 0px auto 0 auto;
			width: 100%;
			height: 130px;
		}
		.sec .seccont {
			margin: 10px auto 30px 5%;
			width: 90%;
			padding-bottom:30px;
			box-sizing: border-box;
			display: inline-block;
			position: relative;
		}
		.sec .seccont section {
			margin: 30px auto 30px auto;
			width: 85%;
		}
		.sec .seccont section>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:16px;
		}
		.sec .seccont section dt {
			margin: 0 auto 10px auto;
			width:100%;
			font-size:14px;
			font-weight:bold;
			line-height:1.7em;
		}
		.sec .seccont section dd {
			margin: 0 auto 0 auto;
			width:100%;
			font-size:12px;
			line-height:1.7em;
		}
		.sec .seccont section dd img {
			float:right;
			width: 25%;
			padding:0 0 10px 20px;
		}
	}

/* ■ 会社概要 MainConents */

	#about {
		margin:0 auto 50px auto;
		width:100%;
		padding-top:0;
		padding-bottom:100px;
		background:linear-gradient(180deg, transparent 0%,transparent 33%,#221815 33%,#333333 60%,#F4F4F4 60%,#F4F4F4 100%);		/* ★ */
	}
	#about .sec {
		display:block;
		margin:0 auto 0 auto;
		width:70%;
		padding-top:30px;
		padding-bottom:30px;
		background-color:rgba( 255,255,255,1.00 );	/* White  透過100% */
/*			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;
		z-index:1;
	}
	#about .sectitle {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-bottom:0;
	}
	#about .sectitle h2 {
		margin:0 auto 0 auto;
		width:90%;
		font-size:30px;
		text-align:center;
		line-height:1.8em;
		letter-spacing:2.0px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding-top:20px;
		padding-bottom:15px;
		border-bottom: 1px solid #221815;	/* base-black */
	}
	#about .cont01 {
		margin: 0 auto 0 auto;
		width:85%;
		padding-top:10px;
		padding-bottom:30px;
		position:relative;
	}
	#about .cont01>.circlesym {	/* ◎ */
		position:absolute;
		top:10%;
		right:2%;
		width:274px;
		height:274px;
		z-index:9;
	}
	#about .cont01>.circlesym .circle {
		margin: 0 auto 0 auto;
		width:274px;
		height:274px;
		background: url( "../images/bg/csym04.png" ) no-repeat;
		background-size: 274px 274px;
		background-position:center 0;
		position:relative;
	}
	#about .cont01>.circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#about .cont01>.circlesym .circle {
		animation-name: rotate;
		animation-duration: 8s;
		animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
		animation-iteration-count: infinite;
	}
	@keyframes rotate {
		 0% {
		 	transform: rotateZ(0);
		 }
		 100% {
			transform: rotateZ(360deg);
		}
	}
	#about .cont01>.circlesym .syml {
		position:absolute;
		top:40%;
		left:0;
		right:0;
		margin:auto;
		width:144px;
		height:62px;
		text-align:center;
	}
	#about .cont01>h3 {
		margin:0 auto 30px auto;
		width:75%;
		font-size:24px;
		text-align:center;
		line-height:1.8em;
		letter-spacing:1.5px;
		padding-top:0;
	}
	#about .cont01>.h3line {
		margin: 15px auto 50px auto;
		width:85%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
		background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
	}
	#about .cont01 .item {
		display:none;
	}
	#about .cont01 .item-pc {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:0px;
	}
	#about .cont01 .item-pc dl,dt,dd {
		display:block;
	}
	#about .cont01 .item-pc dl {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		margin: 0 auto 0 auto;
		width:80%;
		padding-bottom:10px;
	}
	#about .cont01 .item-pc dt {
		width:20%;
		text-align:right;
		font-size:16px;
		padding-left:0;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color: #6E3919;		/* sopv-brown03 */
		color: #222;
	}
	#about .cont01 .item-pc dd {
		width:80%;
		text-align:left;
		font-size:16px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		padding-left:50px;
		line-height:2.0em;
		color:#222;
	}
	#about .cont02 {
		margin: 0 auto 0 auto;
		width:75%;
		padding-top:0;
		padding-bottom:50px;
	}
	/* ◆ google map  -------*/
	#maparea {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-top:30px;
		padding-bottom:200px;
		padding-bottom:0;
		position:relative;
	}

	/* マップ --------------------*/
	#about .cont02 {
		margin: 0px auto 0 auto;
		width: 60%;
		width: 100%;
		padding-bottom:0;
		background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過95% */
		background:transparent;
	}
	#about .cont02  .sec02title02{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		border-top:1px solid #DAD1BB;	/* smm2-beigegray */
	}
	#about .cont02 .sec02title02 h3 {
		display:block;
		margin: 30px auto 0 auto;
		width: 80%;
		text-align:center;
		font-size:22px;
		font-family: "futura medium condensed bt";
		font-display: swap;
		letter-spacing:2px;
		color:#444;
		padding-top:0;
		padding-left:0;
	}
	#about .cont02  .sec02title02 h4 {
		display:block;
		width: 80%;
		margin: 0 auto 0 auto;
		font-size:20px;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color: #A4966A;		/* Gold01 */
		padding-top:20px;
		padding-left:0px;
	}
	#about .cont02  ul.comment {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#about .cont02  ul.comment li {
		margin: 0 auto 0 auto;
		width: 60%;
		text-align:left;
		font-weight:normal;
		font-size:14px;
		line-height:1.8em;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#444;
	}
	.accessmap {
		margin: 10px auto 0 auto;
		width: 100%;
		height: 670px;
		height: 520px;
		position:relative;
	}
	.map-content {
		position: absolute;		/* 親blockに対し中央配置 */
		top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width : 80%;
		width : 100%;
	}
	.map-content #gmap01 {
		height: 500px;
		background: #eee;
		font-size:10px;
		color: #777px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
					Meiryo, Osaka, helvetica, arial,
					"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
		border: 10px solid #F6F6F6;
	}
	.map-content #gmap02 {
		height: 500px;
		background: #eee;
		font-size:10px;
		color: #777px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
		border: 10px solid #F6F6F6;
	}
	.popup {
		padding:10px;
		padding-right:10px;
		text-align:left;
		background: #eee;
		font-size:11px;
		color: #D35400;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
					Meiryo, Osaka, helvetica, arial,
					"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
		border: 1px solid #e1deda;
	}
	#about .cont02 .adress {		/* ContactAdress ---*/
		margin: 0px auto 0px auto;
		width :100%;
		padding-left:0;
		padding-bottom:0px;
		position: relative;
	}
	#about .cont02 .adress dl,dt,dd {
		display:block;
	}
	#about .cont02 dl.adress {
		margin: 0px auto 0px auto;
		width :90%;
		padding-left:0;
	}
	#about .cont02 .adress dl {
		width :90%;
		font-size:15px;
		text-align:left;
		padding-bottom:50px;
	}
	#about .cont02 .adress dt {
		float:left;
		clear:left;
		width:15%;
		text-align:right;
		font-weight:normal;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#A4946C;	/* gold01 */
	}
	#about .cont02 .adress dd {
		float:left;
		width:85%;
		line-height:28px;
		color:#333;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		padding-left:30px;
	}
	#about .cont02 .adress #adank {
		padding-top:145px;
		font-size:12px;
	}

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

		#about {
			margin:30px auto 0 auto;
			width:100%;
			padding-bottom:50px;
			background:linear-gradient(180deg, transparent 0%,transparent 33%,#221815 33%,#333333 60%,#F4F4F4 60%,#F4F4F4 100%);		/* ★ */
s		}
		#about .sec {
			margin:20px auto 0 auto;
			width:90%;
			padding-top:0px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.98 );	/*  White  透過98% */
			box-shadow: 0px 1px 2px 1px #aaa;
			-webkit-box-shadow: 0px 1px 2px 1px #aaa;
			-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#about .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#about .sectitle h2 {
			margin:0px auto 20px auto;
			width:100%;
			font-size:18px;
			text-align:center;
			line-height:1.8em;
			letter-spacing:0.1px;
			font-weight:bold;
			color:#222;
			padding-bottom:10px;
		}
		#about .cont01 {
			margin: 0 auto 0 auto;
			width:95%;
			padding-top:10px;
			padding-bottom:5px;
		}
		#about .cont01 img {
			display:block;
			position:relative;
			margin:20px auto 0 auto;
			width:80%;
		}
		#about .cont01 img {
			display:block;
			position:relative;
			margin:20px auto 50px 33.5%;
			width:45%;
		}

		#about .cont01>h3 {
			margin:0 auto 10px auto;
			width:100%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color:#444;
		}
		#about .cont01>.h3line {
			margin: 0 auto 30px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#about .cont01 .item-pc dl {
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			margin: 0 auto 0 7.5%;
			width:95%;
			padding-bottom:10px;
		}
		#about .cont01 .item-pc dt {
			width:20%;
			text-align:right;
			font-size:13px;
			font-weight:bold;
			padding-left:0;
			line-height:2.0em;
			color: #6E3919;		/* sopv-brown03 */
		}
		#about .cont01 .item-pc dd {
			width:80%;
			text-align:left;
			font-size:13px;
			padding-left:30px;
			line-height:2.0em;
			color:#333;
		}
		/* ◆ google map  -------*/
		#maparea {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:30px;
			padding-bottom:20px;
			position:relative;
		}
		#about .cont02  .sec02title02{
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:20px;
		}
		#about .cont02  .sec02title02 h3 {
			display:block;
			margin: 30px auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			color: #6E3919;		/* sopv-brown03 */
			padding-top:0;
			padding-left:0;
		}
		#about .cont02 #amap01,#amap02 {	/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-90px;
			padding-top:90px;
		}
		#about .cont02  .sec02title02 h4 {
			display:block;
			width: 80%;
			margin: 0 auto 0 auto;
			font-size:20px;
			font-weight:normal;
			color: #A4966A;		/* Gold01 */
			padding-top:20px;
			padding-left:0px;
		}
	}

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

		#about {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:30px;
		}
		#about .sec {
			margin:-40px auto 0 auto;
			width:95%;
			padding-top:0px;
			padding-bottom:0px;
			background-color:rgba( 255,255,255,1.0 );	/*  White  透過98% */
				box-shadow: 0px 1px 2px 1px #aaa;
				-webkit-box-shadow: 0px 1px 2px 1px #aaa;
				-moz-box-shadow: 0px 1px 2px 1px #aaa;
		}
		#about .sectitle {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#about .sectitle h2 {
			margin:0px auto 0 auto;
			width:70%;
			font-size:16px;
			text-align:center;
			line-height:1.8em;
			letter-spacing:0.1px;
			font-weight:bold;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
							Meiryo, Osaka, helvetica, arial,
							"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			color:#444;
			padding-bottom:10px;
			border-bottom: 2px solid #221815;	/* base-black */
		}
		#about .cont01 {
			margin: 0 auto 0 auto;
			width:95%;
			padding-top:10px;
			padding-bottom:5px;
		}
		#about .cont01>.circlesym {	/* ◎ */
			position:absolute;
			top:20%;
			right:5%;
			width:137px;
			height:137px;
			z-index:9;
		}
		#about .cont01>.circlesym .circle {
			margin: 0 auto 0 auto;
			width:137px;
			height:137px;
			background: url( "../images/bg/csym04.png" ) no-repeat;
			background-size: 137px 137px;	/* 50% */
			background-position:center 0;
			position:relative;
		}
		#about .cont01>.circlesym .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#about .cont01>.circlesym .circle {
			animation-name: rotate;
			animation-duration: 8s;
			animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
			animation-iteration-count: infinite;
		}
		@keyframes rotate {
			 0% {
			 	transform: rotateZ(0);
			 }
			 100% {
				transform: rotateZ(360deg);
			}
		}
		#about .cont01>.circlesym .syml {
			position:absolute;
			top:25%;
			left:0;
			right:0;
			margin:auto;
			width:77px;
			height:31px;
		}
		#about .cont01 img {
			display:block;
			position:relative;
			margin:20px auto 0 auto;
			width:80%;
		}
		#about .cont01>h3 {
			margin:0 auto 10px auto;
			width:80%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color:#444;
		}
		#about .cont01>.h3line {
			margin: 0 auto 20px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#about .cont01 .item-pc {
			display:none;
		}
		#about .cont01 .item {
			display:block;
			margin: 15px auto 20px auto;
			width: 100%;
			padding-bottom:0px;
		}
		#about .cont01 .item dl {
			margin: 0 auto 7px auto;
			width: 100%;
			font-size:12px;
			padding-top:0;
			padding-bottom:0px;
			color:#222;
		}
		#about .cont01 .item dt {
			margin: 0 auto 0 auto;
			width: 90%;
			font-weight:bold;
			line-height:1.5em;
		}
		#about .cont01 .item dd {
			margin: 0 auto 0 auto;
			width: 90%;
			line-height:1.5em;
		}
		/* ◆ google map  -------*/
		#maparea {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:0px;
			padding-bottom:0;
		}
		#maparea .cont01 {
			margin: 20px auto 0 auto;
			width: 90%;
			padding-bottom:80px;
				box-shadow: 0px 1px 3px 1px #aaa;
				-webkit-box-shadow: 0px 1px 3px 1px #aaa;
				-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}
		#maparea .cont01 dl,dt,dd {
			display:block;
		}

		/* マップ --------------------*/

		#about .cont02   {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:10px;
			background-color: #FFF;
			background-color:rgba( 255,255,255,0.95 ); 	/*  White  透過95% */
		}
		#about .cont02  .sec02title02{
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:5px;
		}
		#about .cont02 .sec02title02 h3 {
			display:block;
			margin: 0 auto 10px auto;
			width: 90%;
			font-size:15px;
			font-weight:bold;
			text-align:center;
			letter-spacing:5px;
			color:#444;
			padding-top:10px;
			padding-left:0px;
		}
		#about .cont02 #amap01,#amap02 {	/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-45px;
			padding-top:45px;
		}
		#about .cont02  .sec02title02 h4 {
			display:block;
			width: 90%;
			margin: 0 auto 0 auto;
			text-align:center;
			font-size:12px;
			font-weight:bold;
			color: #519D9E;		/* WA-green */
			color: #2E6193;		/* sec-blue01 */
			line-height:20px;
			padding-top:0px;
			padding-left:0px;
		}
		#about .cont02  ul.comment {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#about .cont02  ul.comment li {
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:left;
			font-weight:normal;
			font-size:12px;
			line-height:1.6em;
			font-weight:normal;
			color:#444;
		}
		.accessmap {
			margin: 0 auto 0 auto;
			width: 95%;
			height: 520px;
			position:relative;
		}
		.map-content {
			position: absolute;		/* 親blockに対し中央配置 */
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width : 100%;
		}

		.map-content #gmap01 {
			height: 500px;
			background: #eee;
			font-size:10px;
			color: #777px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			border: 10px solid #F6F6F6;
		}
		.map-content #gmap02 {
			height: 500px;
			background: #eee;
			font-size:10px;
			color: #777px;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			border: 10px solid #F6F6F6;
		}
		.popup {
	/*		width: 180px;
			height: 80px;*/
			padding:2px;
			text-align:left;
			background: #eee;
			font-size:11px;
			color: #D35400;
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-display: swap;
			border: 1px solid #e1deda;
		}
		#about .cont02 .adress {		/* ContactAdress ---*/
			width :95%;
			padding-left:5%;
			position: relative;
		}
		#about .cont02 .adress dl,dt,dd {
			display:block;
		}
		#about .cont02 .adress dl {
			width :100%;
			font-size:12px;
			text-align:left;
			padding-bottom:35px;
		}
		#about .cont02 .adress dt {
			float:left;
			clear:left;
			width:20%;
			color:#A4946C;	/* gold01 */
			line-height:24px;
			font-weight:normal;
		}
		#about .cont02 .adress dd {
			float:left;
			width:80%;
			line-height:24px;
			color:#444;
		 		padding-left:1em;
			 	text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#about .cont02 .adress #adank {
			padding-top:165px;
			font-size:12px;
		}
		#about .cont02 .adress a {
			color:#A4946C;	/* gold01 */
		}
		#about .cont02 .adress a:hover {
			text-decoration: none;
			color: #B27C04;		/* Gold02 */
				transition: 0.4s ease-in-out;
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
		}
	}

/* ■ PARTNERS ------------------------------*/

	#partners {			/* ◇SP layout */
		margin: 200px auto 0 auto;
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color:#FFF;
		background:linear-gradient(180deg,white 0%,white 30%,#F5F5F5 30%,#F5F5F5 90%,white 90%,white 100%);	/* ★ */
	}
	#partners h2 {
		margin:20px auto 0 auto;
		text-align:center;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
		font-size: 1.8rem;
		padding-left:0;
		padding-top:20px;
		color: #0F1419;		/* cacielo--base-black */
	}
	#partners .h2sub {
		margin: -15px auto 0 auto;
		width: 90%;
		font-size:12px;
		text-align:center;
		font-weight:normal;
		color:#333;
		padding-left:0;
	}
	#partners .h2line  {
		margin: 10px auto 20px auto;
		width: 70%;
		height:2px;
		text-indent: -99999px;	/* テキスト非表示 */
		background-color:#0F1419;		/* cacielo-blk */
	}
	#sec01 {
		margin: 0 auto 0 auto;
		width: 100%;
		position:relative;
	}
	#partners .items {
		margin: 0 auto 0 2.5%;
		width: 95%;
		padding-top:0px;
		padding-bottom:0px;
	}
	#partners .items ui.slider {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	#partners .items ui.slider li img{
		margin:0;
		max-width:30%;
		height:auto;
	}

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

	}

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

		#partners {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:50px;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(180deg,white 0%,white 32%,#F5F5F5 32%,#F5F5F5 90%,white 90%,white 100%);	/* ★ */
		}
		#partners h2 {
			margin: 0 0 50px 0;
			font-weight:normal;
			font-family: 'Futura medium bt', sans-serif;
			font-display: swap;
			font-size: 5rem;
			text-align: center;
			color: #0F1419;		/* cacielo-blk */
		}
		#partners .h2sub {
			margin:-110px auto 0 auto;
			width: 50%;
			font-size:20px;
			text-align:center;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 600;
			font-style: normal;
			font-display: swap;
			color:#333;
		}
		#partners .h2line  {
			margin: 30px auto 70px auto;
			width: 30%;
			height:4px;
			text-indent: -99999px;	/* テキスト非表示 */
			background-color:#75ADB9;		/* mf-blue03 */
			background-color:#0F1419;		/* cacielo-blk */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:50px;
			position:relative;
		}
		#partners .items {
			margin: 0 auto 20px auto;
			width: 85%;
			padding-top:0px;
			padding-bottom:0px;
		}
		#partners .items ui.slider {
			margin:0;
			list-style-type:none;
			background-color:#F5F5F5;
		}
		#partners .items ui.slider li {
		}
		#partners .items ui.slider li img {
			max-width:100%;
			height:auto;
			padding-left:0;
		}
	}

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

		#partners {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
			background:linear-gradient(90deg,white 0%,white 10%,#F5F5F5 10%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#sec01 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			position:relative;
		}
		#partners #sec01title01{
			margin: 150px auto 0 auto;
			width: 90%;
			height: 35px;
			border-left: 5px solid #2843B6;		/* plumsa-blue01 */
		}
		#partners #sec01title01 h2 {
			font-size:20px;
			padding-top:5px;
			padding-left:30px;
		}
		#partners .items {
			margin: 70px auto 0 auto;
			width: 90%;
			padding-top:0px;
			padding-bottom:0px;
			padding-left:0px;
		}
	}