@charset "utf-8";
/*
 * ナビCSS
 */

	.c_header-cb{/* cbヘッダ用 */
		display: table;
		width: 100%;
	  height: 80px;
		padding: 0;
		margin: 0;
	}
	.c_header-cb .cb-logo{
		display: table-cell;
		padding: 0 30px 0 10px;
		width: 18%;
		vertical-align: middle;
	}
	.c_header-cb .cb-list{
		display: table-cell;
		width: 60%;
		vertical-align: middle;
	}
	.c_header-cb .cb-mail{
		display: table-cell;
		padding-right: 30px;
		vertical-align: middle;
	}
	
	.c_header-cb .cb-list .cb-menu{
		position: relative;
	  display: -webkit-flex !important;
		display: flex !important;
		flex-direction: row !important;
	  justify-content: center !important;
		margin: 0px;
		list-style: none;
		z-index: 10;
	}
	.c_header-cb .cb-list .cb-menu li{
		padding-right: 20px;
	}
	.c_header-cb .cb-list .cb-menu li:last-child{
		padding-right: 0px;
	}
	.c_header-cb .cb-list .cb-menu li a{
		overflow: hidden;
		position: relative;
		display: block;
		background: transparent;
		padding: 0 10px !important;
		font-family: "Commissioner", sans-serif;
		font-size: 20px;
		font-weight: 700;
		color: #132f4d;
		text-align: center;
		text-decoration: none;
		z-index: 10;
		transition: .3s;
	}
	.c_header-cb .cb-list .cb-menu li a .jp{
		display: block;
		font-size: 15px;
		font-weight: 400;
	}
	.c_header-cb .cb-list .cb-menu li .active{
		color: #0555ad !important;
		text-decoration: none;
	}
	.c_header-cb .cb-list .cb-menu li a:hover{
		color: #0555ad;
		text-decoration: none;
	}

	.c_header-cb .cb-mail .cb-link{
		overflow: hidden;
		overflow: visible;
		display: table;
		position: relative;
		background: transparent;
		background-color: #f39809;/* メールボタン背景色 */
		border-radius: 100px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		margin: 0 0 0 auto;
		width: 200px;
		height: 60px;
		color: white;
		text-align: center;
		line-height: 1;
		text-decoration: none;
		z-index: 1;
		transition: transform 0.3s ease;
	}
	.c_header-cb .cb-mail .cb-link::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #f39809; /* 背景色 */
		border-radius: 100px;
		z-index: -1;
		transition: transform 0.3s ease;
		transform: scale(1);
	}
	.c_header-cb .cb-mail .cb-link:hover::before {
		transform: scale(1.08); /* 背景のみ拡大 */
	}
	.c_header-cb .cb-mail .cb-link .link-ic{
		display: table-cell;
		width: 70px;
		padding-left: 30px;
		font-size: 40px;
		line-height: 1;
		vertical-align: middle;
	}
	.c_header-cb .cb-mail .cb-link .link-text{
		display: table-cell;
		line-height: 1;
		vertical-align: middle;
	}
	.c_header-cb .cb-mail .cb-link .link-text .txt01{
		display: block;
		margin-bottom: 4px;
		font-family: "Commissioner", sans-serif;
		font-size: 18px;
		font-weight: 400;
		letter-spacing: 0.08em;
	}
	.c_header-cb .cb-mail .cb-link .link-text .txt02{
		display: block;
		font-size: 12px;
	}
	@media screen and (max-width: 1280px) {
		.c_header-cb .cb-logo{
			padding: 0 15px 0 10px;
		}
		.c_header-cb .cb-mail{
			padding-right: 15px;
		}

		.c_header-cb .cb-list .cb-menu li{
			padding-right: 1vw;
		}
		.c_header-cb .cb-list .cb-menu li a{
			font-size: 18px;
		}

		.c_header-cb .cb-mail .cb-link{
			width: 180px;
		}
		.c_header-cb .cb-mail .cb-link .link-ic{
			width: 50px;
			padding-left: 15px;
			font-size: 30px;
		}
	}
	@media screen and (max-width: 991px) {
		.c_header-cb{
			display: none;
		}
	}

/*
 * スクロールして現れるナビ設定CSS
 */

	.cb_header{
	  position: fixed; /* ヘッダーバーを固定 */
	  top: 0; /* 上から0の位置に固定 */
	  left: 50%; /* 左から0の位置に固定 */
	  display: none; /* ヘッダーバーを非表示 */
	  overflow: hidden;
	  box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.2);
	  background: #fff;
		border-radius: 0 0 24px 24px;
		-webkit-border-radius: 0 0 24px 24px;
		-moz-border-radius: 0 0 24px 24px;
		margin-left: -623px;
	  width: 1246px;
	  height: 80px;
	  z-index: 9999;
	}
	.cb_header-wrap{
	  width: 100%;
	  min-width: 100%;
	  z-index: 9999;
	}
	@media screen and (max-width: 1280px) {
		.cb_header{
			left: 5%; /* 左から0の位置に固定 */
			border-radius: 0 0 20px 20px;
			-webkit-border-radius: 0 0 20px 20px;
			-moz-border-radius: 0 0 20px 20px;
			margin-left: 0px;
			width: 90%;
			height: 80px;
		}
	}
	@media screen and (max-width: 991px) {
	  .cb_header,
	  .cb_header *,
	  .c_header-cb {
	    display: none !important;
	  }
	}
	@media print{/* 印刷非表示 */
	  .cb_header,
	  .cb_header *,
	  .c_header-cb {
	    display: none !important;
	  }
	}