html{
		min-height:100%;
		scroll-padding-top:3vw;
}

	body{
		margin:0;
		padding:0;
	/*	color:var(--base_font_color);
}

	#container{
		width:100%;
		margin:0;
		padding:0;
		z-index:2;
/*		background:var(--base_bgcolor)*/
	}

	header{
		z-index:300;
		position:relative;
		top:0;
		left:0;
		height:70px;
		justify-content: center; 
		margin:0 auto;
		padding:0;
		background:white;
/*		background:url(../img/header_bg.jpg) no-repeat right 0 white;
		background-size:contain;
*/
	}

.color_ver{
	display:flex;
	width:calc(100% - 30px);
	position:absolute;
	padding-left:30px
}

.color_ver div{
	display:flex
}


.menu_icon{
		position:absolute;
		top:55px;
		right:12px;
		width:auto;
/*		object-fit:cover;*/
		}

	.menu_icon ul{
		position:relative;
		right:0;
		padding:0;
		margin:0;
		display:-webkit-flex;
		display:flex;
		object-fit:cover;
	}

	.menu_icon li{
		display:-webkit-flex;
		display:flex;
		margin:0 5px;
		width:auto;
		height:clamp(25px , 4vw , 35px);
	}

	.menu_icon li a{
		display:-webkit-flex;
		display:flex;
	
	}



	.menu_icon li a:hover{
	    opacity: 0.2;
}

	_::-webkit-full-page-media, _:future, :root .menu_icon li a:hover{
	    opacity: 0.2;
}


	.menu_icon li img{
/*			z-index:10000;*/
				object-fit:contain;
/*
   background-size:100%;
    display: inline-block;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-image: url(../img/mail.png);
    mask-image: url(../img/mail.png);
    -webkit-mask-image: url(../img/mail.png);
	}

	.item1{
			background-position: 0px -0px;
			mask-position-x: -0px;
			mask-position-y: -0px;
*/
	}		
	.menu_icon li.phone img {
	}
	.menu_icon li.mail img {
	}
	.menu_icon li.member img{
		border-radius:5px;
		border:solid navy 4px;
		width:5em;
	}

	.menu_icon li.member img {
	padding:0
}
	

.header_bottom_bg{
	position:relative;
	height:3.6vw;
	background:url("../img/wave_h.png") no-repeat left 0;
	background-size:cover;
	z-index:195;
}
	.hamburger{display:none  !important}


	/*グローバルナビメニュー*/


	nav#gnav{
		position:relative;
		top:0;
		right:0;
/*		margin-right:clamp(50px , 10vw , 500px);*/
		width:auto;
		height:70px;
		margin:0;
		padding:0;
		display:flex;
		justfy-content:flex-end;
		z-index:900;
}

	#gnav ul{
		position:absolute;
		right:0;
		margin:0;
		padding-bottom:0.5em;
		list-style: none;
		z-index:2000;
		width:auto;
}

	#gnav ul li {
		height:1.7em;
		line-height:1.8em;
		width:fit-content;
		margin:0 0 0 0.5vw;
		padding:0;
		text-align:center;
		font-weight:bold;
		text-decoration:none;
		display: block;
		text-align:center;
	}

	#gnav ul li a {
	border-radius:0 0 10px 10px;
	    text-decoration: none;
	    display: block;
	    text-align:center;
	    color:white;
	font-weight:bold;
	font-size:12.3px;
	border:white solid 4px;
	border-top:none !important;
	background:var(--nav_bgcolor);
	}

	#gnav ul li a:hover {
	background:var(--nav_bgcolor_hover);
	border-color:var(--nav_border_hover);
	color:var(--nav_font_color_00);

	}

	#gnav li.gnav_li_00 a{
			background:var(--nav_bgcolor_00);
			border-color:var(--nav_border_color_00);
			color:var(--nav_font_color_00);

}

	#gnav li.gnav_li_00 a:hover{
			background:var(--nav_bgcolor_00_hover);
			border-color:var(--nav_border_color_00_hover);
			color:var(--nav_font_color_00_hover);
}

	#gnav > ul {
		display: flex;
	}
	#gnav > ul > li {
	    position: relative;
	    padding:0;
}
	#gnav > ul > li.home {
	    width:;
	    position: relative;
	    padding:0;
}

	#gnav > ul > li > a {
	    padding: 5px 10px;
	}
	


	/*子階層*/
	.gnav_child {
	    visibility: hidden;
	    width:fit-content;
	    position: absolute;
	    right:0;
	    top:48px;
		padding:0;
	    background: #fff;
	    -webkit-box-shadow: 0px 3px 10px 2px rgba(25, 26, 26, 0.3);
	    box-shadow: 0px 3px 10px 2px rgba(25, 26, 26, 0.3);
	    border-radius: 5px;
	/*    z-index: 0;*/
	    transition: all .5s cubic-bezier(0.075, 0.82, 0.165, 1);
	    transform: scaleY(0);
	    transform-origin: center top;
	    opacity: 0;
	outline:var(--gnav_outline) solid 4px;

	}

	.gnav_child li{
		margin-left:0 !important;

	}
	
	.gnav_child li a{
		color:var(--base_font_color) !important;
		text-align:left !important;
		width:11.2em;
		padding:0;
		text-align:left;
/*		font-size:clamp(9px , 1.7vw , 15px);*/

		font-weight:normal;
		border:none !important;
		border-radius:0 !important;
		background:none !important;
		height:2.5em;
		line-height:2.5em;
		padding:0.25em 1em

	}
	
	.gnav_child li a:hover{
		padding:0 1em
		opacity: 1 ;
		background:var(--gnav_bgcolor_hover) !important;
	}




	/*子階層ドロップダウン*/
	#gnav > ul > li:hover .gnav_child {
	    visibility: visible;
	    opacity: 1;
	    transform: scaleY(1);
/*	width:11.6em*/
	}
	
	/*子階層の▲の装飾*/
	.gnav_child::before {
	    content: "";
	    display: block;
	    position: absolute;
	    top: -15px;
	    right:0;
	    transform: translateX(-50%);
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 0 12px 12px 12px;
	    border-color: transparent transparent var(--gnav_outline) transparent;
/*			box-shadow:0 3px 0 0 #fff;*/
	}


/*
	#wrapper{
		display:flex;
		justify-content: center; 
		position:relative;
		padding-bottom:clamp(170px , 10vw , 200px);フッターの高さと同じにする
		flex-direction:column;
	}
*/

		#contents{
			position:relative;
			top:0;
			width:80vw;
			padding:2vw 5vw;
			margin:0 auto;
			margin-bottom:100px;
			max-width:1000px;
			min-width:300px;
			min-height: calc(100% - 50vw);
			padding-bottom:30px;
			background-image:linear-gradient(#e1eef5 1px, transparent 1px), linear-gradient(to right, #e1eef5 1px, #fff 1px);
			border-radius:2vw;
			background-size: 15px 15px;
}

/* 角に三角の色をつける
		#contents::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  border-top: solid 3vw red;
  border-left: solid 3vw red;
  border-right: solid 3vw transparent;
  border-bottom: solid 3vw transparent;
z-index:100000;
			border-radius:2vw 0 0 0;
}
		#contents::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  border-top: solid 3vw red;
  border-left: solid 3vw red;
  border-right: solid 3vw transparent;
  border-bottom: solid 3vw transparent;
z-index:100000;
			border-radius:2vw 0 0 0;
}

 */


/* 枠の3D表現

		#contents:before,
	div:after{
		width: calc(100% - 20px);
		height: 0;
		display: block;
		position: absolute;
		left: 0;
		content: "";
	}
		#contents:before{
		border-bottom: solid 20px #ff9627;
		border-right: solid 20px transparent;
		bottom: 100%;
	}
		#contents:after{
		border-top: solid 20px #ff9627;
		border-left: solid 20px transparent;
		top: 100%;
	}

*/

/*
		.arranged_v{
			width:80vw;
			margin-bottom:3vw;
			text-align:left !important	
	}
*/
	

footer{
	position:relative;
	left:0;
	width:100%;
	height:auto;
	padding:0;
	z-index:100;
	display: grid;
	place-items: center;
	background:white;
}
/*
footer ul{
	position:relative;
	margin-top:50px;
	right:0;
	width:auto;
	writing-mode:vertical-rl;
}
*/

.footer_top{
	position:relative;
	top:0;
	left:0;
	margin-top:-3vw;
	width:100%;
	height:auto;
/*
	background:url("https://mytbasicservice.sakura.ne.jp/testsite/zenmaki/renewal/img/wave_f.png") no-repeat left 0;
	background-size:cover;
*/
	position:relative;
	height:clamp(200px , 20vw , 400px);
	background:url("../img/wave_f.png") no-repeat right 0;
	background-size:cover;
}

.footer_flex{
	padding:5vw;
	width:90%;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
}

.footer_flex a img{
	width: auto;
	height:clamp(25px , 5vw ,50px);
	text-align:center;
	border:#ccc solid 0.5px;
	margin:0;
	padding:0;
	background-color:white !important
}


.footer_flex a:hover img {
  opacity: 0.3;
}

/*
.f_link{
	position:relative;
	top:0;
	left:0;
	margin:0;
	width:95vw;
	writing-mode:vertical-rl;
	display: grid;
	place-items: center;
	margin-top:3vw
}

.f_link ul li{
	font-size:clamp(8px , 1.5vw , 25px);
	line-height:1.5em;

}
.f_link ul li a{
	text-decoration: none;
	color:var(--base_font_color);


}

.f_link ul li a:hover{
	text-decoration: none;
	background:yellow;
}


*/


.img_flex_h{
	display:flex;
	justify-content:center;


}

.img_flex_h img{
	height:clamp(100px , 20vw , 200px);
	width:auto;

}