/*----------------------------------------------------------------------------*/
/* 	株式会社 実正 LP	CSS									     */
/*----------------------------------------------------------------------------*/
	body {
		overflow-x: hidden;	/* ★ 横方向はみ出した部分を非表示にする */
		background:#FFF;
		font-family: "NotoSans", "NotoSansCJKjp","游ゴシック体", YuGothic,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
					"メイリオ", Meiryo, Osaka, helvetica, arial, sans-serif;
	}
	main {
		margin:0 auto 0 auto;
		width:100%;
		overflow-x: hidden;	/* ★ 横方向はみ出した部分を非表示にする */
		overflow-y: hidden;	/* ★ 縦方向はみ出した部分を非表示にする */
	}
	@media screen and (max-width:768px) {
		main {
			margin:0 auto 0 auto;
		}
	}
	main #waveCanvas {
		background-color:#FFF;
	}

	main #emcontact {		/* CONTACT e-mail ◆ */
		display:none;
		position:absolute;
		top:850px;
		top:830px;
		left:0;
		right:0;
		margin:auto;
		width:440px;
		height:70px;
		width:470px;
		height:80px;
		z-index:9;
	}
	main #emcontact a {
		display:block;
		width:470px;
		height:80px;
		text-align:center;
		font-size:24px;
		line-height:1.0em;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #fff;
		padding:25px 0 0 0;
		background-color:#77a69d;	/* misho-green */
		background-color:#688b8d;	/* misho-green02 */
		border-radius:40px;
	}
	main #emcontact a:hover {
		display:block;
		width:470px;
		height:80px;
		background-color:#BDC3C7;	/* Siver */
		border-radius:40px;
	}

	main #telcontact {		/* CONTACT tel ◆ */
		display:block;
		position:absolute;
		top:650px;
		left:15%;
		width:480px;
		height:150px;
		padding-bottom:30px;
		background-color:#fff;
		z-index:999;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
			box-shadow: 0 0 5px #ccc;
	}
	main #telcontact>h2 {
		display:block;
		margin: 0  auto 0 auto;
		text-align:center;
		font-size:16px;
		line-height:2.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #fff;
		background-color:#688b8d;	/* misho-green02 */
		border-top-left-radius:10px;
		border-top-right-radius:10px;
			box-shadow: 0 0 5px #aaa;
	}
	main #telcontact>p>img {
		display:block;
		margin: 0  auto 0 auto;
		padding: 20px 0 10px 0;
	}
	main #telcontact>p.mvtxt01 {
		margin: 0  auto 0 auto;
		text-align:center;
		font-size:14px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color: #333;
		padding:0 20px 20px 20px;
	}
	@media screen and (max-width:768px) {

		main #emcontact {		/* CONTACT e-mail ◆ */
			display:block;
			position:absolute;
			top:710px;
			left:0;
			right:0;
			margin:auto;
			width:320px;
			height:50px;
			z-index:9;
		}
		main #emcontact a {
			display:block;
			width:320px;
			height:50px;
			text-align:center;
			font-size:21px;
			line-height:1.0em;
			font-weight:bold;
			font-family: "Noto Serif JP", serif;
			font-display: swap;
			letter-spacing:1px;
			color: #fff;
			padding:14px 0 0 0;
			background-color:#48B6BC;	/* misho-green02 */
			border-radius:25px;
		}
		main #emcontact a:hover {
			display:block;
			width:300px;
			height:45px;
			background-color:#BDC3C7;	/* Siver */
			border-radius:25px;
		}

		main #telcontact {		/* CONTACT tel ◆ */
			display:block;
			position:absolute;
			top:650px;
			left:15%;
			width:480px;
			height:150px;
			padding-bottom:30px;
			background-color:#fff;
			z-index:999;
			border-top-left-radius:10px;
			border-top-right-radius:10px;
				box-shadow: 0 0 5px #ccc;
		}
		main #telcontact {		/* CONTACT tel ◆ */
			display:block;
			position:absolute;
			top:585px;
			left:0;
			right:0;
			margin:auto;
			width:90%;
			height:130px;
			padding-bottom:0px;
			z-index:999;
			border-top-left-radius:10px;
			border-top-right-radius:10px;
				box-shadow: 0 0 3px #aaa;
		}
		main #telcontact>h2 {
			margin: 0  auto 0 auto;
			text-align:center;
			font-size:13px;
			line-height:2.5em;
			font-weight:normal;
			letter-spacing:1px;
			color: #fff;
			background-color:#688b8d;	/* misho-green02 */
			border-top-left-radius:10px;
			border-top-right-radius:10px;
				box-shadow: 0 0 3px #aaa;
		}
		main #telcontact>p>img {
			display:block;
			margin: 0  auto 0 auto;
			padding: 20px 0 10px 0;
		}
		main #telcontact>p.mvtxt01 {
			margin: 0  auto 0 auto;
			text-align:center;
			font-size:14px;
			line-height:1.8em;
			color: #333;
			padding:0 20px 20px 20px;
		}
	}

/* ● MainConents  SPLASH */

	/*========= ローディング画面のためのCSS ===============*/
	#splash {
		width: 100%;
		height: 100%;
		z-index: 9999999;
		text-align:center;
	}
	#splash-cont {
		position: absolute;
		top: 33%;
		left: 0;
		right: 0;
		margin:auto;
		font-size:55px;
		line-height:2.0em;
		letter-spacing:0.1em;
		font-weight:bold;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#fff;
	}
	#splash-cont>p {
		color:#fff;
	}
	#splash-cont img {
		display:block;
		margin: 80px auto 0 auto;
		width:447px;
		height:101px;
	}

/*========= 画面遷移のための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:#d4dada;	/* 伸びる背景色の設定 misho-gray01 */
	}
	@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:#BD6856;	/* 伸びる背景色の設定 nishiya-pink */
		background-color:#d4dada;	/* 伸びる背景色の設定 misho-gray01 */
	}
	@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:#BD6856;		/*appear 背景色 nishiya-pink */
		background:#d4dada;		/*appear 背景色 misho-gray01 */
	}

	/* @media screen and (max-width:767px)以外のレイアウトは非表示 */
	#section02 .sec02_bg{
		display: none;
	}

	@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%;
		}
		#splash-cont {
			position: absolute;
			top: 45%;
			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: 30px auto 0 auto;
			width:447px;	
			height:101px;
			width:358px;		/* 80% */
			height:81px;
		}
	}

/* ● MainConents   */
	main {
		background-color:#FFF;
	}
	#top-main{
		margin: 80px auto 0 auto;
		width:100%;
		height: 300px;
		background:#fff;
		padding-left:35%;
		position: relative;
	} 
	.top-lead{
/*		position:absolute;
		top:50px;
		left:5%;
		right:0;*/
		margin: 0 auto 0 auto;
		width:35%;
		width:100%;
		margin:auto;
		font-size:50px;
		line-height:1.6em;
	}
	.top-lead .bgappearTrigger {
		letter-spacing:2px;
		font-weight:bold;	/* 700 */
		font-weight:800;	
		color:#666;
		text-align:left;
	}

/* ■ こんなお悩みを実正が解決します section01 --------------------------*/

	#section01 {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:50px;
		background:linear-gradient(180deg,#5097E0 0%,#5097E0 2.2%,#F4F4F4 2.2%,#F4F4F4.7%, white 7%,white 100% );	/* ★ */
		position:relative;
	}
	#section01 #crwn {
		margin: 0 auto 0 auto;
		width: 100%;
		height:200px;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		padding-top:0;
		padding-bottom:30px;
		background-image:url("../images/bg/daarow01.png");
		background-size:	1143px 141px;
		background-position:	center top 30px;
		background-repeat:no-repeat;
		border-top: 5px solid #f4f4f4;
	}
	#section01 #crwn>p {
		margin: 0 auto 0 auto;
	}
	#section01 #crwn>p img {
		display:none;
	}
	#section01 .sectitle {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 180px;
		padding-bottom:0;
	}
	#section01 .sectitle>h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 70%;
		text-align:center;
		font-size:44px;
		line-height:1.6em;
		letter-spacing:1px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #555;
		padding-top:30px;
		padding-bottom:30px;
		border-bottom: 1px solid #231f20;		/* misho-black */
	}
	#section01 h3 {
		display:none;
	}
	#section01 .cont01 {	/* □ オウンドメディアの悩みはありませんか？-------------*/
		margin:80px auto 0 auto;
		width:70%;
/*		height:480px;	*/
		padding-top:20px;
		padding-bottom:30px;
		position:relative;
	}
	#section01 .cont01>h2 {
		display:block;
		margin: 0 auto 0 auto;
		width:80%;
		text-align:center;
		font-size:36px;
		letter-spacing:1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #333;
		padding-top:50px;
		padding-bottom:30px;
		border-bottom: 1px solid #0B52A4;		/* sbmc-blue01 */
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section01 .cont01 .secimg01 img {
		display:block;
		width:100%;
 	}
	#section01 .cont01>ul.secul01 {
		margin: 0 auto 0 auto;
		width: 100%;
		background-image:url("../images/secimg/sec0103.png");
		background-size: cover;
		background-repeat:no-repeat;
	}
	#section01 .cont01>ul.secul01 li {
		width: 100%;
		color:#333;
		padding-bottom:0px;
	}
	#section01 .cont01>ul.secul01 li>p {
		width: 100%;
		height:50px;
		font-size:26px;
		line-height:1.8em;
		letter-spacing:1.5px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding:0px 0 50px 130px;
		background-image:url("../images/icon/item-icon.png");
		background-size:	26px 28px;
		background-position:	left 9% top 10px;
		background-repeat:no-repeat;
	}
	#section01 .cont01>ul.secul01 li>p .bline {
		color:#555;
	}

	@media only screen and (min-width: 1600px) and (max-width: 1750px) {	/*◇ PC-S */

		#section01 .cont01>ul.secul01 li>p {
			font-size:25px;
			line-height:1.8em;
		}

	}
	@media only screen and (min-width: 1400px) and (max-width: 1600px) {	/*◇ PC-S */

		#section01 .sectitle h2 {
			font-size:38px;
			padding-bottom:20px;
		}
	}
	@media only screen and (min-width: 993px) and (max-width: 1600px) {	/*◇ PC-S */

		#section01 #crwn {
			margin: 0 auto 0 auto;
			width: 60%;
			height:180px;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			padding-top:0px;
			padding-bottom:30px;
			background-image:url("../images/bg/daarow01.png");
			background-size:	914px 113px;
			background-position:	center bottom 0;
			background-repeat:no-repeat;
		}
		#section01 .cont01 {
			margin:50px auto 0 auto;
			width:70%;
			padding-top:0px;
			padding-bottom:30px;
		}
		#section01 .cont01>ul.secul01 li>p {
			font-size:23px;
			line-height:1.8em;
		}
	}

	@media screen and (max-width:768px) {

		#section01 {
			margin:30px auto 0 auto;
			width:100%;
			padding-bottom:20px;
		}
		#section01 #crwn {
			display: none;
		}
		#section01 .sectitle {
			margin: 0 auto 0 auto;
			width: 100%;
			height: 80px;
			padding-bottom:0;
		}
		#section01 .sectitle>h2 {
			width:90%;
			font-size:18px;
			letter-spacing:0px;
			line-height:1.5em;
			font-weight:bold;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			padding-top:30px;
			padding-bottom:10px;
		}
		#section01 .cont01 {
			margin:30px auto 0 auto;
			width:90%;
			height:auto;
			display: block;
			padding-top:0;
			padding-bottom:0;
			background:none;
		}
		#section01 .cont01 .secimg01 {
			display:block;
			position:absolute;
			top:0;
			left:80%;
			z-index:0;
			width:125px;
			height:138px;
			width:83px;
			height:69px;
		}
		#section01 .cont01 .secimg01 img {
			display:block;
			width:100%;
		}
		#section01 .cont01>ul.secul01 {
			margin: 20px auto 0 auto;
			width: 100%;
			background-image: url("../images/secimg/sec0103-sp.png");
			background-size: cover;
			background-repeat: no-repeat;
			padding-bottom: 50px;
		}
		#section01 .cont01>ul.secul01 li {
			margin: 0 auto 0 auto;
			width: 100%;
		}
		#section01 .cont01>ul.secul01 li>p {
			width: 100%;
			height: 34px;
			font-size:13px;
			line-height:1.5em;
			color:#555;
			padding:10px 0 0 30px;
			background-image:url("../images/icon/item-icon.png");
			background-size:	18px 20px;	/* 70% */
			background-position:	left 2% top 8px;
			background-repeat:no-repeat;
		}
		#section01 .cont01>ul.secul01 li .num {	/* ◎ */
			position:absolute;
			top:0px;
			left:0px;
			width:70px;
			height:70px;
			border-radius: 50%;
			background-color:#688b8d;	/* misho-green02 */
			z-index:1;
		}
		#section01 .cont01>ul.secul01 li .num .circle {
			margin:0 auto 0 auto;
			width:70px;
			height:70px;
			background: url( "../images/icon/circle.svg" ) no-repeat;
			background-size: 55px 55px;
			background-position:center center;
		}
		#section01 .cont01>ul.secul01 li .num .circle {
			margin:0 auto 0 auto;
			width:70px;
			height:70px;
			background: url( "../images/icon/circle.svg" ) no-repeat;
			background-size: 55px 55px;
			background-position:center center;
		}
		#section01 .cont01>ul.secul01 li .num .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#section01 .cont01>ul.secul01 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);
			}
		}
		#section01 .cont01>ul.secul01 li .num .number {
			position:absolute;
			top:27%;
			left:0;
			right:0;
			margin:auto;
			text-align:center;
			font-size:10px;
			line-height:1.8em;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-family: 'Futura medium bt', sans-serif;
			font-display: swap;
			letter-spacing:0.5px;
			color:#fff;
		}
		#section01 .cont01>ul.secul01 li .num .number span {
			color:#fff;
			font-size:14px;
			padding-left:0px;
		}
		#section01 .cont01>ul.secul01 li .num .number span {
			color:#fff;
			font-size:14px;
			padding-left:5px;
		}

		#section01 .cont01>ul.secul02 {
			margin: 20px auto 0 auto;
			width: 90%;
		}
		#section01 .cont01>ul.secul02 li {
			margin: 0 auto 10px auto;
			width: 100%;
			font-size:13px;
			line-height:1.6em;
			color:#333;
			padding:0 0 0 25px;
			background-image:url("../images/icon/logo-icon01.png");
			background-size:	20px 21px;
			background-position:	left 0 center;
			background-repeat:no-repeat;
		}

		#section01 .sec02sym {
			display:none;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section01 {
			margin:50px auto 0 auto;
			width:100%;
			padding-bottom:20px;
			background:linear-gradient(90deg,#F1F3F6 0%,#F1F3F6 35%,white 35%,white 100%);
		}
		#section01 .sectitle {
			margin: -20px auto 0 auto;
			margin: 0 auto 0 auto;
		}
		#section01 .sectitle>h2 {
			width:100%;
			font-size:20px;
			letter-spacing:0px;
			line-height:1.5em;
			color: #555;
			font-weight:bold;
			padding-top:0;
			padding-bottom:0;
		}
		#section01 .cont01 {
			margin:10px auto 0 auto;
			width:100%;
			display: block;
			padding-top:0;
			padding-bottom:20px;
			background:none;
			border-bottom: 1px solid #CCC;
		}
		#section01 .cont01>h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:18px;
		}
		#section01 .cont01>ul.secul01 {
			margin: 40px auto 0 auto;
			width: 85%;
		}
		#section01 .cont01>ul.secul01 li>p {
			width: 100%;
			height:80px;
			font-size:18px;
			line-height:1.5em;
			color:#333;
			padding:10px 0 0 90px;
			background-image:url("../images/icon/logo-icon01.png");
			background-size:	20px 22px;
			background-position:	left 12% bottom 10px;
			background-repeat:no-repeat;
		}
		#section01 .cont01 .secimg01 {
			display:block;
			position:absolute;
			top:15%;
			left:75%;
			z-index:0;
	/*		width:416px;
			height:461px;	*/
			width:166px;
			height:184px;
		}
		#section01 .cont01 .secimg02 {
			display:block;
			position:absolute;
			bottom:5%;
			left:75%;
			z-index:0;
	/*		width:383px;
			height:461px;	*/
			width:153px;
			height:184px;
		}

		#section01 .sec02sym {
			display:none;
		}
	}

/* ■ 実正の7つの強み  section02 ---------------------------------------*/

	#section02 {
		margin:100px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:0px;
		background-color:#FFF;
		position:relative;
	}
	#section02 .sectitle {
		margin: -80px auto 0 auto;
		margin: 0 auto 0 auto;
		width: 100%;
		height: 200px;
		padding-top:0px;
		padding-bottom:0;
	}
	#section02 .sectitle h2 {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		width: 70%;
		font-size:48px;
		line-height:1.8em;
		letter-spacing:1.0px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding:0 0 20px 0;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section02 .sectitle h2 .span_st {
		font-size: 74px;
		color: #555;
	}
	#section02 .sectitle>p {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:30px;
		line-height:1.8em;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1.8px;
		color: #BDC3C7;		/* Siver */
		padding:15px 0 50px 0;
	}
	#section02 .merit_txt{
		background-color: #F0F5FA;
		padding: 0 15px 15px;
		color: #555;
	}
	#section02 .merit_txt .merit_title{
		text-align: center;
		padding: 15px 0 6px;
		font-weight: bold;
	}
	#section02 .symtxt {
		position:absolute;
		top:4.75%;
		top:30px;
		right:15%;
		font-size:30px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #333;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	#section02>.introduction {
		margin:0 auto 0 auto;
		width:70%;
		height:100%;
		max-height:130px;
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding:20px 0 80px 0;
		background-color:transparent;
	}
	#section02 .content {
		margin:20px auto 0 auto;
		width:100%;
/*		height:1350px;	*/
/*		height:2000px;	*/
		padding-top:50px;
		padding-bottom:80px;
		background:linear-gradient(rgba(000, 000, 000, 0.05), rgba(000, 000, 000, 0.05)),
		url("../images/bg/info_back.jpg") no-repeat;
		background-size: cover;
		background-position: center bottom 0;
		background-attachment:fixed;
	}
	#section02 .cont {
		margin:20px auto 0 auto;
		width:70%;
		padding:30px 0 30px 0;
		background-color:#FFF;
		position:relative;
			border-radius:15px;  
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			box-shadow: 0 0 5px #ccc;
	}
	#section02 .cont>.gimg {
		margin:20px auto 30px auto;  
		width:80%;
		text-align:center;
		padding:30px 0 60px 0;
		border-top-left-radius:50px;
		position:relative;
	}
	#section02 .cont>.gimg>li.num {	/* ◎ */
		position:absolute;
		top:15px;
		left:20px;
		width:100px;
		height:100px;
		border-radius: 50%;
		background-color: #A4A4A4;	/* misho-green02 */
		z-index:1;
	}
	#section02 .cont>.gimg>li.num .circle {
		margin:0 auto 0 auto;
		width:100px;
		height:100px;
		background: url( "../images/fview/circle.svg" ) no-repeat;
		background-size: 85px 85px;
		background-position:center center;
	}
	#section02 .cont>.gimg>li.num .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#section02 .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);
		}
	}
	#section02 .cont>.gimg>li.num .number {
		position:absolute;
		top:23%;
		left:0;
		right:0;
		margin:auto;
		text-align:center;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1px;
		color:#fff;
	}
	#section02 .cont>.gimg>li.num .number span {
		color:#fff;
		font-size:45px;
		padding-left:0px;
	}
	#section02 .cont02>.gimg>li.num .number span {
		color:#fff;
		font-size:30px;
		padding-left:10px;
	}
	#section02 .cont>.gimg>li>img {
		float:right;
		padding:0 0 30px 30px;
	}
	#section02 .cont>.gimg>li.cap {
		margin:0 auto 10px auto;
		width:100%;
		text-align:center;
		font-size:36px;
		line-height:1.8em;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding-top:8px;
	}
	#section02 .cont>.gimg>li.cap .sp_br {
		display:none;
	}
	#section02 .cont>.gimg>li.capex {
		font-size:19px;
		padding-left:70px;
	}
	#section02 .cont>.gimg>li.txt {
		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: #222;
		padding-top:20px;
	}
	#section02 .cont>.gimg>li.fig {		/* ◆図 */
		margin:0 auto 0 auto;  
		width:100%;
	}
	#section02 .cont>.gimg>li.figtop {
		padding-bottom:5px;
	}
	#section02 .cont>.gimg>li.fig .h3 {	
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:500;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #222;
		padding-top:20px;
	}
	#section02 .cont>.gimg>li.fig .fig_sp {
		display:none;
	}
	#section02 .cont>.gimg>li.fig .fig_pc {
		display:block;
		margin:30px auto 30px auto;
	}	
	#section02 .cont>.gimg>li.fig .fig_pc>img {
		display:block;
		margin:0 auto 0 auto;
		width: 732px;
	}
	#section02 .cont > .gimg > li.fig .fig_pc img[alt="実正オリジナル原料の具体例"] {
		width: 732px;
		height: auto;    /* 縦横比を維持 */
		margin-top: 20px;
	}
	#section02 .cont > .gimg > li.fig .fig_pc img[alt="レディメイド製品商品化の流れ"] {
		width: 670px;
		height: auto;    /* 縦横比を維持 */
	}

	#section02 .cont>.gimg>li.fig .fig_sp {
		display:none;
	}
	#section02 .cont>.gimg>li.table {	/* ◆表 --------*/
		margin:30px auto 30px auto;
		width: 100%;
	}
	#section02 .cont>.gimg>li.table .h3 {	
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:500;
		font-style: normal;
		font-display: swap;
		letter-spacing:1px;
		color: #222;
	}
	#section02 .cont>.gimg>li.table #tbsp {
		display:none;
	}
	#section02 .cont>.gimg>li.table #tbpc {
		margin: 20px auto 20px auto;
		width: 80%;
		text-align:center;
	}
	#section02 .cont>.gimg>li.table table {
		margin: 0 auto 0 auto;
		width: 100%;
		border-collapse:collapse;
		padding:0;
		z-index:1;
	}
	#section02 .cont>.gimg>li.table table, th, td {
		border: none;
	}
	#section02 .cont>.gimg>li.table table tr {
		width: 100%;
		padding:0px;
		font-size:14px;
		color:#222;
	}
	#section02 .cont>.gimg>li.table table tr.t_head  {
		padding:10px;
		color:#FFF;
		background-color:#3f6d6c;		/* misho-green01 */
	}
	#section02 .cont>.gimg>li.table table tr.t_head  th {
		color:#FFF;
		background-color:#48B6BC;	/* misho-green02 */
	}
	#section02 .cont>.gimg>li.table table  tr th {
		width:25%;
		text-align:center;
		font-size:14px;
		line-height:1.0em;
		line-height:2.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		padding: 7px 7px 2px 5px;
		background-color:#FBFBFB;
		border-left: 1px solid #BDC3C7;	/* Siver */
		border-right: 1px solid #BDC3C7;	/* Siver */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#section02 .cont>.gimg>li.table table.tbtwoc tr th {
		width:40%;
	}
	#section02 .cont>.gimg>li.table table  tr td {
		text-align:left;
		padding:7px;
		padding-left:20px;
		padding-right:20px;
		line-height:1.5em;
		color:#333;
		border-right: 1px solid #BDC3C7;	/* Siver */
		border-bottom: 1px solid #BDC3C7;	/* Siver */
		background-color:#FFF;
	}
	#section02 .cont>.gimg>li.table table tr.t_head  td {
		text-align:center;
		color:#FFF;
		background-color:#48B6BC;	/* misho-green02 */
	}
	#section02 .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;
	}
	#section02 .contex>h3 {
		margin: 0 auto 30px auto;
		width: 100%;
		text-align:center;
		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;
		line-height:1.7em;
		color: #222;
		padding-bottom:15px;
		border-bottom: 1px solid #BDC3C7;	/* Siver */
	}
	#section02 .contex .mrtimg {
		margin:0 auto 0 auto;  
		width:30%;
	}
	#section02 .contex .textbox {
		margin:0 auto 0 auto;  
		width:70%;
	}
	#section02 .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;
	}
	#section02 .cont>.gimg>li.cap_img img {
		width: 740px;
		height: 240px;
		float: none;
	}
	#section02 .cont>.gimg>li.cap_img .cap_five{
		width: fit-content;
		height: auto;
	}
	@media only screen and (min-width: 993px) and (max-width: 1600px) {	/*◇ PC-S */

		#section02 {
			margin:50px auto 0 auto;
		}
		#section02 .sectitle h2 {
			font-size:48px;
		}
		#section02 .symtxt {
			position:absolute;
			top:90px;
			right:12%;
			font-size:28px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			transform: rotate(-7deg);	/*◇斜体 */
		}
		#section02 .cont {
			margin:20px auto 0 auto;
			width:80%;
			padding:30px 0 30px 0;
			background-color:#FFF;
			position:relative;
				border-radius:15px;  
				-moz-border-radius:15px;
				-webkit-border-radius:15px;
				box-shadow: 0 0 5px #ccc;
		}
		#section02 .cont>.gimg {
			margin:20px auto 30px auto;  
			width:82%;
			text-align:center;
			padding:20px 0 60px 0;
			border-top-left-radius:50px;
			position:relative;
		}
		#section02 .cont>.gimg>li.cap {
			font-size:36px;
			padding-top:0;
			margin-bottom: 50px;
		}
		#section02 .cont>.gimg>li.fig .fig_pc {
			margin: 10px auto 30px auto;
		}
		#section02 .cont>.gimg>li>img {
			float:right;
			padding:0 0 25px 25px;
			width:35%;
		}
		#section02 .cont>.gimg>li.num {	/* ◎ */
			position:absolute;
			top:15px;
			left:20px;
			width:80px;
			height:80px;
			border-radius: 50%;
			background-color:#A4A4A4;	/* misho-green02 */
			z-index:1;
		}
		#section02 .cont>.gimg>li.num .circle {
			margin:0 auto 0 auto;
			width:80px;
			height:80px;
			background: url( "../images/fview/circle.svg" ) no-repeat;
			background-size: 70px 70px;
			background-position:center center;
		}
		#section02 .cont>.gimg>li.num .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#section02 .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);
			}
		}
		#section02 .cont>.gimg>li.num .number {
			position:absolute;
			top:25%;
			left:0;
			right:0;
			margin:auto;
			text-align:center;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:1px;
			color:#fff;
		}
		#section02 .cont>.gimg>li.num .number span {
			color:#fff;
			font-size:35px;
			padding-left:0px;
		}

	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#section02 .cont>.gimg>li.cap {
			font-size:36px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section02 {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:0;
			padding-bottom:0;
		}
		#section02>.introduction {
			margin:0 auto 0 auto;
			width:70%;
			height:100%;
			max-height:130px;
			text-align:left;
			font-size:14px;
			line-height:1.8em;
			font-weight:bold;
			color:#333;
			padding:10px 0 30px 0;
			background-color:transparent;
		}
		#section02 .cont {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin:0 auto 0 auto;
			width:95%;
			padding:10px 0 0 0;
		}
		#section02 .cont>.gimg {
			margin:0 auto 20px auto; 
			width:47%;
			text-align:center;
			padding:20px 0 20px 0;
		}
		#section02 .cont>.gimg>li img {
			box-shadow: 0 0 15px #ccc;
		}
		#section02 .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;
		}
		#section02 .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;
		}
		#section02 .cont>.gimg>li.num {	/* ◎ */
			position:absolute;
			top:-10px;
			left:-10px;
			width:85px;
			height:85px;
			border-radius: 50%;
			background-color:#A4A4A4;	/* misho-green02 */
			z-index:1;
		}
		#section02 .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;
		}
		#section02 .cont>.gimg>li.num .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#section02 .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);
			}
		}
		#section02 .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;
		}
		#section02 .cont>.gimg>li.num .number span {
			color:#fff;
			font-size:18px;
			padding-left:5px;
		}
		#section02 .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;
		}
		#section02 .cont>.gimg>li.txt {
			font-size:13px;
			line-height:1.7em;
			padding-top:10px;
		}
		
	}

	@media screen and (max-width:767px) {

		#fview{
			position: relative;
		  z-index: 1;
		}
		#viewerSP::before {
		  content: "";
		  position: absolute;
		  inset: 0;
		  z-index: -1;
		  box-shadow: 0 0 0 40px white;
		}
		#section01{
			z-index: 1;
		}

		#viewerSP::before {
		  content: "";
		  position: absolute;
		  inset: 0;
		  z-index: -1;
		  box-shadow: 0 0 0 40px white;
		}
		.sectitle{
			position: relative;
			z-index: 1;
		}
		.sectitle::before {
		  content: "";
		  position: absolute;
		  inset-block: 0; /* 上下だけ40px拡張 */
		  inset-inline: 0;    /* 左右は変えない */
		  z-index: -1;
		}

		#section02 .bg_w{
			margin-top: -30px;
			padding-top:30px;
			background: white;
		  position: relative;
		  z-index: 2;
		}

		#section02 .bg_w::before {
		  content: "";
		  position: absolute;
		  inset: 0;
		  z-index: -1;
		  box-shadow: 30px 0 0 0 white;
		}

		#section02 {
			margin:0 auto 0 auto;
			width:100%;
			background-color:transparent;
			position:relative;
			border-top: 5px solid #F9F7F1;		/* beige-gray */
		}
		#section02 .sec02_bg{
			display: block;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			object-fit: cover;
		}
		#section02 .bg_w{
			margin-top: -30px;
			padding-top:30px;
			background: white;
		  position: relative;
		  z-index: 2;
		}

		#section02 .bg_w::before {
		  content: "";
		  position: absolute;
		  inset: 0;
		  z-index: -1;
		  box-shadow: 30px 0 0 0 white;
		}
		#section02 .sectitle {
			margin:30px auto 0 auto;
			width: 90%;
			height: 100px;
			padding-top:0;
			padding-bottom:0;
		}
		#section02 .sectitle h2 {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			width: 80%;
			font-weight:bold;
			font-size:24px;
			line-height:1.7em;
			letter-spacing:0.5px;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			padding:0 0 10px 0;
			color: #555;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#section02 .sectitle h2 .span_st{
			font-size:34px;
		}
		#section02 .sectitle>p {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:15px;
			line-height:1.5em;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:1.0px;
			color: #BDC3C7;		/* Siver */
			padding:8px 0 0 0;
		}
		#section02 .symtxt {
			position:absolute;
			top:2%;
			right:10px;
			font-size:17px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			transform: rotate(-7deg);	/*◇斜体 */
			z-index: 2;
		}
		#section02>.introduction {
			margin:0 auto 20px auto;   
			width:90%;
			height:100%;
			max-height:150px;
			text-align:left;
			font-size:12px;
			line-height:1.7em;
			color:#333;
			padding:0px 0 20px 0;
			background-color:#FFF;
		}
		#section02 .content {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:30px;
			padding-bottom:100px;
			background: transparent;
			background-size: initial;
			background-position: initial; 
			background-attachment: initial;
		}

		#section02 .cont {
			display: block;
			margin:0 auto 0 auto;   
			width:95%;
			padding:20px 0 10px 0;
			background-color:#FFF;
			position:relative;
				border-radius:8px;  
				-moz-border-radius:8px;
				-webkit-border-radius:8px;
				box-shadow: 0 0 3px #ccc;
		}
		#section02 .cont>.gimg {
			margin:0px auto 40px auto;  
			width:90%;
			text-align:center;
			padding:0px 0 15px 0;
		}
		#section02 .cont>.gimg>li.num {	/* ◎ */
			position:absolute;
			top:-40px;
			left:-15px;
			top:-10px;
			left:-15px;
			width:50px;
			height:50px;
			border-radius: 50%;
			background-color:#A4A4A4;	/* misho-green02 */
			z-index:1;
		}
		#section02 .cont > .gimg:nth-of-type(1) > li.num,
		#section02 .cont > .gimg:nth-of-type(2) > li.num,
		#section02 .cont > .gimg:nth-of-type(5) > li.num {
		top: 2px;
		}
		#section02 .cont>.gimg>li.num .circle {
			margin:0 auto 0 auto;
			width:50px;
			height:50px;
			background: url( "../images/fview/circle.svg" ) no-repeat;
			background-size: 40px 40px;	/* 50% */
			background-position:center center;
		}
		#section02 .cont>.gimg>li.num .circle::before {
		 	content: '';
		 	padding-top: 50%;
		}
		/* 回転 */
		#section02 .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);
			}
		}
		#section02 .cont>.gimg>li.num .number {
			position:absolute;
			top:37%;
			top:24%;
			left:0;
			right:0;
			margin:auto;
			text-align:center;
			font-size:16px;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:0.5px;
			color:#fff;
		}
		#section02 .cont>.gimg>li.num .number span {
			color:#fff;
			font-size:25px;
			padding-left:0px;
		}
		#section02 .cont>.gimg>li>img {
			padding:0 0 10px 10px;
			width:50%;
		}
		#section02 .cont>.gimg>li.cap {
			margin:0 auto 20px auto;  
			width:95%;
			text-align:center;
			font-size:18px;
			font-weight:bold;
			line-height:1.5em;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			padding-top:0px;
		}
		#section02 .cont>.gimg>li.cap_img img {
			height: 90px;
			padding: 0;
			object-fit: cover;
		}
		#section02 .cont>.gimg>li.cap .sp_br {
			display:block;
		}
		#section02 .cont>.gimg>li.txt {
			font-size:15px;	/* ◇ */
			line-height:1.7em;
			padding-top:10px;
		}
		#section02 .cont02>.gimg>li.txt {
			margin:10px auto 0 auto;  
			width:90%;
			font-size:12px;
			line-height:1.7em;
			padding-top:10px;
		}
		#section02 .cont>.gimg>li.fig {	/* ◆図 */
			margin:0 auto 0 auto;  
			width:100%;
		}
		#section02 .cont>.gimg>li.fig .h3 {	
			font-size:15px;
			line-height:1.7em;
			font-weight:bold;
			letter-spacing:1px;
			padding-top:10px;
		}
		#section02 .cont>.gimg>li.fig .fig_pc {
			display:none;
		}
		#section02 .cont>.gimg>li.fig .fig_sp {
			display:block;
			margin:15px auto 0 auto;
			width:100%;
		}
		#section02 .cont>.gimg>li.fig .fig_sp>img {
			display:block;
			margin:0px auto 0px auto;
			width:733px;
			height:483px;
			width:100%;
			height:auto;
		}
		#section02 .cont>.gimg>li.table {	/* ◆表 --------*/
			margin:10px auto 10px auto;
			width: 100%;
		}
		#section02 .cont>.gimg>li.table .h3 {	
			text-align:center;
			font-size:15px;
			line-height:1.7em;
			font-weight:bold;
			color: #222;
		}
		#section02 .cont>.gimg>li.table #tbsp {
			display:none;
		}
		#section02 .cont>.gimg>li.table #tbpc {
			margin: 10px auto 10px auto;
			width: 100%;
			text-align:center;
		}
		#section02 .cont>.gimg>li.table table {
			margin: 0 auto 0 auto;
			width: 100%;
			border-collapse:collapse;
			padding:0;
			z-index:1;
		}
		#section02 .cont>.gimg>li.table table tr {
			width: 100%;
			padding:0px;
			font-size:11px;
			color:#222;
		}
		#section02 .cont>.gimg>li.table table tr.t_head  {
			padding:3px;
			color:#FFF;
			background-color:#3f6d6c;		/* misho-green01 */
		}
		#section02 .cont>.gimg>li.table table tr.t_head  th {
			color:#FFF;
			background-color:#48B6BC;	/* misho-green02 */
		}
		#section02 .cont>.gimg>li.table table  tr th {
			width:30%;
			text-align:center;
			font-size:11px;
			line-height:1.0em;
			line-height:1.5em;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;

			background-color:#FBFBFB;
			border-left: 1px solid #BDC3C7;	/* Siver */
			border-right: 1px solid #BDC3C7;	/* Siver */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
		}
		#section02 .cont>.gimg>li.table table.tbtwoc tr th {
			width:50%;
		}
		#section02 .cont>.gimg>li.table table  tr td {
			text-align:left;
			padding:7px;
			padding-left:5px;
			padding-right:2px;
			line-height:1.5em;
			color:#222;
			border-right: 1px solid #BDC3C7;	/* Siver */
			border-bottom: 1px solid #BDC3C7;	/* Siver */
			background-color:#FFF;
		}
		#section02 .cont>.gimg>li.table table tr.t_head  td {
			text-align:center;
			color:#FFF;
			background-color:#48B6BC;	/* misho-green02 */
		}
		#section02 .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;
		}
		#section02 .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 */
		}
		#section02 .contex .mrtimg {
			margin:0 auto 0 auto;  
			width:90%;
		}
		#section02 .contex .textbox {
			margin:0 auto 0 auto;  
			width:90%;
		}
		#section02 .contex  .textbox>p.txt {
			margin: 10px auto 10px auto;
			width: 95%;
			font-size: 12px;
			line-height:1.7em;
			color: #333;
		}
	}

	@media screen and (max-width:590px) {

	}

/* ■ OEMが可能な商品例 section03 -----------------------------------------*/

	#section03 {
		margin:160px auto 0 auto;
		width:100%;
		padding-top:0px;
		padding-bottom:10px;
/*		background:linear-gradient(180deg,#d5dbdb 0%,#d5dbdb 2%,white 2%,white 100%);*/
		background:linear-gradient(180deg,#d5dbdb 0%,#d5dbdb 1%,white 1%,white 30%,#d5dbdb 30%,#d5dbdb 70%,white 70%,white 100%);
		position:relative;
	}
	#section03 .sectitle {
		margin: -80px auto 0 auto;
		width: 100%;
		height: 200px;
		padding-top:0px;
		padding-bottom:0;
	}
	#section03 .sectitle h2 {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		width: 70%;
		font-size:48px;
		line-height:1.8em;
		letter-spacing:1.0px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#555;
		padding:0 0 20px 0;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section03 .sectitle>p {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:30px;
		line-height:1.8em;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1.8px;
		color: #BDC3C7;		/* Siver */
		padding:15px 0 50px 0;
	}
	#section03 #wkinf-area {
		margin:10px auto 0 auto;
		width:90%;
		padding:0px 2.5% 0 2.5%;
	}
	#section03 .work-area {
		margin:0 auto 0 auto;
		width:100%;
		position:relative;
	}
	#section03 .work-area h2 {
		margin:10px auto 0 auto;
		width:100%;
		text-align: center;
		font-size:30px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #4B4B4A;		/* taiko-gray03 font */
		letter-spacing: 0.1em;
		padding-bottom:10px;
	}
	#section03 .work-area h4 {
		margin:0 auto 50px auto;
		width:70%;
		font-size:24px;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #333;
		padding:0 0 0 50px;
		background-image:url("../images/icon/logo-icon01.png");
		background-size:26px 29px;
		background-position:left 0 top 8px;
		background-repeat:no-repeat;
	}
	#section03 .work-area .symtxt {
		position:absolute;
		top:-200px;
		right:10%;
		font-size:30px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #333;
		transform: rotate(-7deg);	/*◇斜体 */
		z-index:9;
	}
	#section03 .work-area .guidetxt {
		margin:30px auto 0 30%; 
		width:45%;
		font-size:18px;
		line-height:2.0em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight:500;
		font-style: normal;
		font-display: swap;
		color:333;
		padding-bottom:30px;
	}

	@media screen and (max-width:590px) {
		#section03 .work-area{
			margin:0 auto 20px auto;   
		}
	}
	#section03 .work-area .cont01 {
		margin: 30px auto 0 auto;
		margin-left:12%;
		width:80%;
		display:flex;
		flex-wrap:wrap;
/*		flex-direction:row;	*/
/*		justify-content: space-between;	*/	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
/*		border: 1px solid #BDC3C7;*/	/* Siver */
	}
	#section03 .work-area .cont01 dl,dt,dd {
		display:block;
	}
	#section03 .work-area .cont01>dl {
/*		margin: 0 auto 60px auto;	*/
		margin-bottom:50px;
		margin-right:30px;
		width:30%;
		padding-bottom:30px;
		background-color:#FFF;
		position:relative;
		border-bottom-right-radius	:15px;
		box-shadow: 0 0 10px #ccc;
		z-index:1;
	}
	#section03 .work-area .cont01>dl dt {
		display:block;
		margin: 10px auto 20px auto;
		width:80%;
		text-align:center;
		font-size: 19px;
		line-height:3.0em;
		line-height:1.0em;
		letter-spacing: 0.1em;
		padding:10px 0 10px 0;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color: #555;
		border-left: 5px solid #688b8d;		/* misho-green02 */
	}
	#section03 .work-area .cont01>dl dd {
		margin:0 auto 0 auto;   
		width:100%;
		padding-bottom:10px;
		background-color:#FFF;
	}
	#section03 .work-area .cont01>dl dd.txt01 {
		margin:0 auto 0 auto;   
		width:80%;
		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;
		padding-bottom:10px;
	}
	#section03 .work-area .cont01>dl dd ul {
		margin:20px auto 0 auto;
		width:70%;
	}
	#section03 .work-area .cont01>dl dd li {
		margin:0 auto 0 auto;   
		width:100%;
		padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}
	#section03 .work-area .cont01>dl dd li a {
		margin:0 auto 0 auto;   
		width:100%;
		color:333;
		padding-bottom:0;
	}
	#section03 .work-area .cont01>dl dd li a:hover {
		color: #688b8d;	/* misho-green02 */
	}
	#section03 .work-area .cont01>dl dd.dtbtn {
		position:absolute;
		bottom:20px;
		left:0;
		right:0;
		margin:auto;
		text-align: center;
		padding-top:30px;
	}
	#section03 .work-area .cont01>dl dd.dtbtn 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  16px;
	}
	#section03 .work-area .cont01>dl dd.dtbtn a:hover {
		background	: url("../images/icon/btn-sym01_ov.png") no-repeat;
		background-size:8px 8px;
		background-position: 170px 16px; 
	}
	#section03 .work-area .nlall {
		display: block;
		margin: 35px auto 0px auto;
		position:relative;
	}
	#section03 .work-area .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_ov.png") no-repeat;
		background-size:7px 8px;
		background-position: 15px  16px;
	}
	#section03 .work-area .nlall a:hover {
		background	: url("../images/icon/btn-sym01_ov.png") no-repeat;
		background-size:7px 8px;
		background-position: 170px 16px; 
	}
	#section03 .work-area .circlesym {	/* ◎ */
		position:absolute;
		bottom:10%;
		left:75%;
		width:221px;
		height:221px;
		background: url( "../images/bg/fh-illust0202.png" ) no-repeat;
		background-size: 221px 221px;
		background-position:center 0;
		z-index:1;
	}
	#section03 .work-area .circlesym .circle {
		margin: 0 auto 0 auto;
		width:221px;
		height:221px;
		background: url( "../images/bg/fh-illust02.svg" ) no-repeat;
		background-size: 277px 296px;		/* 70% */
		background-size: 184px 183px;
		background-position:center center;
	}
	##section03 .work-area .circlesym .circle::before {
	 	content: '';
	 	padding-top: 50%;
	}
	/* 回転 */
	#section03 .work-area .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);
		}
	}
	#section03 .work-area .syml {
		position:absolute;
		top:35%;
		left:0;
		right:0;
		margin:auto;
		width:273px;
		height:106px;
		width:191px;
		height:74px;
		text-align:center;
	}
	#section03 .sec01sym {
		display:block;
		position:absolute;
		top:18%;
		right:5%;
		z-index:0;
	}
	#section03 .sec01sym img {
		display:block;
		zoom:0.4;
		z-index:0;
	}

	@media only screen and (min-width: 993px) and (max-width: 1600px) {	/*◇ PC-S */

		#section03 .work-area .cont01 {
			margin: 0 auto 0 auto;
			margin-left:6%;
			width:90%;
		}
		#section03 .sec01sym {
			display:block;
			position:absolute;
			top:0;
			right:0;
		}
		#section03 .sec01sym img {
			display:block;
			z-index:0;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section03 {
			margin:0 auto 0 auto;
			width:100%;
			padding-top:20px;
			padding-bottom:30px;
			background-color:transparent;
			background:linear-gradient(90deg,#F3F8FD 0%,#F3F8FD 30%,white 30%,white 100%);	/* ★ */
		}
		#section03 #wkinf-area{
			margin:0 auto 0 auto;   
			width:95%;
			padding:15px 2.5% 20px 2.5%;
		}
		#section03 .work-area{
			margin:0 auto 0 auto;
			width:100%;
		}
		#section03 .work-area .cont01 {
			margin: 0 auto 0 auto;
			width:100%;
			display:flex;
			flex-wrap:wrap;
			flex-direction:row;
			justify-content: flex-start;		/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		}
		#section03 .work-area .cont01>dl {
			margin: 0 auto 20px auto;
			width:45%;
		}
		#section03 .work-area .cont01>dl dt {
			margin: 20px 0 20px auto;
			width:100%;
			font-weight:bold;
			font-size: 14px;
			line-height:1.7em;
			font-family: "Noto Sans JP", serif;
			font-display: swap;
		}
		#section03 .work-area .circlesym {	/* ◎ */
			display:none;
		}
	}

	@media screen and (max-width:767px) {

		#section03 {
			margin:0 auto 0 auto;
			width:100%;
			background-color:transparent;
			background:linear-gradient(180deg,#BD6856 0%,#F3A68C 10%,white 10%,white 100%);
			background:linear-gradient(180deg,#231f20 0%,#d4dada 10%,white 10%,white 100%);
			background:linear-gradient(180deg,white 0%,white 0%,#d5dbdb 30%,#d5dbdb 95%,white 95%,white 100%);
			padding-top:20px;
			padding-bottom:0;
			border-top: 2px solid #d5dbdb;	/* misho-gray */
		}
		#section03 .sectitle {
			margin:0 auto 0 auto;
			width: 90%;
			height: 80px;
			padding-top:0;
			padding-bottom:0;
		}
		#section03 .sectitle h2 {
			margin:0 auto 0 auto;
			text-align:center;
			width: 80%;
			font-weight:bold;
			font-size:24px;
			line-height:1.7em;
			letter-spacing:0.5px;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			padding:0 0 10px 0;
			color: #555;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#section03 .sectitle>p {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:15px;
			line-height:1.5em;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:1.0px;
			color: #BDC3C7;		/* Siver */
			padding:8px 0 0px 0;
		}
		#section03 #wkinf-area{
			margin:0 auto 0 auto;   
			width:95%;
			padding:0 0 20px 0;
		}
		#section03 .work-area{
			margin:0 auto 0 auto;
			width:100%;
		}
		#section03 .work-area .symtxt {
			position:absolute;
			top:-35px;
			right:0;
			font-size:17px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			transform: rotate(-7deg);	/*◇斜体 */
		}
		#section03 .work-area .guidetxt {
			margin:10px auto 0 auto;   
			width:85%;
			font-size:13px;
			font-weight:bold;
			line-height:1.7em;
			padding-bottom:15px;
		}
		#section03 .work-area .cont01 {
			margin: 10px auto 0 auto;
			width:100%;
			display:block;
			border:none;
		}
		#section03 .work-area .cont01>dl {
			margin: 0 auto 20px auto;
			width:80%;
			padding-bottom:0px;
			border: 1px solid #BDC3C7;	/* Siver */
		}
		#section03 .work-area .cont01>dl dt {
			margin: 10px auto 15px auto;
			width:85%;
			text-align:center;
			font-size: 16px;
			font-weight:bold;
			font-family: "Noto Sans JP", serif;
			font-display: swap;
			color: #555;
			padding:5px 0 5px 0;
			border-left: 3px solid #688b8d;	/* misho-green02 */
		}
		#section03 .work-area .cont01>dl dd {
			margin:0 auto 0 auto;   
			padding-bottom:0;
			width:100%;
		}
		#section03 .work-area .cont01>dl dd.txt01 {
			width:85%;
			font-size:12px;
			font-size:13px;	/* ◇ */
			line-height:1.6em;
			padding-bottom:35px;
			color: #222;
		}
		#section03 .work-area .cont01>dl dd ul {
			margin:0 auto 0 auto;   
			width:90%;
		}
		#section03 .work-area .cont01>dl dd li {
			margin:0 auto 0 auto;   
			width:100%;
			padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#section03 .work-area .cont01>dl dd li a {
			margin:0 auto 0 auto;   
			width:100%;
			padding-bottom:0;
		}
		#section03 .work-area .cont01>dl dd img {
			padding-bottom:10px;
		}
		#section03 .work-area .cont01>dl dd.btn {
			position:absolute;
			bottom:0;
			left:0;
			right:0;
			margin:auto;
			text-align: center;
		}
		#section03 .work-area .cont01>dl dd.dtbtn 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_ov.png") no-repeat;
			background-size:7px 8px;
			background-position: 10px  12px; 
		}
		#section03 .work-area .cont01>dl dd.dtbtn a:hover {

		}
		#section03 .work-area .nlall {
			display: block;
			margin: 20px auto 45px auto;
			position:relative;
		}
		#section03 .work-area .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_ov.png") no-repeat;
			background-size:7px 8px;
			background-position: 10px  12px; 
		}
		#section03 .work-area .nlall a:hover {
		}
		#section03 .work-area .circlesym {	/* ◎ */
			display:none;
		}
		#section03 .sec01sym img {
			display:block;
			width:65%;
		}
		#section03 .sec02sym {
			display:none;
		}
	}

	@media screen and (max-width:590px) {

		#section03 .work-area .img{
			margin:0 auto 30px auto;   
			width:100%;
			z-index: 2;
			text-align:center;
		}
		#section03 .work-area .img img {

			width:85%;
			padding-left:5%;
		}
		#section03 .work-area .content{
			width:100%;
			top:-10px;
			top:-10px;
			animation:none;
			opacity: 1;
			z-index: 1;
		}
		#section03 .work-area:nth-of-type(2n) .content {
			margin-left:5%;
		}
	}

/* ■ 化粧品OEMの流れ section04 -----------------------------------------*/

	#section04 {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
		background-color:#F4F4F4;
		position:relative;
	}
	#section04 .sectitle {
		margin:0 auto 0 auto;
		width: 90%;
		height: 90px;
		padding-top:0;
		padding-bottom:0;
	}
	#section04 .sectitle h2 {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		width: 70%;
		font-weight:bold;
		font-size:24px;
		font-family: "Noto Serif JP", serif;
		font-display: swap;
		line-height:1.7em;
		letter-spacing:0.5px;
		padding:0 0 10px 0;
		color: #555;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section04 .sectitle>p {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:15px;
		line-height:1.5em;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1.0px;
		color: #BDC3C7;		/* Siver */
		padding:8px 0 25px 0;
	}
	#section04 .symtxt {
		position:absolute;
		top:6%;
		right:10px;
		font-size:17px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #333;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	#section04 .comment {
		margin: 0 auto 0 auto;
		width:80%;
		font-size:12px;
		line-height:1.7em;
		color:#333;
		padding:20px 0 10px 0;
	}
	#section04 .contex {
		margin:20px auto 0 auto;   
		width:90%;
		padding:0 0 0 0;
	}
	#section04 .contex h3 {
		margin:10px auto 10px auto;
		width:90%;
		text-align: center;
		font-size:12px;
		font-weight:bold;
		font-display: swap;
		color: #333;
	}
	#section04 .contex .youtube-if {
		margin:0 auto 0 auto;
		width:100%;
		text-align:center;
		padding:20px 0 10px 0;
		background-color:#F4F4F4;
	}
	#section04 .contex .youtube-if iframe {
		margin:-5px auto 0 auto;
		width:100%;
		height:100%;
	}

	@media only screen and (min-width:768px) {	/* PC Layout ◇ */

		#section04 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:80px;
			background-color:#F4F4F4;
			position:relative;
		}
		#section04 .sectitle {
			margin: 50px auto 0 auto;
			width: 100%;
			height: 200px;
			padding-top:0px;
			padding-bottom:0;
		}
		#section04 .sectitle h2 {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			width: 70%;
			font-size:48px;
			line-height:1.8em;
			letter-spacing:1.0px;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			padding:0 0 20px 0;
			color: #555;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#section04 .sectitle>p {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:30px;
			line-height:1.8em;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:1.8px;
			color: #BDC3C7;		/* Siver */
			padding:15px 0 50px 0;
		}
		#section04 .symtxt {
			position:absolute;
			top:5%;
			right:15%;
			font-size:30px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			transform: rotate(-7deg);	/*◇斜体 */
		}
		#section04 .comment {
			margin: 0 auto 0 25%;
			width:60%;
			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:50px 0 30px 0;
		}
		#section04 .contex {
			margin:0 auto 0 auto;
			width:100%;
			padding:0 0 50px 0;
		}
		#section04 .contex h3 {
			margin:30px auto 30px auto;
			width:100%;
			text-align: center;
			font-size:20px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			color: #333;
		}
		#section04 .contex .youtube-if {
			margin:0 auto 0 auto;
			width:70%;
			text-align:center;
			padding:20px 0 10px 0;
			background-color:#777;
		}
		#section04 .contex .youtube-if iframe {
			width:560px;
			height:316px;
		}
	}

	/* ◆　Timeline */
	.cd-timeline__img {
		margin-top:13.5px;
		margin-left:10px;
		width:20px;
		height:20px;
	}
	.cd-timeline__img--picture {	/* ★ */
		background-color:hsl(111, 51%, 60%);
		background-color:#555;	/* misho-green02 */
	}
	.cd-timeline__date {
		font-size:24px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		color:#555;	/* misho-green02 */
	}
	.cd-timeline__content  {
		box-shadow: 1px 1px 10px 1px #3e3a39;
		-webkit-box-shadow: 1px 1px 10px 1px #3e3a39;
		-moz-box-shadow: 1px 1px 10px 1px #3e3a39;
	}
	.cd-timeline__content  h2 {
		margin: 10px auto 10px auto;
		text-align:center;
		font-weight:bold;
		color:#333;
		font-size:18px;
	}
	.cd-timeline__content h2 span {
		font-weight:bold;
		padding-right:3px;
	}
	.cd-timeline__content  p {
 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
		font-size:15px;	/* ◇ */
		color:#333;
	}
	.cd-timeline__content  p.emcontact {
		margin:10px auto 10px auto;
		width:250px;	
		height:32px;
	}
	.cd-timeline__content  p.emcontact a {
		display:block;
		width:250px;	
		height:32px;
		text-align:center;
		font-size:18px;
		line-height: 34px;
		color: #fff;
		background-color:#48B6BC;	/* misho-green02 */
		border-radius:20px;
	}
	.cd-timeline__content  p.emcontact a:hover {
		display:block;
		width:250px;	
		height:32px;
		background-color:#BDC3C7;	/* Siver */
		border-radius:20px;
	}
	.cd-timeline__content  ul {
		margin: 0 auto 0 auto;
		width:100%;
		padding-bottom:5px;
	}
	.cd-timeline__content  li {
		list-style: none;
		font-size:12px;
		line-height:1.6em;
		padding-left:1em;
		text-indent:-1em;	/* 2行目以降1字下げ */
	}

	@media only screen and (min-width:767px) {	/* ◆PC　*/

		.cd-timeline__block {
			position: relative;
			height:auto;
			padding-bottom:30px;
		}
		.cd-timeline__block:nth-child(odd)  .tl-img {
			position: absolute;
			top: 15px;
			left:145%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block:nth-child(even)  .tl-img {
			position: absolute;
			top: 20px;
			left:-100%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block .tl-img  img {
			display:block;
			margin: 0 auto 0 auto;
			zoom:0.75;
		}

		.cd-timeline__img {
			display:-ms-flexbox;
			display:flex;
			-ms-flex-pack:center;
			justify-content:center;
			-ms-flex-align:center;
			align-items:center;
			-ms-flex-negative:0;
			flex-shrink:0;
			width:40px;
			height:40px;
			border-radius:50%;
			box-shadow:0 0 0 4px hsl(0, 0%, 100%),inset 0 2px 0 rgba(0,0,0,0.05),0 3px 0 4px rgba(0,0,0,0.05);
			box-shadow:0 0 0 4px var(--color-white),inset 0 2px 0 rgba(0,0,0,0.05),0 3px 0 4px rgba(0,0,0,0.05)}.cd-timeline__img img{width:24px;
			height:24px
		}
		.cd-timeline__block:nth-child(odd)  .cd-timeline__img {
			width:20px;
			height:20px;
			-ms-flex-order:1;
			order:1;
			margin-top:17px;
			margin-left:calc(5% - 30px);
			margin-left:calc(5% - 9px);
			will-change:transform
		}
		.cd-timeline__block:nth-child(even)  .cd-timeline__img {
			width:20px;
			height:20px;
			-ms-flex-order:1;
			order:1;
			margin-top:17px;
			margin-right:calc(5% - 10.5px);
			will-change:transform;
		}
		.cd-timeline__date {
			margin: 0 auto 0 auto;
			font-size:50px;
			letter-spacing:1px;
		}
		.cd-timeline__content  {
			box-shadow: 1px 1px 10px 1px #3e3a39;
			-webkit-box-shadow: 1px 1px 10px 1px #3e3a39;
			-moz-box-shadow: 1px 1px 10px 1px #3e3a39;
		}
		.cd-timeline__content  h2 {
			margin: 0 auto 20px auto;
			width:90%;
			text-align:center;
			font-weight:normal;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 700;
			font-style: normal;
			font-display: swap;
			font-size:19px;
			letter-spacing:1px;
			padding-bottom:10px;
			border-bottom: 1px solid #231f20;	/* misho-black */
		}
		.cd-timeline__content h2 span {
			font-weight:bold;
			color:#333;		/* misho-black */
			padding-right:7px;
		}
		.cd-timeline__content  p {
			margin: 0 auto 0 auto;
			width:85%;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#333;
			font-size:16px;
			padding-bottom:15px;
		}
		.cd-timeline__content  p.emcontact {
			margin: 20px auto 20px auto;
			width:400px;
			height:64px;
		}
		.cd-timeline__content  p.emcontact a {
			display:block;
			width:400px;
			height:64px;
			text-align:center;
			font-size:24px;
			line-height:1.0em;
			font-family: "Noto Serif JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			letter-spacing:1px;
			color: #fff;
			padding:17px 0 0 0;
			background-color:#48B6BC;	/* misho-green02 */
			border-radius:30px;
		}
		.cd-timeline__content  p.emcontact a:hover {
			display:block;
			width:400px;
			height:64px;
			background-color:#BDC3C7;	/* Siver */
			border-radius:30px;
		}
		.cd-timeline__content  ul {
			margin: 0 auto 0 auto;
			width:90%;
			padding-bottom:15px;
		}
		.cd-timeline__content  li {
			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;
			padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section04 {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:20px;
		}
		.cd-timeline__content {
			margin: 0 auto 0 auto;
		}
		.cd-timeline__content p {
			margin: 0 auto 0 auto;
			width:40%;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#333;
			font-size:13px;
		}
		.cd-timeline__block {
			position: relative;
			height:auto;
		}
		.cd-timeline__block:nth-child(odd)  .tl-img {
			display:none;
			position: absolute;
			top: 15px;
			left:145%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block:nth-child(even)  .tl-img {
			display:none;
			position: absolute;
			top: 20px;
			left:-100%;
			width:340px;
			height:210px;
		}
		.cd-timeline__block .tl-img  img {
			display:block;
			display:none;
			margin: 0 auto 0 auto;
			zoom:0.75;
		}
		.cd-timeline__date {
			display:none;
		}
		.cd-timeline__img {
			display:-ms-flexbox;
			display:flex;
			display:none;
			-ms-flex-pack:center;
			justify-content:center;
			-ms-flex-align:center;
			align-items:center;
			-ms-flex-negative:0;
			flex-shrink:0;
			width:40px;
			height:40px;
			border-radius:50%;
			box-shadow:0 0 0 4px hsl(0, 0%, 100%),inset 0 2px 0 rgba(0,0,0,0.08),0 3px 0 4px rgba(0,0,0,0.05);
			height:24px
		}
		.cd-timeline__block:nth-child(odd)  .cd-timeline__img {
			display:none;
				width:20px;
				height:20px;
				-ms-flex-order:1;
				order:1;
				margin-top:17px;
				margin-left:calc(5% - 30px);
				margin-left:calc(5% - 9px);
				will-change:transform
		}
		.cd-timeline__block:nth-child(even)  .cd-timeline__img {
			display:none;
				width:60px;
				height:60px;
				width:20px;
				height:20px;
				-ms-flex-order:1;
				order:1;
				margin-top:17px;
				margin-right:calc(5% - 10.5px);
				will-change:transform
		}
		.cd-timeline__date {
			font-size:16px;
		}
		.cd-timeline__content  h2 {
			margin: 0 auto 0 auto;
			width:80%;
			font-weight:bold;
			font-size:14px;
			padding-bottom:10px;
		}
		.cd-timeline__content  p {
			margin: 0 auto 0 auto;
			width:80%;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#333;
			font-size:14px;
			padding-left:3%;
		}
		.cd-timeline__content  ul {
			margin: 20px auto 0 auto;
			width:80%;
			padding-bottom:5px;
		}
		.cd-timeline__content  li {
			list-style: none;
			font-size:14px;
			line-height:1.6em;
			padding-left:1em;
			text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#section04 .comment {
			margin: 0 auto 0 auto;
			width:70%;
			font-size:14px;
			line-height:1.7em;
			color:#333;
			padding:20px 0 20px 0;
		}
	}

/* ■ FAQ section05 ----------------------------------------------------------------*/

	#section05 {
		margin:0 auto 0 auto;
		padding-bottom:80px;
		background:linear-gradient(180deg,white 0%,white 35%,#d4dada 35%,#d4dada 75%,white 75%,white 100%);	/* ★ */
		position:relative;;
	}
	#section05 .sectitle {
		margin: 100px auto 0 auto;
		width: 100%;
		height: 200px;
		padding-top:0px;
		padding-bottom:0;
	}
	#section05 .sectitle h2 {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		width: 70%;
		font-size:48px;
		line-height:1.8em;
		letter-spacing:1.0px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		padding:0 0 20px 0;
		color: #555;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section05 .sectitle>p {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:30px;
		line-height:1.8em;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1.8px;
		color: #BDC3C7;		/* Siver */
		padding:15px 0 50px 0;
	}
	#section05 .symtxt {
		position:absolute;
		top:12%;
		right:15%;
		font-size:30px;
		font-weight:bold;
		font-family: "Antro_Vectra";
		font-display: swap;
		color: #333;
		transform: rotate(-7deg);	/*◇斜体 */
	}
	#section05 .cont {
		margin: 0 auto 0 auto;
		width: 70%;
		padding-top:50px;
		padding-bottom:10px;
		background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過98% */
		border-radius:15px;  
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
			box-shadow: 0 0 5px #ccc;
			box-shadow: 1px 1px 10px 1px #aaa;
			-webkit-box-shadow: 1px 1px 10px 1px #aaa;
			-moz-box-shadow: 1px 1px 10px 1px #aaa;
	}
	#section05 .cont section {
		margin: 0 auto 30px auto;
		width: 100%;
	}
	#section05 .cont section>h2 {
		display:block;
		margin: 0 auto 30px auto;
		width: 68%;
		text-align:left;
		font-size:20px;
		line-height:1.5em;
		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-left:15px;
		padding-bottom:7px;
		border-left:3px solid #5B9AFF;		/* icho-blue01 */
	}
	#section05 ul {
		margin:0 auto 80px auto;
		width:100%;
		color:#222;
	}
	#section05 ul li {
	}
	#section05 .cont section>ul li h3 {
		width:90%;
		font-size:17px;
		text-align:left;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
	}
	#section05 ul li .box {
		margin:0 auto 30px auto;
		width:100%;
		max-width:750px;
		background:#EEE;
	}
	#section05 ul li .box p {
		text-align:left;
		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;
	}

	.faq-bg {
		margin: 0 0 200px 25%
		width:90%;
		position: relative;
		height: 50vh;
		background:url("../images/top/pict_06.jpg") no-repeat;
		background-size:contain;
		background-position:  right 17% center;
		background-position:  right 25% center;
	}
	.faq-bg::after{
		content:'';
		position: absolute;
		top:15%;
		left:8%;
		width:80%;
		height:50vh;
		background:#EEE;
		z-index: -1;
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section05 {
			margin:0 auto 40px auto;
			padding-bottom:0px;
			background:linear-gradient(rgba(27, 74, 112, 0.6), rgba(27, 74, 112, 0.6)),
		}
		.faq_trm11 {
			padding-top:0;
		}
		#section05 .cont {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過95% */
				box-shadow: 1px 1px 10px 1px #aaa;
				-webkit-box-shadow: 1px 1px 10px 1px #aaa;
				-moz-box-shadow: 1px 1px 10px 1px #aaa;
		}
		#section05 .cont section {
			margin: 0 auto 0 auto;
			width: 90%;
		}
		#section05 .cont section>h2 {
			display:block;
			margin: 0 auto 20px auto;
			width: 80%;
			text-align:left;
			font-size:18px;
			line-height:1.0em;
			letter-spacing:1px;
			color:#333;
			padding-top:5px;
			padding-left:20px;
			padding-bottom:5px;
			border-left:3px solid #5B9AFF;		/* icho-blue01 */
		}
		#section05 ul {
			margin:0 auto 30px auto;
		}
		#section05 .cont section>ul li h3 {
			width:80%;
			font-size:15px;
			text-align:left;
		}
		#section05 ul li .box {
			margin:0 auto 0 auto;
			width:80%;
		}
	}

	@media screen and (max-width:767px) {

		#section05{
			margin:0 auto 0 auto;
			padding-bottom:0;
			background:linear-gradient(180deg,white 0%,white 35%,#d4dada 35%,#d4dada 85%,white 85%,white 100%);	/* ★ */
		}
		.faq_trm11 {
			padding-top:0;
		}
		#section05 .sectitle {
			margin:0 auto 0 auto;
			width: 90%;
			height: 80px;
			padding-top:0;
			padding-bottom:0;
		}
		#section05 .sectitle h2 {
			margin:30px auto 0 auto;
			width: 100%;
			text-align:center;
			width: 80%;
			font-weight:bold;
			font-size:24px;
			line-height:1.7em;
			letter-spacing:0.5px;
			padding:0 0 10px 0;
			color: #555;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#section05 .sectitle>p {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:15px;
			line-height:1.5em;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:1.0px;
			color: #BDC3C7;		/* Siver */
			padding:8px 0 25px 0;
		}
		#section05 .symtxt {
			position:absolute;
			top:90px;
			right:10px;
			font-size:17px;
			font-weight:bold;
			font-family: "Antro_Vectra";
			font-display: swap;
			color: #333;
			transform: rotate(-7deg);	/*◇斜体 */
		}
		.faq-bg,
		.faq-bg::after{
			height:20vh;
		} 
		.faq-bg::after{
			content:'';
			position: absolute;
			top:15%;
			left:0%;
			width:100%;
			height:40vh;
			background:#EEE;
			z-index: -1;
		}
		#section05 ul {
			margin:0 auto 10px auto;
			width:100%;
		}
		#section05 ul.accordion-area {
			margin:0 auto 30px auto;
		}
		#section05 .cont {
			margin: 0 auto 0 auto;
			width: 70%;
			padding-top:20px;
			padding-bottom:20px;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
			border-radius:8px;  
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
		}
		#section05 .cont section {
			margin: 0 auto 10px auto;
			width: 100%;
		}
		#section05 .cont section>h2 {
			display:block;
			margin: 10px auto 15px auto;
			width: 90%;
			font-size:13px;
			font-weight:bold;
			color:#222;
			padding-top:0;
			padding-left:15px;
			padding-bottom:2px;
			border-left:2px solid #5B9AFF;		/* icho-blue01 */
		}
		#section05 .cont section>ul li h3 {
			width:100%;
			font-weight:bold;
			font-size:15px;
			line-height:1.6em;
			color:#333;
		}
		#section05 ul li .box p {
			font-size:12px;
			font-size:13px;	/* ◇ */
		}
	}

	@media screen and (max-width:550px) {

		#section05{
			margin:0 auto -30px auto;
		}
		.faq-bg{
			margin:0 0 30px auto;
		}
		.faq-bg,
		.faq-bg::after{
			height:20vh;
		} 

		#section05 .cont {
			margin: 20px auto 0 auto;
			width: 95%;
			padding-top:10px;
			padding-bottom:0;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
		}
		#section05 ul {
			margin: 0 auto 0 auto;
			width: 95%;
			padding-bottom:5px;
		}
	}

/* ■ 会社概要 section06 ------------------------------------------------*/

	#section06 {
		margin:0 auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:50px;
		background:linear-gradient(180deg,white 0%,white 60%,#d6dcdc 60%,#d6dcdc 85%,white 85%,white 100%);	/* ★ */
		background:linear-gradient(180deg,white 0%,white 60%,#e2e6e6 60%,#e2e6e6 85%,white 85%,white 100%);	/* ★ */
	}
	#section06 .sectitle {
		margin: 50px auto 0 auto;
		width: 100%;
		height: 200px;
		padding-top:0px;
		padding-bottom:0;
	}
	#section06 .sectitle h2 {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		width: 70%;
		font-size:48px;
		line-height:1.8em;
		letter-spacing:1.0px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		padding:0 0 20px 0;
		color: #555;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section06 .sectitle>p {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:30px;
		line-height:1.8em;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1.8px;
		color: #BDC3C7;		/* Siver */
		padding:15px 0 50px 0;
	}
	#section06 .contents {
		margin:0 auto 0 auto;
		width:70%;
		padding-top:0;
		padding-bottom:50px;
		background-color:rgba( 255,255,255,0.98 );	/*  White  透過98% */
			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;
	}
	#section06 .cont01 {
		margin: 0 auto 0 auto;
		width:85%;
		padding-top:30px;
		padding-bottom:0;
		position:relative;
	}
	#section06 .cont01 img {
		display:block;
		position:absolute;
		top:24%;
		right:5%;
		width:300px;
	}
	#section06 .cont01 .item {
		display:none;
	}
	#section06 .cont01 .item-pc {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:0px;
	}
	#section06 .cont01 .item-pc>h2 {
		display:block;
		margin:0 auto 30px auto;
		width:80%;
		font-size:24px;
		text-align:center;
		line-height:1.8em;
		letter-spacing:0.1px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#333;
		padding-bottom:15px;
		border-bottom: 2px solid #231f20;		/* misho-black */
	}
	#section06 .cont01 .item-pc dl,dt,dd {
		display:block;
	}
	#section06 .cont01 .item-pc dl {
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
		margin: 0 auto 0 auto;
		width:70%;
		padding-bottom:0px;
	}
	#section06 .cont01 .item-pc dt {
		width:20%;
		text-align:right;
		font-size:17px;
		padding:0 0 20px 0;
		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;
	}
	#section06 .cont01 .item-pc dd {
		width:80%;
		text-align:left;
		font-size:17px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		padding:0 0 20px 50px;
		line-height:1.8em;
		color:#222;
	}

	/* ◆ google map  -------*/
	#section06 .cont02 {
		margin: 20px auto 0 auto;
		width:100%;
		padding-top:0;
		padding-bottom:50px;
	}
	#maparea {
		margin: 0 auto 0 auto;
		width: 100%;
		height:650px;
		padding-top:0px;
		padding-bottom:0px;
		position:relative;
	}
	#section06 .cont02 #maparea {	/* □ 固定ヘッダ アンカー位置差分変更 */
		margin-top:-90px;
		padding-top:90px;
	}
	#section06 .cont02  .sec02title02{
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:20px;
	}
	#section06 .cont02  .sec02title02 h3 {
		display:block;
		margin: 0px auto 0 auto;
		width: 80%;
		text-align:center;
		font-size:40px;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:2px;
		color:#555;
		padding-top:0;
		padding-left:0;
	}
	#section06 .cont02  ul.comment {
		margin: 80px auto 0 auto;
		width: 100%;
	}
	#section06 .cont02  ul.comment li {
		margin: 0 auto 0 auto;
		width: 60%;
		text-align:left;
		font-weight:normal;
		font-size:15px;
		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:#333;
	}
	/* map  -------*/
	.accessmap {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 500px;
		position:relative;
	}
	.map-content {
		position: absolute;		/* 親blockに対し中央配置 */
		top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width : 100%;
	}
	.map-content #gmap01 {
		height: 500px;
		background: #eee;
		font-size:10px;
		color: #777px;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "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: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "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: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
					 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
		font-display: swap;
		border: 1px solid #e1deda;
	}
	#section06 .cont02 .adress {		/* ContactAdress ---*/
		margin: 0px auto 0px auto;
		width :100%;
		padding-left:0;
		padding-bottom:0px;
		position: relative;
	}
	#section06 .cont02 .adress dl,dt,dd {
		display:block;
	}
	#section06 .cont02 dl.adress {
		margin: 0px auto 0px auto;
		width :90%;
		padding-left:0;
	}
	#section06 .cont02 .adress dl {
		width :90%;
		font-size:15px;
		text-align:left;
		padding-bottom:50px;
	}
	#section06 .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 */
	}
	#section06 .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;
	}
	#section06 .cont02 .adress #adank {
		padding-top:145px;
		font-size:12px;
	}

	@media only screen and (min-width: 993px) and (max-width: 1600px) {	/*◇ PC-S */

		#section06 .contents {
			margin:80px auto 0 auto;
			width:80%;
			padding-top:30px;
			padding-bottom:30px;
			background-color:rgba( 255,255,255,0.98 );	/*  White  透過98% */
				border-radius:10px;  
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
					box-shadow: 0px 1px 3px 1px #aaa;
					-webkit-box-shadow: 0px 1px 3px 1px #aaa;
					-moz-box-shadow: 0px 1px 3px 1px #aaa;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section06 {
			margin:0 auto 0 auto;
			width:100%;
			padding-bottom:120px;
			background-color:#F0EDE4;			/* Beige-gray02 */
		}
		#section06 .contents {
			margin:20px auto 0 auto;
			width:95%;
			padding-top:0px;
			padding-bottom:0px;
			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;
		}
		#section06 .sech3title {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-top:0;
			padding-bottom:0;
		}
		#section06 .sech3title h3 {
			margin:0px auto 20px auto;
			width:100%;
			font-size:17px;
			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:#333;
			padding-bottom:10px;
			border-bottom: 3px solid #6E3919;	/* sopv-brown03 */
		}
		#section06 .cont01 {
			margin: 0 auto 0 auto;
			width:95%;
			padding-top:10px;
			padding-bottom:5px;
		}
		#section06 .cont01 img {
			display:block;
			position:relative;
			margin:20px auto 0 auto;
			width:80%;
		}
		#section06 .cont01 img {
			display:block;
			position:relative;
			margin:20px auto 50px 33.5%;
			width:45%;
		}

		#section06 .cont01>h3 {
			margin:0 auto 10px auto;
			width:100%;
			font-size:14px;
			line-height:1.7em;
			font-weight:bold;
			color:#444;
		}
		#section06 .cont01>.h3line {
			margin: 0 auto 30px auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#231f20 98%,#231f20 100%);	/* misho-black */
		}
		#section06 .cont01 .item-pc dl {
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			margin: 0 auto 0 7.5%;
			width:95%;
			padding-bottom:10px;
		}
		#section06 .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 */
		}
		#section06 .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;
		}
		#section06 .cont02  .sec02title02{
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:20px;
		}
		#section06 .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;
		}
		#section06 .cont02 #amap01,#amap02 {	/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-90px;
			padding-top:90px;
		}
		#section06 .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;
		}
	}

	@media screen and (max-width:767px) {

		#section06 {
			margin:10px auto 0 auto;
			width:100%;
			padding-top:30px;
			padding-bottom:30px;
			border-bottom: 2px solid #F1F3F6;
			background:linear-gradient(180deg,white 0%,white 35%,#e2e6e6 35%,#e2e6e6 80%,white 80%,white 100%);	/* ★ */
			position: relative;
      z-index: 1;
		}
		#section06 .sectitle {
			margin:0 auto 0 auto;
			width: 90%;
			height: 80px;
			padding-top:0;
			padding-bottom:0;
		}
		#section06 .sectitle h2 {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			width: 80%;
			font-weight:bold;
			font-size:24px;
			line-height:1.7em;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			letter-spacing:0.5px;
			padding:0 0 10px 0;
			color: #555;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#section06 .sectitle>p {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:15px;
			line-height:1.5em;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:1.0px;
			color: #BDC3C7;		/* Siver */
			padding:8px 0 25px 0;
		}
		#section06 .contents {
			margin:0 auto 0 auto;
			width:95%;
			padding-top:0px;
			padding-bottom:20px;
			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;
		}
		#section06 .cont01 {
			margin: 0 auto 0 auto;
			width:95%;
			padding-top:10px;
			padding-bottom:5px;
		}
		#section06 .cont01 img {
			display:block;
			position:relative;
			margin:20px auto 0 auto;
			width:80%;
		}
		#section06 .cont01 .item-pc {
			display:none;
		}
		#section06 .cont01 .item {
			display:block;
			margin: 15px auto 0 auto;
			width: 100%;
			padding-bottom:0;
		}
		#section06 .cont01 .item>h2 {
			display:block;
			margin:0 auto 10px auto;
			width:90%;
			font-size:14px;
			text-align:center;
			line-height:1.8em;
			letter-spacing:0.1px;
			font-weight:bold;
			font-family: "Noto Sans JP", serif;
			font-display: swap;
			color:#333;
			padding-bottom:8px;
			border-bottom:1px solid #231f20;	/* misho-black */
		}
		#section06 .cont01 .item dl {
			margin: 0 auto 7px auto;
			width: 100%;
			font-size:12px;
			font-size:13px;	/* ◇ */
			padding-top:0;
			padding-bottom:0px;
			color:#333;
		}
		#section06 .cont01 .item dt {
			margin: 0 auto 0 auto;
			width: 85%;
			font-weight:bold;
			line-height:1.5em;
		}
		#section06 .cont01 .item dd {
			margin: 0 auto 0 auto;
			width: 85%;
			line-height:1.5em;
		}

		/* ◆ google map  -----------------------------------*/
		#section06 .cont02   {
			margin: 80px auto 0 auto;
			width: 100%;
			padding-bottom:0;
		}
		#maparea {
			margin: 0 auto 0 auto;
			width: 100%;
			height:600px;
			padding-top:0;
			padding-bottom:20px;
			position:relative;
			background-color: #F4F4F4;
		}

		#section06 .cont02  .sec02title02{
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:10px;
		}
		#section06 .cont02  .sec02title02 h3 {
			display:block;
			margin: 0 auto 10px auto;
			width: 90%;
			font-size:16px;
			font-weight:bold;
			text-align:center;
			letter-spacing:5px;
			font-family: "Athelas-Regular";
			font-display: swap;
			color:#555;
			padding-top:20px;
			padding-left:0px;
		}
		#section06 .cont02 #amap01,#amap02 {	/* □ 固定ヘッダ アンカー位置差分変更 */
			margin-top:-45px;
			padding-top:45px;
		}
		#section06 .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;
		}
		#section06 .cont02  ul.comment {
			margin: 20px auto 0 auto;
			width: 100%;
		}
		#section06 .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: 600px;
			position:relative;
		}
		.map-content {
			position: absolute;		/* 親blockに対し中央配置 */
			top: -80px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width : 100%;
		}

		.map-content #gmap01 {
			height: 600px;
			background: #eee;
			font-size:10px;
			color: #777px;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			font-display: swap;
			border: 10px solid #F6F6F6;
		}
		.map-content #gmap02 {
			height: 600px;
			background: #eee;
			font-size:10px;
			color: #777px;
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "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: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
			font-display: swap;
			border: 1px solid #e1deda;
		}
		#section06 .cont02 .adress {		/* ContactAdress ---*/
			width :95%;
			padding-left:5%;
			position: relative;
		}
		#section06 .cont02 .adress dl,dt,dd {
			display:block;
		}
		#section06 .cont02 .adress dl {
			width :100%;
			font-size:12px;
			text-align:left;
			padding-bottom:35px;
		}
		#section06 .cont02 .adress dt {
			float:left;
			clear:left;
			width:20%;
			color:#A4946C;	/* gold01 */
			line-height:24px;
			font-weight:normal;
		}
		#section06 .cont02 .adress dd {
			float:left;
			width:80%;
			line-height:24px;
			color:#444;
		 		padding-left:1em;
			 	text-indent:-1em;	/* 2行目以降1字下げ */
		}
		#section06 .cont02 .adress #adank {
			padding-top:165px;
			font-size:12px;
		}
		#section06 .cont02 .adress a {
			color:#A4946C;	/* gold01 */
		}
		#section06 .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;
		}
	}

/* ■ contact section07 ---------------------------------------------*/

	#section07 {
		margin:80px auto 80px auto;
		width:95%;
		padding-bottom:80px;
		background-color:#fff;
		position:relative;
	}
	#section07 .sectitle {
		margin: 0 auto 0 auto;
		width: 100%;
		height: 200px;
		padding-top:0px;
		padding-bottom:0;
	}
	#section07 .sectitle h2 {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		width: 70%;
		font-size:48px;
		line-height:1.8em;
		letter-spacing:1.0px;
		font-family: "Noto Serif JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		padding:0 0 20px 0;
		color: #555;
		border-bottom: 1px solid #BDC3C7;		/* Siver */
	}
	#section07 .sectitle>p {
		margin:0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:30px;
		line-height:1.8em;
		font-weight:bold;
		font-family: "Athelas-Regular";
		font-display: swap;
		letter-spacing:1.8px;
		color: #BDC3C7;		/* Siver */
		padding:15px 0 50px 0;
	}
	#section07 .symbl01 {
		position:absolute;
		top:-60px;
		right:10%;
		width:240px;
		height:240px;
		z-index:1;
	}
	#section07 .symbl01 img {
		display:block;
	}

	/* ◆PRIVACY POLICY -----------*/

	#section07 #privacy {
		margin:50px auto 80px auto;	
		width:80%;
		height:400px;
		padding:30px 30px 30px 30px;
		overflow:scroll;
		overflow-x: hidden;
		border-bottom:#DDD;
		background-color:#F8F8F8;
	}
	#section07 #privacy h2 {
		text-align:center;
		font-size:20px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding-bottom:20px;
	}
	#section07 #privacy h3 {
		text-align:center;
		font-size:18px;
		line-height:1.8em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222
	}
	#section07 #privacy .h4text {
		margin: 30px auto 30px auto;
		width: 90%;
		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;
	}
	#section07 #privacy dl.ppitem {
		margin: 0 auto 0 auto;
		width: 90%;
		padding-bottom:0px;
		border:#DDD;
	}
	#section07 #privacy dl.ppitem dt {
		margin: 20px auto 10px auto;
		width: 100%;
		font-size:16px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color: #222;
		padding:0 0 0 0;
	}
	#section07 #privacy dl.ppitem dd {
		margin: 0 auto 0 auto;
		width: 95%;
		font-size:15px;
		line-height:1.7em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding:0 0 0 0;
	}
	#section07 #privacy dl.ppitem dd>ul {
 		margin: 0 auto 0 -5%;
		width: 90%;
		padding-left:0;
		padding-bottom:0;
		border-bottom:none;
	}
	#section07 #privacy dl.ppitem dd>ul>li {
		padding-left:1.5em;
		text-indent:-1.5em;	/* 2行目以降1字下げ */
	}
	#section07 #privacy .addr {
		margin: 30px auto 0 auto;
		width: 86%;
		padding-bottom:0px;
		font-size:15px;
		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;
		padding:0 0 0 0;
	}

	@media screen and (max-width:550px) {

		#section07{
			margin:0 auto 0 auto;	/* ★FAQ挿入時取る */
			width:100%;
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#section07{
			margin:100px auto 0 auto;	
			width:100%;
			padding-bottom:50px;
		}
	}

	@media screen and (max-width:767px) {

		.sec07_bg_w{
			margin-top: -30px;
			padding-top:30px;
			background: white;
		  position: relative;
		}

		#section07{
			margin:50px auto 0 auto;
			width:95%;
			padding-bottom:30px;
			background-color:#fff;
		}
		#section07 .sectitle {
			margin:-40px auto 0 auto;
			width: 90%;
			height: 80px;
			padding-top:0;
			padding-bottom:0;
		}
		#section07 .sectitle h2 {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			width: 70%;
			font-weight:bold;
			font-size:24px;
			line-height:1.7em;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			letter-spacing:0.5px;
			padding:0 0 10px 0;
			color: #555;
			border-bottom: 1px solid #BDC3C7;		/* Siver */
		}
		#section07 .sectitle>p {
			margin:0 auto 0 auto;
			width: 100%;
			text-align:center;
			font-size:15px;
			line-height:1.5em;
			font-weight:bold;
			font-family: "Athelas-Regular";
			font-display: swap;
			letter-spacing:1.0px;
			color: #BDC3C7;		/* Siver */
			padding:8px 0 25px 0;
		}
		#section07 .symbl01 {
			position:absolute;
			top:	0px;
			right:10px;
			width:50px;
			height:50px;
			z-index:1;
		}
		#section07 .symbl01 img {
			display:block;
			zoom:0.5;
		}

		/* ◆PRIVACY POLICY -----------*/
		#section07 #privacy {
			margin:20px auto 0 auto;	
			width:95%;
			height:280px;
			overflow:scroll;
			padding:20px 0 20px 0;
		}
		#section07 #privacy h2 {
			font-size:13px;
			line-height:1.7em;
			font-weight:bold;
			color:#222;
			padding-bottom:10px;
		}
		#section07 #privacy h3 {
			font-size:12px;
			line-height:1.7em;
			font-weight:bold;
			color:#222;
		}
		#section07 #privacy .h4text {
			margin: 0 auto 0 auto;
			width: 90%;
			font-size:12px;
			line-height:1.7em;
			font-weight:normal;
			color:#222;
			padding-top:10px;
		}
		#section07 #privacy dl.ppitem {
			margin: 0 auto 0 auto;
			width: 90%;
			padding-bottom:0px;
		}
		#section07 #privacy dl.ppitem dt {
			margin: 10px auto 5px auto;
			width: 100%;
			font-size:12px;
			font-size:13px;	/* ◇ */
			line-height:1.7em;
			font-weight: bold;
			padding:0 0 0 0;
		}
		#section07 #privacy dl.ppitem dd {
			margin: 0 auto 0 auto;
			width: 100%;
			font-size:12px;
			font-size:13px;	/* ◇ */
			line-height:1.7em;
			font-weight:normal;
			color:#222;
			padding:0 0 0 0;
		}
		#section07 #privacy dl.ppitem dd>ul {
	 		padding-left:10px;
			width: 100%;
		}
		#section07 #privacy dl.ppitem dd>ul>li {
			padding-left:1.5em;
			text-indent:-1.5em;	/* 2行目以降1字下げ */
			padding-bottom:2px;
		}
		#section07 #privacy .addr {
			margin: 20px auto 0 auto;
			width: 90%;
			font-size:12px;
			line-height:1.7em;
			color:#222;
		}
	}

	/* ■ 固定ヘッダ アンカー位置差分変更 */

	#sec01 {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec02 {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec03 {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec04 {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec05 {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec06 {
		margin-top:-70px;
		padding-top:70px;
	}
	#sec07 {
		margin-top:-70px;
		padding-top:70px;
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		#sec01 {
			margin-top:-100px;
			padding-top:100px;
		}
		#sec02 {
			margin-top:-70px;
			padding-top:70px;
		}
		#sec03 {
			margin-top:-200px;
			padding-top:200px;
		}
		#sec04 {
			margin-top:-150px;
			padding-top:150px;
		}
		#sec05 {
			margin-top:-200px;
			padding-top:200px;
		}
		#sec06 {
			margin-top:-180px;
			padding-top:180px;
		}
		#sec07 {
			margin-top:-180px;
			padding-top:180px;
		}
	}

