body {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.afx10th {
    font-weight: 600;
    font-size: 1.3rem;
}

@media (max-width: 504px) { .afx10th {font-size: 1.2rem;}}
@media (max-width: 380px) { .afx10th {font-size: 1.1rem;}}

.title-ja {
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 160%;
}

.paragragh-ja {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 2;
  text-align: justify;
}
.paragragh-note-ja {
  font-weight: 400;
  font-size: 1.05rem;
  line-height: 1.7;
  text-align: justify;
}

.paragragh-e {
  font-weight: 400;
  font-size: 1.05rem;
  line-height: 1.5;
  text-align: justify;
}
paragragh-note-e {
  font-weight: 400;
  font-size: 1.rem;
  line-height: 1.5;
  text-align: justify;
}

p.indent-j {
		padding-left:1em;
		text-indent:-1em;
	}
p.indent-e {
		padding-left:0.8em;
		text-indent:-0.5em;
	}


.title-eng {
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 160%;
}

@media (max-width: 991px) { .title-ja {font-size: 1rem;}}
@media (max-width: 991px) { .title-eng {font-size: 1rem;}}
@media (max-width: 991px) { .paragragh-ja {font-size: 0.9rem;}}
@media (max-width: 991px) { .paragragh-note-ja {font-size: 0.85rem;}}
@media (max-width: 991px) { .paragragh-e {font-size: 0.9rem;}}
@media (max-width: 991px) { .paragragh-note-e {font-size: 0.85rem;}}

h4.prof {
  font-size: 1.1rem;
}

p.proflead {
  font-size: 1.1rem;
}

@media (max-width: 991px) { h4.prof, p.proflead {font-size: 1rem;}}

.footnavi a {
  color:#110a1c;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 2;
  padding: 0 1rem;
}
@media (max-width:433px) {.footnavi a {font-size: 1rem; padding: 0 0.4rem;}}

.footnavi a:hover {
  text-decoration: none;
  color: #0476e1;
}



.h-quat {
  min-height: 36vh;
}

h2.subTitle {
  font-weight: 600;
  font-size: 1.4rem;
}

.bggradation {
  background-image: linear-gradient(90deg, #110a1c, #0b1e52);
}

.bgworks {
  background-color: #636363;
}


.container-fluid .card-columns, .container-wide .card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

.container-fluid .card-columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.container-fluid .card-columns-3 {
    -webkit-column-count:3;
    -moz-column-count: 3;
    column-count: 3;
}

@media (min-width: 48em) {
  .container-fluid .card-columns, .container-wide .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}

@media (min-width: 48em) {
  .container-fluid .card-columns-2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .container-fluid .card-columns, .container-wide .card-columns {
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }
}

.back-to-top {
  display: none;
  position: fixed;
  right: 2%;
  bottom: 2%;
  color: #fff;
  padding: 1rem;
  border-radius: 50%;
  display: inline-block;
  text-decoration: none;
  z-index: 3;

}
.back-to-top::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #0764bb;
  border-radius: 50%;
  opacity: 80%;
  z-index:-100;
}

.back-to-top:hover {
  color:rgb(253, 209, 78);
}

#leadcopy {
  z-index: auto;
}
#wowman, #wowmancopy, #company, #footer {
  z-index: auto;
}


hr.row-div {
  margin: 10px 0 30px ;
  border-top: solid 2px #c7c7c7;
}


.indent span {
  display: inline-block;
}

h6.cpl  {
    font-weight: 400;
    text-transform: none;
    font-size: 0.9rem;
    letter-spacing: 0.06em;
   vertical-align:top;
}

span.cplight {
  font-size: 1.8rem;
  vertical-align:-5.5px;
}