/**
* Template Name: Anyar - v2.0.0
* Template URL: https://bootstrapmade.com/anyar-free-multipurpose-one-page-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html { 
  font-size: 62.5%;
}
nolog_footer p.copy {
  font-size: 100%;
}

body {
  font-family:'メイリオ', 'Meiryo', sans-serif;
  color: #444444;
}

a {
  color: #0880e8;
  text-decoration: none;
}

a:hover {
  opacity: 0.6;
  text-decoration: none;
}

/*h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP", sans-serif;
}

p, li {
  font-size: 1.8rem;
  line-height: 1.6;
}*/

.container-fluid table {
	height: 85vh;
}

table {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}

table td {
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  vertical-align: middle;
}

.bk_bl {
  background-color: #1f4e78;
  color: #fff;
  font-size: 4rem;
  text-align: center;
  padding: 0;
  font-weight: 600;
  line-height: 1;
  vertical-align: middle;
}

.bk_gr {
  background-color: #f2f2f2;
  font-size: 3rem;
  text-align: center;
  padding: 0;
  font-weight: 600;
  line-height: 0.6;
}

.second {
  border-right:1px solid #f2f2f2;
}

.bk_gr span {
  font-size: 3rem;
}

.bk_gr span.number {
  font-size: 4rem;
}

.bk_wh {
  font-size: 2rem;
  padding: 0;
  font-weight: 600;
  line-height: 1.2;
  text-align: right;
  padding-right: 10px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.bk_rd {
  background-color: #ff6161;
  font-size: 13rem;
  text-align: center;
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

.bk_yl {
  background-color: #ffff79;
  font-size: 13rem;
  text-align: center;
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

.bk_or {
  background-color: #ffcc29;
  font-size: 8rem;
  text-align: center;
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

.bk_gre {
  background-color: #a9d18e;
  font-size: 13rem;
  text-align: center;
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

.bk_sb {
  background-color: #bdd7ee;
  font-size: 13rem;
  text-align: center;
  padding: 0;
  /*color: #fff;*/
  font-weight: 600;
  line-height: 1;
}

.bk_err {
  font-size: 10rem;
  text-align: center;
  padding: 0;
  font-weight: 600;
  line-height: 1;
}

td:nth-child(2).bk_err {
  color: #ff0000;
}

.bk_rd span,
.bk_yl span,
.bk_or span,
.bk_gre span,
.bk_sb span,
.bk_err span {
  font-size: 3rem;
}

.bk_rd span.number,
.bk_yl span.number,
.bk_or span.number,
.bk_gre span.number,
.bk_sb span.number,
.bk_err span.number {
  font-size: 17rem;
}

.d-none {
  display: none;
}

td:first-child.bk_gr {
	width: 18%;
}
td:nth-child(2).bk_gr {
	width: 18%;
}
td:nth-child(3).bk_gr {
	width: 9%;
}

@media screen and (max-width: 1366px) {
  .container-fluid table {
  	height: 75vh;
  }
  
  .bk_bl {
    font-size: 2.4rem;
  }

  .bk_gr {
    font-size: 1.5rem;
    line-height: 25px;
  }

  .bk_or {
    font-size: 4rem;
    line-height: 1.2;
  }

  .bk_rd,
  .bk_yl,
  .bk_gre,
  .bk_sb,
  .bk_err {
    font-size: 5rem;
  }
  .bk_gr span.number,
  .bk_rd span.number,
  .bk_yl span.number,
  .bk_or span.number,
  .bk_gre span.number,
  .bk_sb span.number,
  .bk_err span.number {
    font-size: 5rem;
  }
  
  .bk_gr span,
  .bk_rd span,
  .bk_yl span,
  .bk_or span,
  .bk_gre span,
  .bk_sb span,
  .bk_err span {
    font-size: 3rem;
  }
  
  td:first-child.bk_gr {
  	width: 12%;
  }
  td:nth-child(2).bk_gr {
  	width: 9%;
  	white-space: nowrap;
  	padding-left: 2%;
  }
  td:nth-child(3).bk_gr {
  	width: 18%;
  }
}

@media screen and (max-width: 576px) {

  .container-fluid table {
  	height: 70vh;
  }
  
  .bk_bl {
    font-size: 2.4rem;
  }

  .bk_gr {
    font-size: 1.5rem;
  }

  .bk_or {
    font-size: 4rem;
    line-height: 1.2;
  }

  .bk_rd,
  .bk_yl,
  .bk_gre,
  .bk_sb,
  .bk_err {
    font-size: 3rem;
  }
  .bk_gr span.number,
  .bk_rd span.number,
  .bk_yl span.number,
  .bk_or span.number,
  .bk_gre span.number,
  .bk_sb span.number,
  .bk_err span.number {
    font-size: 3rem;
  }
  
  .bk_gr span,
  .bk_rd span,
  .bk_yl span,
  .bk_or span,
  .bk_gre span,
  .bk_sb span,
  .bk_err span {
    font-size: 2rem;
  }
  
  td:first-child.bk_gr {
  	width: auto;
  }
  td:nth-child(2).bk_gr {
  	width: auto;
  }
  td:nth-child(3).bk_gr {
  	width: auto;
  }
}

@media screen and (orientation: landscape) and (max-height: 576px) {

  .container-fluid table {
  	height: 70vh;
  }
  
  .bk_bl {
    font-size: 2.4rem;
  }

  .bk_gr {
    font-size: 1.5rem;
  }

  .bk_or {
    font-size: 4rem;
    line-height: 1.2;
  }

  .bk_rd,
  .bk_yl,
  .bk_gre,
  .bk_sb,
  .bk_err {
    font-size: 3rem;
  }
  .bk_gr span.number,
  .bk_rd span.number,
  .bk_yl span.number,
  .bk_or span.number,
  .bk_gre span.number,
  .bk_sb span.number,
  .bk_err span.number {
    font-size: 3rem;
  }
  
  .bk_gr span,
  .bk_rd span,
  .bk_yl span,
  .bk_or span,
  .bk_gre span,
  .bk_sb span,
  .bk_err span {
    font-size: 2rem;
  }
  
  td:first-child.bk_gr {
  	width: auto;
  }
  td:nth-child(2).bk_gr {
  	width: auto;
  }
  td:nth-child(3).bk_gr {
  	width: auto;
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 0;
  overflow: hidden;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
/*.breadcrumbs {
  padding: 15px 0;
}

@media (max-width: 992px) {
  .breadcrumbs {
  }
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
}

.breadcrumbs ol li {
  font-size: 1.4rem;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #999;
  content: "/";
}*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*#footer {
  background: #009e41;
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 1.4rem;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}*/