@charset "utf-8";
/* CSS Document */

/* ------------------------------------
 header
------------------------------------  */
.header{
  width: 100%;
}
.header__inner{
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  display: flex;
}

/* ------------------------------------
 nav
------------------------------------  */
.navbar {
	width: 100%;
	background-color: white!important;
	border-bottom: solid 1px #e5e5e5;
}

.navbar a:hover {
    /* color: rgba(0, 0, 0, 0.95)!important; */
}
.menu-to-app-btn a:hover{
  color: #fff !important;
}

.nav-link{
  text-decoration: none;
}
.nav-item:not(:last-child) {
  border-right: 1px solid #D3CDCD;
  padding-left: 10px;
  padding-right: 10px;
}
.nav-item:last-child{
  margin-left: 20px;
}
.nav-item.is-active{
  border-bottom: 3px solid #2D5986;
}

.navbar-toggler {
  display: none;
	width: 100px;
	padding: 0.5rem;
	font-size: 0.9rem;
}
.navbar-toggler-icon{
	position: relative;
	width: 20px;
	width: 20px;
	height: 2px;
}
.navbar-toggler.collapsed .navbar-toggler-icon{
	background-color: #000;
}
.navbar-light .navbar-toggler-icon{
	background-image: none;
}
.navbar-toggler-icon::before{
	content: '';
	position: absolute;
	display: block;
	width: 20px;
	height: 2px;
	left: 0;
	top: 0;
	background-color: #000;
	transform: rotate(45deg);
}
.navbar-toggler.collapsed .navbar-toggler-icon::before{
	transform: rotate(0deg);
	top: -5px;
}

.navbar-toggler-icon::after{
	content: '';
	display: block;
	position: absolute;
	width: 20px;
	height: 2px;
	left: 0;
	bottom: 0;
	background-color: #000;
	transform: rotate(-45deg);
}
.navbar-toggler.collapsed .navbar-toggler-icon::after{
	transform: rotate(0deg);
	bottom: -5px;
}

.navbar-toggler .menu-text--open {
	display: none;
}
.navbar-toggler .menu-text--close {
	display: inline;
}

.navbar-toggler.collapsed .menu-text--open {
	display: inline;
}
.navbar-toggler.collapsed .menu-text--close {
	display: none;
}


@media(max-width:992px) {
  .navbar-toggler {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .nav-item{
    border-right: 0;
  }
  .nav-item:not(:last-child){
    border-right: none;
  }
}


/* ------------------------------------
 summary
------------------------------------  */
.list-item__inner-list{
  display: flex;
}


table.top-t {
  width: 100%
}
table.top-t th, table.top-t td.st {
  background-color: #2D5986;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 0.5rem 1rem;
}
table.top-t th {
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
table.top-t td.st {
  border-bottom: 1px solid #FFF;
}
table.top-t td {
  width: 20%;
  padding: 10px 1rem;
  border-bottom: 1px solid rgba(51, 102, 153, 0.6);
  border-right: 1px solid rgba(51, 102, 153, 0.6);
}
.shasen{
background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #9fb7ce 50%, #9fb7ce calc(50% + 0.5px), transparent calc(50% + 1px))	
}
.blue-btn_area {
  width: 100%;
  text-align: left;
  margin: 5% 0;
}
.blue-btn_area li {
  font-size: 1.3rem;
  font-weight: bold;
}
.blue-btn {
  display: flex;
  justify-content: space-between;
  gap: 5px;
  align-items: center;
  padding: 1rem 2rem;
  background-color: #2D5986;
  text-align: center;
  color: white;
  transition: all linear 0.3s;
  border: 2px solid #2D5986;
  text-decoration: none
}
.blue-btn:hover {
  background-color: #fff;
  color: #2D5986;
}
@media(max-width:992px) {
  .blue-btn_area li {
    font-size: 1rem;
  }
  .blue-btn {
    padding: 0.8rem 0.6rem;
    text-align: left;
  }
}



.go-f {
  margin-bottom: 0;
  padding: 0;
}
.go-f dt {
  font-size: 1.1rem;
}
.go-f dd {
  font-size: 1.8rem;
  padding-top: 20px !important;	
}
.to-black-btn {
  padding: 2rem;
  font-weight: bold;
  border: solid 1px #000;
  border-radius: 5px;
  text-align: center;
}
.discount_area{
  width: 100%;
}
.discount_area ul {
  max-width: 560px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content:space-around;
}
 .discount_area ul a {
  text-align: center;
  font-size: 1.1rem;
  text-decoration: none !important;
  padding: 1rem;
  background-color: #2D5986!important;
  color: white!important;
  font-weight: bold;
  border-radius: 5px;
}

.discount_area ul a:hover{
  background-color: #2a4474!important;
}
.to-dl-btn {
	color:white;
	font-weight: bold;
}
.pdf-link{
	display: block;
	text-align: center;
	margin: 1rem 0;
	font-size: 1.5rem;
	font-weight: bold;
	color: red;
}
.pdf-link:hover{
	opacity: 0.8;
}


@media(max-width:768px) {
  .indent4 {
    margin-left: 0;
  }
  .scroll {
    overflow: auto;
    white-space: nowrap !important;
  }
  .scroll::-webkit-scrollbar {
    height: 5px;
  }
  .scroll::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
  .go-f {
    display: block;
  }
  .go-f dt, .go-f dd {
    width: 100%;
    text-align: center;
  }
  .go-f dd {
    margin-top: 5%;
  }
  .discount_area ul a{
    
  }
}


/* ------------------------------------
 flowchart
------------------------------------  */
.flowchart-area{
  background-color: #fff;
  padding: 50px 15px 10px;
}
.flowchart--link{
  text-decoration: none;
  display: block;
}
.flowchart-area .icon--pdf{
  justify-content: center;
}
.flowchart--txt{
  font-size: 1.4rem;
  display: flex;
  color: #333;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #333;
  font-weight: 600;
}
.flowchart--txt:hover{
  border-color: transparent;
}
@media(max-width:991px) {
  .flowchart-area{
    padding: 30px 0 10px;
  }
  .flowchart--txt{
    font-size: 1.2rem;
    flex-direction: column;
  }
}