/*----------------------------------------------------------------------------*/
/* 	共通構造 CSS											     */
/*----------------------------------------------------------------------------*/
@charset "UTF-8";

/*==========================================
	基本情報領域
===========================================*/
	body {
		background: #FFF;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro", Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"メイリオ", Meiryo,sans-serif;
	}
	main{
		margin-top:0;
		clear:both;
		display:block;
	}

	/* 要素のはみ出し解決 -------------------------------------------------- */
	main {
		overflow-x: hidden;	/* ★ 横方向はみ出した部分を非表示にする */
		overflow-y: hidden;	/* ★ 縦方向はみ出した部分を非表示にする */
	}
	body {
		overflow-x: hidden;	/* ★ 横方向はみ出した部分を非表示にする */
/*		overflow-y: hidden;	*/	/* ★ 縦方向はみ出した部分を非表示にする */
	}

	body #waveCanvas {
		background-color:#FFF;
	}

/* ■ Conents ------------------------------------------*/

	#wrapper {
		margin-top: 0;
		background-color:#FFF;
	}
	@media only screen and (min-width:768px) {	/* PC Layout ◇ */

		#wrapper {
			margin-top: 0;
/*			background	: url("../images/bg/bgsym01.jpg") repeat-y;	*/
			background-size:100%;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#wrapper {
			margin-top: 0;
		}
	}
	main h1 {
		display:none;
	}

/* ■CTA Contents of banner */

	.cta {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:5px;
		background-color:#FFF;
		background:linear-gradient(180deg,white 0%,white 15%,#F3F8FD 15%,#F3F8FD 45%,white 45%,white 100%);	/* ★ */
	}
	.cta ul {
		margin: 20px auto 0 auto;
		width: 100%;
	}
	.cta ul li {
		margin: 0 auto 20px auto;
		width :100%;
	}
	.cta ul li a {
		display:block;
		margin: 0 auto 0 auto;
		width:205px;
		height:73px;
	}
	.cta ul li img {
		display:block;
		margin: 0 auto 0 auto;
		width:341px;
		height:121px;
		width:205px;
		height:73px;
		-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.4s ease-in-out;
		-o-transition: 0.4s ease-in-out;
	}
	.cta ul li img:hover {
		transform:scale(1.1,1.1);
		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;
	}

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

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

		.cta {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:30px;
			background-color:#FFF;
			background:linear-gradient(180deg,white 0%,white 25%,#F3F8FD 25%,#F3F8FD 100%);	/* ★ */
		}
		.cta ul {
			margin: 80px auto 50px auto;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	
			width: 70%;
		}
		.cta ul li {
			margin: 0 auto 0 auto;
			width :30%;
			height:121px;
			padding-bottom:0px;
		}
		.cta ul li a {
			margin: 0 auto 0 auto;
			display:block;
			width :290px;
			height:103px;
		}
		.cta ul li img {
			display:block;
			margin: 0 auto 0 auto;
			width :341px;
			height:121px;
			width :290px;
			height:103px;
		}
		.cta ul li img:hover {
			transform:scale(1.1,1.1);
			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;
		}

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

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

		.cta {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0;
			background:linear-gradient(180deg,white 0%,white 10%,#F3F8FD 10%,#F3F8FD 100%);	/* ★ */
		}
		.cta ul {
			margin: 0 auto 0px auto;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	
			width:75%;
		}
		.cta ul li {
			margin: 0 auto 0 5%;
			width :30%;
			height:121px;
			padding-bottom:0px;
		}
		.cta ul li a {
			margin: 0 auto 0 auto;
			display:block;
			width :341px;
			height:121px;
			width :239px;
			height:85px;
		}
		.cta ul li img {
			display:block;
			margin: 0 auto 0 auto;
			width :239px;
			height:85px;
		}
	}

/* ■ 24時間WEB予約　----------------------------------------------*/

	#toWebres {
		display: block;
		position: fixed;
		bottom: 5px;
		right:100px;
		z-index:9;
	}
	#toWebres a {
		display: block;
		width: 242px;
		background: url(../images/menu/webres_ov.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toWebres a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		#toWebres {
			display: block;
			position: fixed;
			bottom: 0;
			right:7%;
			z-index:9;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toWebres {
			display:none;
		}
	}
	@media only screen and (max-width: 768px) {

		#toWebres {
			display:block;
			position: fixed;
			bottom:0;
			right:0px;
			width: 194px;
			height:45px;
			z-index:9;
		}
		#toWebres img {
			display:block;
			width: 194px;
			height:45px;
		}
		#toWebres  a {
			display: block;
			width: 194px;
			height:45px;
			background: url(../images/menu/webresx.png ) no-repeat;
			background-size:242px 56px;
			background-size:194px 45px;	/* 80% */
		}
		#toWebres  a:hover {
			display: block;
			width: 194px;
			height:45px;
			background: url(../images/menu/webres_ov.png ) no-repeat;
			background-size:194px 45px;	/* 80% */
		}
	}

/* ■ 電話予約　----------------------------------*/

	#toTel {
		display: block;
		position: fixed;
		bottom: 0;
		left:10%;
		z-index:9;
	}
	#toTel a {
		display: block;
		width: 362px;
		background: url(../images/menu/tel.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toTel a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toTelsp {
		display: none;
	}

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

		#toTel {

		}
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

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

		#toTel {
			display:none;
		}
		#toTelsp {
			display:block;
			position: fixed;
			bottom: 0;
			left:0;
			right:0;
			margin:auto;
			width: 267px;
			height:47px;
			z-index:9;
		}
		#toTelsp img {
			display:block;
			width: 267px;
			height:47px;
		}
		#toTelsp a {
			display: block;
			width: 267px;
			height:47px;
			background: url(../images/menu/tel02.png ) no-repeat;
			background-size:381px 67px;
			background-size:267px 47px;	/* 70% */
		}
		#toTelsp a:hover {
			display: block;
			width: 267px;
			height:47px;
			background: url(../images/menu/tel02.png) no-repeat;
			background-size:267px 47px;	/* 70% */
		}
	}

/* ■ Instagram　-------------------------------------------------------*/

	#toInstagram {
		position: fixed;
		bottom: 220px;
		right: 8px;
		z-index:9999;
	}
	#toInstagram a {
		display: block;
		width: 57px;
		background: url(../images/sns/instagram.png) no-repeat;
	}
	#toInstagram a:hover img {
		visibility: hidden;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toInstagram {
			position: fixed;
			bottom: 250px;
			right: 0px;
			z-index:9999;
		}
	}
/*	@media only screen and (max-width: 768px) {*/
	@media only screen and (max-width: 992px) {

		#toInstagram {
			display:none;
			position: fixed;
			bottom: 150px;
			right: 0px;
			z-index:99;
		}
	}


/* ■ お問い合わせ　----------------------------------------------*/

	#toContact {
		position: fixed;
		bottom: 100px;
		right: 0;
		z-index:9999;
	}
	#toContact a {
		display: block;
		width: 63px;
		background: url(../images/menu/contact_ov.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toContact a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

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

		#toContact {
			display:none;
			position: fixed;
			bottom: 150px;
			right: 0px;
			z-index:99;
		}
	}

/* ■ ToPageTop -----------------------------------------------------*/

	#toPageTop {
		position: fixed;
		bottom: 5px;
		right: 7px;
		z-index:9999;
	}
	#toPageTop a {
		display: block;
		width: 45px;
		background: url(../images/com/toTop_ov.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#toPageTop a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#toPageTop {
			position: fixed;
			bottom: 50px;
			right: 0px;
			z-index:9999;
		}
	}
	@media only screen and (max-width: 767px) {
		#toPageTop {
			position: fixed;
			bottom: 5px;
			right: 1px;
			z-index:9999;
		}
		#toPageTop img {
			zoom:0.8;
		}
		#toPageTop a {
			display: block;
			width: 35px;
			background: url(../images/com/toTop.png) no-repeat;
			background-size:35px 35px;
		}
	}

/* ■ side symbole ----------------------------------------------*/

	#FG {
		position: fixed;
		bottom: 30%;
		left: 10px;
		z-index:99;
	}
	#FG a {
		display: block;
		width: 15px;
		background: url(../images/com/logo09.png) no-repeat;
	}
	#FG a:hover img {
/*		visibility: hidden;*/
	}
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#FG {
			position: fixed;
			bottom: 130px;
			left: 0;
			z-index:99;
		}
	}
	@media only screen and (max-width: 768px) {

		#FG {
			visibility: hidden;
		}
	}

/* ■ contact cta banner -----*/

	.contcta {
		margin: 0 auto 0 auto;
		width: 100%;
		height:380px;
		text-align:center;
		background-image:url("../images/bg/daarow01.png");
		background-size:	1143px 141px;
		background-position:	center top -20px;
		background-repeat:no-repeat;
		position:relative;
	}
	.contcta .emcontact {		/* CONTACT e-mail ◆ */
		position:absolute;
		top:40%;
		left:0;
		right:0;
		margin:auto;
		width:600px;
		height:100px;
		z-index:9;
	}
	.contcta .emcontact a {
		display:block;
		width:600px;
		height:100px;
		text-align:center;
		font-size:40px;
		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:#48B6BC;	/* misho-green02 */
		border-radius:60px;
	}
	.contcta .emcontact a:hover {
		display:block;
		width:600px;
		height:100px;
		background-color:#BDC3C7;	/* Siver */
		border-radius:60px;
	}

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

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

		.contcta {
			margin: 0 auto 0 auto;
			width: 100%;
			height:180px;
			text-align:center;
			background-image:url("../images/bg/daarow01.png");
			background-size:contain;
			background-position:center top 0;
			background-repeat:no-repeat;
			position:relative;
			border-top: 5px solid #F4F4F4;
			background-color: white;
		}
		.contcta .emcontact {		/* CONTACT e-mail ◆ */
			position:absolute;
			top:40%;
			left:0;
			right:0;
			margin:auto;
			width:320px;
			height:50px;
			z-index:9;
		}
		.contcta .emcontact a {
			display:block;
			width:320px;
			height:50px;
			text-align:center;
			font-size:21px;
			line-height:1.0em;
			font-weight:bold;
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
			letter-spacing:1px;
			color: #fff;
			padding:14px 0 0 0;
			background-color:#48B6BC;	/* misho-green02 */
			border-radius:25px;
		}
		.contcta .emcontact a:hover {
			display:block;
			width:320px;
			height:60px;
			background-color:#BDC3C7;	/* Siver */
			border-radius:25px;
		}
	}

/* ■ in-site anker banner -----*/

	#ankbanner {
		margin: 0 auto 0 auto;
		width: 100%;
		background-color:#F0EDE4;		/* beige-gray02 */
		background-color:#FFF;
		position:relative; 
	}
	#ankbanner ul.ankgbn {
		margin: 0 auto 0 auto;
		width : 100%;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	#ankbanner ul.ankgbn li {
		margin: 0 auto 0 auto;
		width :70%;
	}
	#ankbanner ul.ankgbn li a {
		display: block;
		text-align:center;
	}
	#ankbanner ul.ankgbn li img {
		padding-top: 0px;
		padding-bottom: 20px;
	}

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

		#ankbanner {
			margin: 0 auto 0 auto;
			width: 100%;
			background-color:#FFF;
			position:relative; 
		}
		#ankbanner ul.ankgbn {
			margin: 0 auto 0 auto;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			width :70%;
			padding-top: 0;
		}
		#ankbanner ul.ankgbn li {
			margin: 0 auto 0 auto;
			width :30%;
		}
		#ankbanner ul.ankgbn li a {
			display: block;
			text-align:center;
		}
		#ankbanner ul.ankgbn li img {	
			padding-top: 50px;
			padding-bottom: 0;
			padding-bottom: 50px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		#ankbanner {
			margin: 0 auto 0 auto;
			width: 100%;
			background-color:#F0EDE4;		/* beige-gray02 */
			position:relative; 
		}
		#ankbanner ul.ankgbn {
			margin: 0 auto 0 auto;
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			width :95%;
			padding-top: 0;
		}
		#ankbanner ul.ankgbn li {
			margin: 0 auto 0 auto;
			width :30%;
		}
		#ankbanner ul.ankgbn li a {
			display: block;
			text-align:center;
		}
		#ankbanner ul.ankgbn li img {	
			padding-top: 30px;
			padding-bottom: 0;
			padding-bottom:30px;
		}
	}

/* ■Casestudy Contents MODEL HOUSE 見学予約受付  */

	#mhreserve {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:30px;
/*		background:linear-gradient(180deg,white 0%,white 37%,#F5F5F5 37%,#F5F5F5 100%);	*/	/* ★ */
	}
	#mhreserve h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	#mhreserve .sectitle {
		margin: 0 auto 0 auto;
		width: 80%;
		padding-top:0;
		padding-bottom:0;
	}
	#mhreserve .sectitle h2 {
		display:block;
		margin: 0 auto 0 auto;
		width: 100%;
		text-align:center;
		font-size:15px;
		line-height:1.7em;
		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: #6E3919;		/* sopv-brown03 */
		letter-spacing: 0.1em;
		padding-top:5px;
		padding-left:0;
	}
	#mhreserve .sectitle .h2line {
		margin: 10px auto 0 auto;
		width: 100%;
		height:1px;
		text-indent: -99999px;	/* テキスト非表示 */
	}
	#mhreserve .cont {
		width:100%;
	}
	#mhreserve .cont img {
		margin: 0 auto 0 auto;
		display:block;
		width :90%;
	}
	#mhreserve .left {
		margin: 0 auto 0 auto;
		width :100%;
		padding-bottom:20px;
	}
	#mhreserve .left>h3 {
		margin: 0 auto 10px auto;
		width :90%;
		padding:10px 0 10px 0;
		text-align:center;
		font-size:13px;
		font-weight:bold;
		color:#FFF;
		background-color:#ACA59B;		/* macs-brown01 */
	}
	#mhreserve .left>p {
		margin: 0 auto 0 auto;
		width :100%;
		padding:0 5% 0 5%;
		font-size:12px;
		line-height:1.7em;
		color:333;
	}
	#mhreserve .left>p .indent {
	 	padding-left:3em;
/*		text-indent:-3em;	*/	/* 2行目以降1字下げ */
	}
	#mhreserve .left>p#btn {
		margin:10px auto 0 auto;
		width:100%;
		position:relative;
	}
	#mhreserve .left>p#btn a {
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:auto;
		display:block;
		width: 150px;
		padding: 10px 0;  
		padding: 10px 0;  
		text-align:center;
		font-size:12px;
		color: #FFF;  
		background	: url("../images/icon/btn-arrow01.png") no-repeat;
		background-size:18px 5px;
		background-position: -2px 12px; 
		background-color:#6E3919;		/* sopv-brown03 */
				-webkit-transition: all 0.3s ease;
				-moz-transition: all 0.3s ease;
				-ms-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
	}
	#mhreserve .left>p#btn a:hover {
		display: block;
		color:#6E3919;		/* sopv-brown03 */
		background	: url("../images/icon/btn-arrow02.png") no-repeat;
		background-size:18px 5px;
		background-position: 50px  12px; 
		background-color:#DDD;
				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-ms-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
	}

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

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

		#mhreserve {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-image:
				url("../images/bg/brline02.svg"),
				url("../images/bg/brline01.svg");
			background-size:
				:contain,
				:contain;
			background-position:
				center top 67%,
				center top 70%;
			background-repeat:
				no-repeat,
				no-repeat;
			background:linear-gradient(180deg,transparent 0%,transparent 33%,#F0EDE4 33%,#F0EDE4 95%,white 95%,white 100% );	/* ★ */
		}
		#mhreserve .sectitle {
			margin: 0 auto 50px auto;
			width: 80%;
			padding-bottom:0;
		}
		#mhreserve .sectitle h2 {
			display:block;
			margin: 0 auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:40px;
			font-family: "NotoSerifCJKjp-Bold";
			font-display: swap;
			color: #2D1210;		/* sopv-brown02 */
			letter-spacing: 0.1em;
			padding-top:0px;
			padding-bottom:0;
		}
		#mhreserve .sectitle .h2line {
			margin: 30px auto 0 auto;
			width: 90%;
			height:1px;
			text-indent: -99999px;	/* テキスト非表示 */
			background:linear-gradient(90deg,#CCCCCC 0%,#CCCCCC 98%,#BF0122 98%,#BF0122 100%);	/* mmts-red02 */
		}
		#mhreserve .cont {
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			margin: 0px auto 0 auto;
			width: 75%;
		}
		#mhreserve .cont img {
			display:block;
			width :40%;
			max-height:400px;
		}
		#mhreserve .left {
			margin: 0 auto 0 auto;
			width :60%;
			padding-bottom:50px;
		}
		#mhreserve .left>h3 {
			margin: 0 auto 30px 10%;
			width :90%;
			padding:20px 0 20px 0;
			font-size:20px;
			font-weight:normal;
			font-family: "NotoSerifCJKjp-Medium";
			font-display: swap;
		}
		#mhreserve .left>p {
			margin: 0 auto 0 auto;
			width :100%;
			padding:0 0 0 15%;
			font-size:17px;
			line-height:1.8em;
			font-family: "NotoSansCJKjp-Regular";
			font-display: swap;
			color:333;
		}
		#mhreserve .left>p .indent {
			font-size:15px;
		 	padding-left:3.0em;
		}
		#mhreserve .left p#btn {
			margin:30px auto 0 auto;
			width:100%;
			position:relative;
		}
		#mhreserve .left>p#btn a {
			position:absolute;
			top:-10px;
			left:10%;
			right:0;
			margin:auto;
			display:block;
			width: 250px;
			height:50px;
			color:white;
			font-size:16px;
			text-align:center;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			color:#fff;
			padding-top:7px; 
			background	: url("../images/icon/btn-arrow01.png") no-repeat;
			background-size:25px 7px;
			background-position: -2px 19px; 
			background-color:#6E3919;		/* sopv-brown03 */
		}
		#mhreserve .left>p#btn a:hover {
			display: block;
			width: 250px;
			height:50px;
			color:#6E3919;		/* sopv-brown03 */
			background	: url("../images/icon/btn-arrow02.png") no-repeat;
			background-size:25px 7px;
			background-position: 40px  19px; 
			background-color:#DDD;
		}

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

		}
	}

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

		#mhreserve {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-top:20px;
			padding-bottom:50px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#mhreserve .sectitle {
			margin: 0 auto 30px auto;
			width: 90%;
			padding-bottom:0;
		}
		#mhreserve .sectitle h2 {
			display:block;
			margin: 20px auto 0 auto;
			width: 90%;
			text-align:center;
			font-size:20px;
			font-weight:bold;
			letter-spacing: 0.1em;
			padding-top:0;
			padding-bottom:0;
		}
		#mhreserve .sectitle .h2line {
			margin: 10px auto 0 auto;
		}
		#mhreserve .cont {
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			margin: 0 auto 0 auto;
			width: 85%;
		}
		#mhreserve .left>h3 {
			margin: 0 auto 30px 10%;
			width :90%;
			padding:15px 0 15px 0;
			font-size:15px;
			font-weight:normal;
			font-weight:bold;
		}
		#mhreserve .left>p {
			margin: 0 auto 0 auto;
			width :100%;
			padding:0 0 0 10%;
			font-size:14px;
			line-height:1.7em;
		}
		#mhreserve .left p#btn {
			margin:30px auto 0 auto;
			width:100%;
			position:relative;
		}
		#mhreserve .left>p#btn a {
			position:absolute;
			top:-10px;
			left:10%;
			right:0;
			margin:auto;
			display:block;
			width: 200px;
			height:40px;
			color:white;
			font-size:14px;
			text-align:center;
			font-family: "NotoSansCJKjp-Medium";
			font-display: swap;
			color:#fff;
			padding-top:7px; 
			background	: url("../images/icon/btn-arrow01.png") no-repeat;
			background-size:25px 7px;
			background-position: -2px 15px; 
			background-color:#6E3919;		/* sopv-brown03 */
		}
		#mhreserve .left>p#btn a:hover {
			display: block;
			width: 200px;
			height:40px;
			color:#6E3919;		/* sopv-brown03 */
			background	: url("../images/icon/btn-arrow02.png") no-repeat;
			background-size:25px 7px;
			background-position: 40px  15px; 
			background-color:#DDD;
		}
	}

/* ■Casestudy Contents #banner  */

	#banner {
		margin: 0 auto 0 auto;
		width: 100%;
		padding-bottom:30px;
		background-color:#FFF;
		background:linear-gradient(180deg,white 0%,white 37%,#F5F5F5 37%,#F5F5F5 100%);	/* ★ */
	}
	#banner h1,h2,h3,h4,h5,h6{
		font-size:100%;
		font-weight:normal;
	}
	#banner ul.bn01 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#banner ul.bn01 li {
		margin: 20px auto 0 auto;
		width :301px;
	}
	#banner ul.bn01 li img {
		max-width:100%;
		height:auto;
	}
	#banner ul.bn02 {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	#banner ul.bn02 li {
		margin: 20px auto 0 auto;
		width :301px;
	}
	#banner ul.bn02 li a img {
		margin: 0 auto 0 auto;
		display:block;
		max-width:85%;
		height:auto;
	}

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

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

		#banner {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(180deg,white 0%,white 25%,#F5F5F5 25%,#F5F5F5 100%);	/* ★ */
		}
		#banner ul.bn01 {
			margin: 30px auto 30px auto;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			width: 70%;
		}
		#banner ul.bn01 li {
			margin: 0 auto 0 auto;
			width :301px;
			padding-bottom:0px;
		}
		#banner ul.bn01 li a {
			display:block;
			width :301px;
			height:91px;
		}
		#banner ul.bn01 li img {
			width :281px;
			height:auto;
			height:91px;
		}
		#banner ul.bn01 li img:hover {
		}
		#banner ul.bn02 {
			margin: 80px auto 40px auto;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			width: 65%;
		}
		#banner ul.bn02 li {
			margin: 0 auto 0 auto;
			width :301px;
			padding-bottom:0px;
		}
		#banner ul.bn02 li a {
			display:block;
		}
		#banner ul.bn02 li a img {
			display:block;
			max-width:100%;
			height:auto;
		}
		@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

			#banner ul.bn02 {
				margin: 80px auto 40px auto;
				width: 70%;
			}

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

		#banner {
			margin: 0 auto 0 auto;
			width: 100%;
			padding-bottom:0px;
			background-color:#FFF;
			background:linear-gradient(90deg,#F5F5F5 0%,#F5F5F5 40%,white 40%,white 100%);	/* ★ */
		}
		#banner ul.bn02 {
			margin: 80px auto 40px auto;
			width: 80%;
		}
	}

/*==========================================
	フッター 情報領域
===========================================*/
	footer {
	}
	.footer01 {
		margin: 0 auto 0 auto;
		width:100%;
		height: 220px;
		background-color:#F4F4F4;
		position: relative;
		border-top: 1px solid #3e3a39;		/* misho-logo-black */
		border-top: 1px solid #688b8d;		/* misho-green02 */
	}
	.footer01 .flogo {	
		position: absolute;
		top: 35px;
		left:15%;
		width : 290px;
		height: 71px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	.footer01 .flogo a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 290px;
		height: 0 !important;
		height /**/:71px;
		padding-top: 71px;
		display: block;
		background	: url("../images/com/logo02.svg") no-repeat;
		background-size:290px 71px;
	}
	.footer01 .flogo a:hover{
		display	: block;
		background	: url("../images/com/logo02.svg") no-repeat;
		background-size:290px 71px;
	}
	.footer01 dl,dt,dd {
		display:block;
	}
	.footer01 dl {
		position: absolute;
		top: 40px;
		left:35%;
		width :500px;
		text-align:left;
	}
	.footer01 dt {
		font-size:17px;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-display: swap;
		color:#222;
		padding-bottom:10px;
	}
	.footer01 dd {
		font-size:15px;
		line-height:1.5em;
		font-family: "Noto Sans JP", serif;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		font-display: swap;
		color:#222;
	}
	.footer01 dd a.mapank {
		padding-left:20px;
		color: #555;
	}
	.footer01 dd a.mapank:hover {
		color:#3f6d6c;		/* misho-green01 */
	}
	.footer01 ul.ankbn {
		position: absolute;
		top: 50px;
		right:8%;
		width :45%;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.footer01 ul.ankbn>li {
		padding:0 auto 0 auto;
		width :45%;
	}
	.footer01 ul.pp {
		display:block;
		position: absolute;
		top: 85%;
		left:12%;
		width :250px;
		font-size:15px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#222;
	}
	.footer01 ul.pp li>a {
		color:#222;
	}
	.footer01 ul.pp li>a:hover {
		color: #AAA;
	}
	.footer01 ul.sns {
		display:block;
		position: absolute;
		top: 35px;
		left:75%;
		width :300px;
		display: flex;
		justify-content:space-between;
		flex-wrap: wrap;
	}
	.footer01 ul.sns>li {
		padding:0 auto 0 auto;
	}
	.footer01 ul.sns>li:first-child img {
		zoom:1.0;
	}
	.footer01 ul.sns>li:nth-child(2) img {
		zoom:1.0;
	}
	.footer01 ul.sns>li:nth-child(3) img {
		zoom:1.0;
	}
	.footer01  ul.pp>li {
		float:left;
		padding-left:50px;
		padding-bottom:20px;
		font-size:13px;
		font-weight:600;
		letter-spacing: 0.1em;
	}
	.footer01 li a {
		color:#555;
	}
	.footer01 li a:hover {
		color: #A4966A;		/* Gold01 */
	}
	.footer01 dd a {
		color:#555;
	}
	.footer01 dd a:hover {
		color: #A4966A;		/* Gold01 */
	}

	.footer02 {
		margin: 0 auto 0 auto;
		width:100%;
		height: 35px;
		background-color: #E6E6E6;
		border-top: 1px solid #BDC3C7;		/* Siver */
		position: relative;
	}
	.footer02sp {
		display:none;
	}
	.fmenu {
		display:block;
		margin: 0 auto 0 auto;
		width:100%;
		padding-bottom:30px;
		background-color:#FFF;
		border-top: 1px solid #BDC3C7;		/* Siver */
	}
	.fmenu ul {
		margin:0 auto 0 auto;
		display:flex;
		flex-wrap:nowrap;
		justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
		width: 90%;
		padding-left:6%;
	}
	.fmenu ul.fm01 {
		margin:0 auto 0 auto;
		padding-top:30px;
	}
	.fmenu ul.fm01 li {
		width: 14%;
		padding-bottom:0px;
		font-size:14px;
		font-weight:normal;
		font-weight:normal;
		letter-spacing: 0.1em;
		padding-bottom:0px;
	}
	.fmenu ul.fm01 li:first-child {
		margin-left:30px;
		width: 14%;
		padding-right:50px;
	}
	.fmenu ul.fm01 li:nth-child(2) {
		width:14%;
	}
	.fmenu ul.fm01 li:nth-child(3) {
		width:14%;
	}
	.fmenu ul.fm01 li:nth-child(5) {
		width:14%;
	}
	.fmenu ul.fm01 li:last-child {
		width:14%;
	}

	.fmenu ul li>a {
		font-size:15px;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		color:#333;
	}
	.fmenu ul li>a:hover {
		color: #BD6856;		/* nishiya-pink テラコッタ */
	}
	.fmenu .fm02 {
		margin:20px auto 0 auto;
		width:100%;
		padding-bottom:0;
	}
	.fmenu .fm02 p {
		width:100%;
		font-size:14px;
		letter-spacing: 0.1em;
		line-height:1.6em;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		padding-bottom:0px;
	}
	.fmenu .fm03 {
		margin:20px auto 0 auto;
		width:100%;
		padding-bottom:0;
	}
	.fmenu .fm03 p {
		width:100%;
		font-size:15px;
		letter-spacing: 0.1em;
		line-height:1.6em;
		font-family: "NotoSansCJKjp-Medium";
		font-display: swap;
		padding-bottom:0px;
	}
	.fmenu .fm02,fm03 p a {
		color: #333;
	}
	.fmenu .fm02,fm03 p a:hover {
		color: #BD6856;		/* nishiya-pink テラコッタ */
	}

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

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

		.fmenu ul.fm01 li {
			font-size:13px;
		}
		.fmenu ul.fm01 li:nth-child(2) {
			width:14%;
		}
		.fmenu ul.fm01 li:last-child {
			padding-left:0;
		}
		.fmenu .fm02 p {
			width:120%;
			font-size:12px;
			line-height:1.5em;
			z-index-:2;
		}
		.footer01 .flogo {	
			position: absolute;
			top: 25px;
			left:7.5%;
			width : 176px;
			height: 31px;
		}
	}
	@media only screen and (min-width: 1400px) and (max-width: 1600px) {	/*◇ PC-S */

		.fmenu ul.fm01 li {
			font-size:13px;
		}
		.fmenu ul.fm01 li:nth-child(2) {
			width:14%;
		}
		.fmenu ul.fm01 li:last-child {
			padding-left:0;
		}
		.fmenu .fm02 p {
			width:120%;
			font-size:13px;
			line-height:1.5em;
			z-index-:2;
		}
		.footer01 .flogo {	
			position: absolute;
			top: 25px;
			left:7.5%;
			width : 176px;
			height: 31px;
		}
	}
	@media only screen and (min-width: 1600px) and (max-width: 1750px) {	/*◇ PC-S */

		.fmenu ul.fm01 li {
			font-size:13px;
		}
		.fmenu ul.fm01 li:nth-child(2) {
			width:15%;
		}
		.fmenu ul.fm01 li:nth-child(5) {
			width:12%;
		}
		.fmenu ul.fm01 li:last-child {
			padding-left:0;
		}
		.fmenu .fm02 p {
			width:120%;
			font-size:14px;
			line-height:1.5em;
			z-index-:2;
		}
		.footer01 .flogo {	
			position: absolute;
			top: 25px;
			left:7.5%;
			width : 176px;
			height: 31px;
		}
	}
	@media only screen and (max-width:992px) {	/* SP Layout ◇ */

		.footer01 {
			margin: 0 auto 0 auto;
			width:100%;
			height: 150px;
			background-color: #FFF;
			position: relative;
			border-top: 1px solid #BDC3C7;	/* Siver */
			position: relative;
		}
		.footer01 .flogo {	
			display	:block;
			position: absolute;
			top: 20px;
			left:7.5%;
			width : 175px;
			height: 42px;
			text-indent: -99999px;	/* テキスト非表示 */
			border: 0;
		}
		.footer01 .flogo a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 175px;
			height: 0 !important;
			height /**/:42px;
			padding-top: 42px;
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:291px 70px;
			background-size:175px 42px;	/* 60% */
		}
		.footer01 .flogo a:hover{
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:175px 42px;	/* 60% */
		}
		.footer01 dl,dt,dd {
			display:block;
		}
		.footer01 dl {
			position: absolute;
			top: 50%;
			left:5%;
			width :90%;
			text-align:center;
		}
		.footer01 dt {
			font-size:15px;
			font-weight:bold;
			color: #A4966A;		/* Gold01 */
			color:#222;
			padding-bottom:15px;
		}
		.footer01 dd {
			font-size:12px;
			color:#222;
			padding-bottom:3px;
		}
		.footer01 dd a.mapank {
			padding-left:10px;
			color: #A4966A;		/* Gold01 */
		}
		.footer01 dd a.mapank:hover {
			color: #6E3919;		/* sopv-brown03 */
		}
		.footer01 ul.ankbn {
			display:block;
			position: absolute;
			top: 180px;
			right:0;
			left:0;
			margin:0 auto 0 auto;
			width:100%;
		}
		.footer01 ul.ankbn>li {
			margin:0 auto 20px auto;
			width :60%;
		}
		.footer01 ul.ankbn>li a {
			display:block;
			text-align:center;
		}
		.footer01 ul.ankbn>li a img {
			display:block;
			margin:0 auto 0 auto;
			width :100%;
		}
		.footer01 ul.pp {
			display:none;
		}
		.footer01 ul.sns {
			display:none;
		}
		.footer02 {
			display:none;
			margin: 0 auto 0 auto;
			width:100%;
			height: 40px;
			padding-bottom:0;
			position: relative;
		}
		.footer02sp {
			display:block;
			margin:0 auto 0 auto;
			width:100%;
			height: 30px;
			position: relative;
		}

		.footer02sp .ftanksp {
			position:absolute;
			top:68%;
			font-size:11px;
			color:#333;
		}
		.footer02sp #ftank03 {
			display:block;
			float: left;
			width:50%;
			padding:8px;
			padding-top:0;
			padding-left:30px;
		}
		.footer02sp #ftank04 {
			display:block;
			float: left;
			width:50%;
			padding:8px;
		}
		@media only screen and (min-width:414px) {

			.footer02sp {
				display:block;
				margin:0 auto 0 auto;
				width:100%;
				height: 30px;
				border-Top: 1px solid #BDC3C7;		/* Silver */
				background-color: #F5F5F5;
				position: relative;
			}
		}
		@media only screen and (max-width:320px) {

			.footer01 ul {
				position: absolute;
				top: 230px;
				left:-9%;
				width :100%;
				width :250px;
			}
			.footer02sp #ftank03 {
				width:40%;
				height: 30px;
				padding:8px;
			}
			.footer02sp #ftank04 {
				width:50%;
				height: 30px;
				padding:8px;
			}
		}
		/* Tablet Layout ◇ */
		@media only screen and (min-width: 768px) and (max-width: 992px) {

			.footer01 {
				margin: 0 auto 0 auto;
				width:100%;
				height: 180px;
				position: relative;
				border-Top:1px solid #2D1210;		/* sopv-brown02  */
				border-bottom:none;
				position: relative;
			}
			.footer01 .flogo {	
				display	:block;
				position: absolute;
				top: 50px;
				left:65%;
				width : 224px;
				height: 32px;
				text-indent: -99999px;	/* テキスト非表示 */
				border: 0;
			}
			.footer01 .flogo a{
				overflow: hidden;	 /* 内容を非表示にする。*/
				width : 224px;
				height: 0 !important;
				height /**/:32px;
				padding-top: 32px;
				display	: block;
				background	: url("../images/com/logo01.svg") no-repeat;
				background-size:280px 40px;
				background-size:224px 32px;	/* 80% */
			}
			.footer01 .flogo a:hover{
				display	: block;
				background	: url("../images/com/logo01.svg") no-repeat;
				background-size:224px 32px;	/* 80% */
			}
			.footer01 ul.pp {
				display:block;
				position: absolute;
				top: 70%;
				left:60%;
				width :200px;
				font-size:14px;
			}
			.footer01 ul.ankbn {
				display:block;
				position: absolute;
				top: 180px;
				right:0;
				left:0;
				margin:0 auto 0 auto;
				width:75%;
				display: flex;
				justify-content:space-between;
				flex-wrap: wrap;
			}
			.footer01 ul.ankbn>li {
				padding:0 auto 0 auto;
				width :45%;
			}
			.footer02sp {
				display:block;
				margin:0 auto 0 auto;
				width:100%;
				height: 30px;
				border-Top: none;
				background-color: #FFF;
			}
			.footer02sp .ftanksp {
				position:absolute;
				top:0;
				font-size:13px;
				color:#333;
			}
			.footer02sp #ftank03 {
				display:block;
				float: left;
				width:50%;
				padding:8px;
				padding-top:0;
				padding-left:30px;
			}
			body #waveCanvas {
				background-color:#FFF;
			}
		}
	}
	.footer02 .ftank {
		font-size:13px;
		color:#333;
	}
	.footer02 #ftank01 {
		position: absolute;
		top: 12px;
		right:15%;
		right:18%;
	}
	.footer02 #ftank02 {
		position: absolute;
		top: 10px;
		left:35%;
	}

	/* copy right ---------------------*/

	.footer03 {
		position: relative;
		width:100%;
		height: 40px;
		background-color:#6AC6C6;		/* misho-green01 */
	}
	.footer03 .copy {
		margin: 0 auto 0 auto;
		padding-top: 15px;
		text-align:center;
		font-size: 12px;
		color: #FFF;
		font-family: 'Futura medium bt', sans-serif;
		font-display: swap;
	}
	.footer03 .copy:hover {
		color: #FFF;
	}
	@media only screen and (max-width:992px) {	/* SP Layout ◇ */
		.footer03 {
			display:none;
		}
	}
	.footer03sp {
		margin: 0 auto 0 auto;
		position: relative;
		width:100%;
		height: 30px;
		background-color:#48B6BC;		/* misho-green01 */
		z-index:8;
	}
	.footer03sp .copy {
		margin: auto;
		margin-top:0;
		width:100%;
		max-width:360px;
		height:20px;
		text-align:center;
		padding-top:8px;
		font-size: 10px;
		line-height:1.0em;
		padding-top:10px;
		color: #FFF;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pro","Kozuka Gothic Pro","メイリオ", 
						Meiryo, Osaka, helvetica, arial,
						"游ゴシック体", YuGothic,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-display: swap;
	}


	@media only screen and (min-width:992px) {	/* PC Layout ◇ */
		.footer03sp {
			display:none;
		}
		.Navsp ul {				/*  Block横均等配置 ◆*/
			width:100%;
			display:flex;
			justify-content: center;
			padding:0;
			padding-top:0px;
			list-style: none;
		}
	}


	/* SP メニュー -------- */
	.Navsp {			/*  ◇ SP Menu  visible  */
		margin-top:0;
		display: block;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index:88;
		width:100%;
		height: 50px;
		background-color:rgba( 255,255,255,0.75 ); 	/*  White  透過75% */
			box-shadow: 0px 1px 3px 1px #aaa;
			-webkit-box-shadow: 0px 1px 3px 1px #aaa;
			-moz-box-shadow: 0px 1px 3px 1px #aaa;
	}
	.Navsp ul {				/*  Block横均等配置 ◆*/
		width:100%;
		height: 40px;
		display:flex;
		justify-content: center;
		padding:0;
		padding-top:0px;
		list-style: none;
				    -webkit-box-sizing: border-box;
				       -moz-box-sizing: border-box;
				         -o-box-sizing: border-box;
				        -ms-box-sizing: border-box;
				            box-sizing: border-box;
	}
	.Navsp ul li {			/*  Block横均等配置 ◆ */
		width:calc(100% / 2);
		height:40px;
		margin:5px;
		text-align:center;
		line-height:20px;
		font-size:13px;
		font-weight:bold;
				    -webkit-box-sizing: border-box;
				       -moz-box-sizing: border-box;
				         -o-box-sizing: border-box;
				        -ms-box-sizing: border-box;
				            box-sizing: border-box;
	}
	.Navsp ul li:first-child {		/* 今すぐ申し込む　エントリーFORMへ */
		position: absolute;
		top: 0;
		left: 0;
		width:48%;
		display	: block;
	}
	.Navsp ul li:first-child a{
		overflow: hidden;
		width:100%;
		height:100%;
		color:#FFF;
		padding-top:8px;
		padding-left:20px;
		background	: url("../images/icon/entry.png") no-repeat;
		background-size:30px 27px;
		background-position:  left 4px top 4px;
		background-color:#E3007F;		/* NS-pink */
		border: 2px solid #E3007F;		/* NS-pink */
		display	: block;
			    -webkit-box-sizing: border-box;
			       -moz-box-sizing: border-box;
			         -o-box-sizing: border-box;
			        -ms-box-sizing: border-box;
			            box-sizing: border-box;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}
	.Navsp ul li:first-child a:hover{
		display	: block;
		width:100%;
		color:#00C402;	/*LINE green */
		color:#FFF;
		padding-top:10px;
		padding-left:20px;
		background	: url("../images/icon/entry.png") no-repeat;
		background-size:30px 27px;
		background-position:  left 4px top 4px;
		background-color:#E3007F;		/* NS-pink */
		border: 2px solid #E3007F;		/* NS-pink */
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}
	.Navsp ul li:nth-child(2) {		/* プライバシーポリシー */
		position: absolute;
		top: 0;
		right: 0;
		width:48%;
	}
	.Navsp ul li:nth-child(2) a{
		overflow: hidden;
		width:100%;
		height:100%;
		color:#444;
		padding-top:8px;
		padding-left:20px;
		background	: url("../images/icon/tel.png") no-repeat;
		background-size:30px 29px;
		background-position:  left 4px top 3px;
		background-color:#FFF;
		border: 2px solid #444;
		display	: block;
		    -webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		         -o-box-sizing: border-box;
		        -ms-box-sizing: border-box;
		            box-sizing: border-box;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}
	.Navsp ul li:nth-child(2) a:hover{
		display	: block;
		width:100%;
		color:#444;
		padding-top:10px;
		padding-left:20px;
		background	: url("../images/icon/tel.png") no-repeat;
		background-size:30px 29px;
		background-position:  left 4px top 3px;
		background-color:#F4F4F4;
		border: 2px solid #444;
		transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
	}

/*	.Navsp ul li:hover{
		opacity:0.8;
	}*/

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

		.Navsp ul li {			/*  Block横均等配置 ◆ */
			width:calc(100% / 2);
			height:40px;
			margin:5px;
			text-align:center;
			line-height:20px;
			font-size:12px;
			font-weight:bold;
					    -webkit-box-sizing: border-box;
					       -moz-box-sizing: border-box;
					         -o-box-sizing: border-box;
					        -ms-box-sizing: border-box;
					            box-sizing: border-box;
		}
		.Navsp ul li:first-child {
			font-size:11px;
		}
		.Navsp ul li:nth-child(2) {	
			font-size:12px;
		}

	}
							/* ■ SP MENU -----------*/
	@media only screen and (min-width:768px) {
		.Navsp {			/*  ◇ SP Menu  unvisible  */
			display	: none;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {
		.Navsp {			/*  ◇ SP Menu  visible  */
			display	: block;
			height: 70px;
		}
		.Navsp ul {				/*  Block横均等配置 ◆*/
			width:100%;
			height: 60px;
			display:flex;
			justify-content: center;
			padding:0;
			padding-top:0px;
			list-style: none;
					    -webkit-box-sizing: border-box;
					       -moz-box-sizing: border-box;
					         -o-box-sizing: border-box;
					        -ms-box-sizing: border-box;
					            box-sizing: border-box;
		}
		.Navsp ul li {			/*  Block横均等配置 ◆ */
			width:calc(100% / 2);
			height:60px;
			margin:5px;
			text-align:center;
			line-height:20px;
			font-size:18px;
			font-weight:bold;
					    -webkit-box-sizing: border-box;
					       -moz-box-sizing: border-box;
					         -o-box-sizing: border-box;
					        -ms-box-sizing: border-box;
					            box-sizing: border-box;
		}
		.Navsp ul li:first-child {		/* 今すぐ申し込む　エントリーFORMへ */
			position: absolute;
			top: 0;
			left: 0;
			width:48%;
			display	: block;
		}
		.Navsp ul li:first-child a{
			overflow: hidden;
			width:100%;
			height:100%;
			color:#FFF;
			padding-top:17px;
			padding-left:20px;
			background	: url("../images/menu/entry_icon.png") no-repeat;
			background-size:40px 43px;
			background-position:  left 15px top 7px;
			background-color:#00C402;	/*LINE green */
			border: 2px solid #00C402;	/*LINE green */
			display	: block;
				    -webkit-box-sizing: border-box;
				       -moz-box-sizing: border-box;
				         -o-box-sizing: border-box;
				        -ms-box-sizing: border-box;
				            box-sizing: border-box;
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
		.Navsp ul li:first-child a:hover{
			display	: block;
			width:100%;
			color:#00C402;	/*LINE green */
			color:#FFF;
			padding-top:17px;
			padding-left:20px;
			background	: url("../images/menu/entry_icon.png") no-repeat;
			background-size:40px 43px;
			background-position:  left 15px top 5px;
			background-color:#00C402;	/*LINE green */
			border: 2px solid #00C402;	/*LINE green */
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
		.Navsp ul li:nth-child(2) {		/* プライバシーポリシー */
			position: absolute;
			top: 0;
			right: 0;
			width:48%;
		}
		.Navsp ul li:nth-child(2) a{
			overflow: hidden;
			width:100%;
			height:100%;
			color:#4DA635;	/* MCS green01 */
			padding-top:17px;
			background-color:#FFF;
			border: 2px solid #4DA635;	/* MCS green01 */
			display	: block;
			    -webkit-box-sizing: border-box;
			       -moz-box-sizing: border-box;
			         -o-box-sizing: border-box;
			        -ms-box-sizing: border-box;
			            box-sizing: border-box;
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
		.Navsp ul li:nth-child(2) a:hover{
			display	: block;
			width:100%;
			color:#4DA635;	/* MCS green01 */
			padding-top:17px;
			background-color:#F4F4F4;
			border: 2px solid #4DA635;	/* MCS green01 */
			transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
		}
	}

/* ◆Other Style ---------------------------------*/

	/* ★ 要素のはみ出し解決 ----------------------------------------------- */

	body {
		overflow-x: hidden;	/* ★ 横方向はみ出した部分を非表示にする */
	}

	/* ◇ Flexible Images ------------------------*/

	.img-responsive{
		max-width: 100%;
		height: auto;
	}

	/* ◇ placeholder ------------------------*/

	/*Webkit*/
	::-webkit-input-placeholder {color: #999}
	 
	/*Firefox 19以降*/
	::-moz-placeholder  {color: #999}
	 
	/*Firefox 18以前*/
	:-moz-placeholder   {color: #999}
	 
	/*Windows IE*/
	:-ms-input-placeholder  {color: #999} 

	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
/*		font-weight:normal;	*/
	}

	.h2invisible {
		display:none;
	}

/* ■ Others --------------------------------*/

	/* common effect */
	.ease  a{
			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;
	}
	 .ease a:hover {
			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;
	}
	.ease02  a{
			transition: 0.2s ease-in-out;
			-webkit-transition: 0.2s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
	}
	 .ease02 a:hover {
			transition: 0.2s ease-in-out;
			-webkit-transition: 0.2s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.2s ease-in-out;
			-o-transition: 0.2s ease-in-out;
	}
	a.ease {
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	a:hover.ease {
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	.PC_header .ease:last-of-type {
		background-color: #48B6BC;
		border-radius: 60px;
		padding: 0;
	}

	.PC_header .ease:last-of-type a {
		color: #fff;
	}

	a:hover img {
		-webkit-opacity: 0.2;
		-moz-opacity: 0.2;
		-o-opacity: 0.2;
		filter: alpha(opacity=50);	/* IE lt 8 */
		-ms-filter: "alpha(opacity=50)"; /* IE 8 */
		opacity: 0.2;
	}
	a img {
		-webkit-transition: opacity 0.2s ease-out;
		-moz-transition: opacity 0.2s ease-out;
		-ms-transition: opacity 0.2s ease-out;
		-o-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out;
	}

/* ■ Color material */

	.subt {
		color: #A4966A;		/* Gold01 */
		font-size:13px;
		text-align:center;
	}
	.subt01 {
		color: #A4966A;		/* Gold01 */
		font-size:15px;
	}
	@media only screen and (max-width:768px) {
		.subt01 {
			font-size:12px;
		}
	}

	.misho-green {
		color:#77a69d;		/* misho-green */
	}
	.misho-green-ex {
		color:#d6dcdc;		/* misho-green-ex */
	}
	.misho-green01 {
		color:#3f6d6c;		/* misho-green01 */
	}
	.misho-green02 {
		color:#688b8d;		/* misho-green02 */
	}
	.misho-green03 {
		color:#d6dcdc;		/* misho-green03 */
	}
	.misho-green03 {
		color:#d6dcdc;		/* misho-green03 */
	}

	.misho-logo-black {
		color:#3e3a39;		/* misho-logo-black */
	}
	.misho-black {
		color:#231f20;		/* misho-black */
	}
	.misho-gray {
		color:#d5dbdb;		/* misho-gray */
	}
	.misho-gray01 {
		color:#d4dada;		/* misho-gray01 */
	}
	.misho-gray02 {
		color:#e2e6e6;		/* misho-gray02 */
	}
	.misho-gray03 {
		color:#e2e5e5;		/* misho-gray03 */
	}
	.misho-gray04 {
		color:#f3f3f3;		/* misho-gray04 */
	}
	.misho-ivory {
		color: #dad1bb;		/* misho-ivory */
	}
	.nishiya-ivory {
		color: #F3F1F1;		/* nishiya-ivory */
	}
	.beige-gray {
		color: #F9F7F1;		/* beige-gray */
	}
	.beige-gray02 {
		color: #FAF9F7;		/* beige-gray02 */
	}
	.beige {
		color: #E7DDD2;		/* beige */
	}
	.gold {
		color: #A4966A;		/* Gold01 */
	}
	.goldc02 {
		color: #B27C04;		/* Gold02 */
	}
	.silver {
		color: #BDC3C7;		/* Siver */
	}
	.uline {
		border-bottom: 1px solid #B27C04;
	}