@charset "UTF-8";

body {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-size:100%;
	color: #000;
	font-weight: 400;

}

/*
@media(max-width:750px){
	body{
		padding-top: 11.2%;
	}
}
@media(min-width:751px){
	body{
		padding-top: 2.9%;
	}
}
*/
.cl_rk {
	color : #1f37a8;
}
.lh_01 {
	line-height : 185%;
}
.bg-sky {
	background-color : #F7FAFD;
}

.title_box_round {
	border-radius:30px;
}

.btn_round {
	border-radius:40px;
}

.bg-nedo {
	background-color: #2e3192;
}

.navbar-nav .nav-link {
  position: relative;
  padding-bottom: .5em;
}
.navbar-nav .nav-link::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: .07em;
  background-color: #fff;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
  width: 100%;
}

.cross {
	background-image: linear-gradient(90deg, #f3f3f3 1px, transparent 0),
	linear-gradient(#f3f3f3 1px, transparent 0);
	background-size: 10px 10px;
}

/* 1. Inactive Tabs (Default state) */
.custom-tabs .nav-link {
  color: #555555; /* Gray text */
  background-color: #f8f9fa; /* Light gray background */
  border-color: #dee2e6;
}

/* 2. Hover State */
.custom-tabs .nav-link:hover {
  color: #000000;
  background-color: #e9ecef;
  border-color: #dee2e6 #dee2e6 #bfe3fa;
}

/* 3. Active Tab (Selected state) */
.custom-tabs .nav-link.active {
  color: #ffffff !important; /* White text */
  background-color: #0055a7 !important; /* Bootstrap primary blue */
  border-color: #0d6efd #0d6efd transparent !important; 
}