@charset "UTF-8";


/* Online Info Side Navigation Settings
------------------------------------------------*/
.title-sidenav {
 border-bottom: none;
 background: #0d64f2;
}

.title-sidenav a {
 position: relative;
 padding: 30px 20px 30px 25px;
}

.title-sidenav a:before {
 content: "＞";
 position: absolute;
 top: 50%;
 left: 6px;
 display: block;
 background: none;
 margin: -7px 0 0;
 width: 1.5em;
 transform: scale(0.6,1);
 font-weight: bold;
 color: #fff;
}

.title-sidenav a:after {
 display: none;
}

.nav-side > dl > dd > ul > li > a {
 position: relative;
 padding: 15px 15px 15px 25px;
 text-indent: 0;
}

.nav-side > dl > dd > ul > li > a::before {
 content: "＞";
 position: absolute;
 top: 50%;
 left: 6px;
 display: block;
 background: none;
 margin: -10px 0 0;
 width: 1.5em;
 transform: scale(0.6,1);
 font-weight: bold;
 color: #959595;
}

.nav-side > dl > dd > ul > li > a.is-current {
 background: none;
 padding: 15px 15px 15px 25px;
 color: #0d64f2;
}

.nav-side > dl > dd > ul > li > a.is-current::before {
 content: '';
 left: 0;
 display: block;
	border-top: none;
	border-right: none;
 background: #0d64f2;
 margin: -10px 0 0;
 width: 5px;
 height: 20px;
 -ms-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}





/* ------------------------------------------------------------------------
	For Smart Phone 
------------------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
 /* Online Info Side Navigation Settings
 ------------------------------------------------*/
 .nav-side {
  display: block;
  background: #f1f1f1;
  padding: 13.3333333vw 5.3333333vw;
 }

 .nav-side > dl {
  background: #fff;
 }

 .title-sidenav {
  border-bottom: 0.5333333vw solid #f1f1f1;
  background: #0d64f2;
 }

 .title-sidenav a {
  padding: 11.2vw 4vw 11.2vw 10.666667vw;
  font-size: 4.2666667vw;
 }

 .title-sidenav a:before {
  left: 4.2vw;
  margin: -2vw 0 0;
  width: 1.1em;
 }

 .nav-side > dl > dd > ul > li {
  border-bottom: 0.5333333vw solid #f1f1f1;
 }
 
 .nav-side > dl > dd > ul > li > a {
  padding: 7.7333333vw 4vw 7.7333333vw 13.3333333vw;
  font-size: 3.733333vw;
 }

 .nav-side > dl > dd > ul > li > a::before {
  left: 6.9vw;
  margin: -2.8vw 0 0;
  width: 1.1em;
 }

 .nav-side > dl > dd > ul > li > a.is-current {
  padding: 7.7333333vw 4vw 7.7333333vw 13.3333333vw;
 }

 .nav-side > dl > dd > ul > li > a.is-current::before {
  margin: -2.666667vw 0 0;
  width: 1.3333333vw;
  height: 5.3333333vw;
 }
}