body {
  padding-top: 4.0rem;
  overflow-x: hidden;
  font-family: 'Noto Sans', 'Roboto Slab', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto;
  display: flex;
  flex-flow: column;
  min-height: 100vh;
  color: #6d757c;
}

main {
  flex: 1;
}

a:hover {
  text-decoration:none;
}

.info-section {
  padding: 64px 0;
  text-align: left;
}

.cantop {
  position: relative;
  width: 100%;
  background-size: 100% 100%;

}
.cantop:before {
  content:"";
  display: block;
  padding-top: 62.5%;
}

.topImage01 {
  background-image: url("../img/top_01.jpg");

}
.topImage02 {
  background-image: url("../img/top_02.jpg");

}
.topImage03 {
  background-image: url("../img/top_03.jpg");

}

.page-section {
  padding: 64px 5%;
  text-align: left;
}


table{
  border-collapse:collapse;
  margin:0 auto;
  width: 100%;
}
td,th{
  border:1px solid var(--can-gray);
  border-left:5px solid var(--can-blue);
  padding:10px;
  display: block;
  height: 100%;
}
th{
  color: var(--can-blue);
  background: whitesmoke;
}
td{
  text-align: left;
}

.tablePostScript {
  width: 100%;
  height: 48px;
  text-align: right;
}

.footer {
  background-color: #333;
  color: #888;
  overflow: hidden;
  font-size: 0.8em;
  padding-top: 16px;
}

.footer a, a:link {
  color: #888;
}

.footer a:hover {
  text-decoration:none;
  color: var(--can-blue);
}

.footer ul {
  list-style: none;
}

.footer ul li {
  padding-bottom: 4px;
}

.copylight {
  width: 100%;
  text-align: center;  
  margin: 16px 0;
}

.boxTitle {
  margin: 0 0 40px;
  text-align: center;
  color: #6d757c;  
}

@media (min-width: 768px) {
  td,th{
    display: table-cell;
  }
  table{
    width: 100%;
  }
  th{
    border-left:5px solid var(--can-blue);
    width: 25%;
    text-align: left;
    vertical-align: top;
  }
  td{
    border-left:1px solid var(--can-gray);
    width: 75%;
    text-align: left;
  }

  .cantop:before {
    content:"";
    display: block;
    padding-top: 50%;
  }

  .info-section {
    padding: 64px 15%;
  }
      

}

.boxTitle h4 {
  color: var(--can-blue);

}

.boxTitle .jTitle {
  color: var(--can-gray);

}

.supple {
  margin-left: 16px;
  font-size: 0.8em;
}

:root {
  --can-blue: #1976d2;
  --can-gray: #9e9e9e;
  --content-color: #6d757c;

}

ul.listc1{
  display: table;
  width: 100%;
}
ul.listc1 > li{
  display: table-cell;
  float: left;
  width: 100%;
  text-align: left;
}
ul.listc2{
  display: table;
  width: 100%;
}
ul.listc2 > li:nth-child(2n+1){
  clear: both;
}
ul.listc2 > li{
  display: table-cell;
  float: left;
  width: 40%;
  text-align: left;
}


ul.listc3{
  display: table;
  width: 100%;
}
ul.listc3 > li:nth-child(2n+1){
  clear: both;
}
ul.listc3 > li{
  display: table-cell;
  float: left;
  width: 25%;
  text-align: left;
  white-space: nowrap;
}

ul.listnone{
  list-style: none;
  display: table;
  width: 100%;
  text-align: left;
}

ul.listnone > li.dot::before {
  position: relative;
  top: -2px;
  left: -4px;
 
  display: inline-block;
 
  width: 4px;
  height: 4px;
 
  content: '';
 
  border-radius: 100%;
  background: var(--can-gray);
}


a.inquiryLink {
  color: var(--can-blue);

}

p.important-sentence {
  font-size: 14px;
  font-weight: bold;
  margin: 6%;
  margin-top: 10px;
  text-align: left;
}


ol li.brackets {
	list-style-type: none;
	counter-increment: cnt;
}

ol li.brackets::before {
	content: "(" counter(cnt) ") ";
}

ol li.brackets {
	list-style-type: none;
	counter-increment: cnt;
}
li.brackets::before {
	content: "(" counter(cnt) ") ";
}


iframe {
  transform: scale(0.9);
}