@charset "UTF-8";

.contents--top {
padding: 0 ;
}

.mt50{
margin-top:50px;}

.btn_mng:before {
  content: "";
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
}

.btn_mng:hover {
  text-decoration: none;
  opacity: 0.6;
}

#contents_wrap {
  width: 100%;
  max-width: 100%;
}

.btn01 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #FFF;
  background: #0587d7;
  border-radius: 3px;
  transition: .4s;
  font-size:150%;
width:350px;
font-weight:bold;
}

.btn01:hover {
  background: #67c5ff;
  color: white;
}


.btn02 {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  background: #ed9b00;
  border-radius: 3px;
  transition: .4s;
  font-size:150%;
  width:350px;
font-weight:bold;
}

.btn02:hover {
  background: #edb650;
  color: white;
}
.btn_menu:a {
  color: white;
}

.btn_menu a:link   {text-decoration:none; color: white;}
.btn_menu a:visited{text-decoration:none; color: white;}
.btn_menu a:hover  {text-decoration:none; color: white;}



@media print, screen and (min-width: 768px) {
.fixed-width,navline {
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
}
  .navline {
    margin-top: 30px;
    border-bottom: 1px solid #529bd4;
    border-top: 1px solid #529bd4;
  }
  .anker--list {
    width: 100%;
    display: flex;
    padding: 0px 0 0;
  }
  .udline {
    border-bottom: 1px solid #529bd4;
  }
  .superiority--list {
    width: 100% !important;
    display: inline-flex;
    padding: 15px 0 0;
  }
  .anker {
    width: 17%;
    /*width:16.66%;*/
    color: #000;
    font-size: 16px;
    border-left: 1px solid #529bd4;
    margin-right: 0px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
  }
  .anker .small {
    font-size: 10px;
    line-height: 1 !important;
  }
  .anker .anker-title a {
    padding: 10px 10px !important;
    display: block;
    height: 100%;
    color: #333;
    font-size: 16px;
    text-decoration: none;
  }
  .anker:hover {
    background-color: #b7d3e9;
    ;
  }
  .anker:last-child {
    margin-right: 0px;
    border-right: 1px solid #529bd4;
  }
  }





@media only screen and (max-width:767px) {
  .anker--list {
    display: flex;
    flex-flow: row wrap;
    padding: 0px 0 0;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #aaa;
  }
  .anker {
    min-width: 120px;
    width: 50%;
    color: #333;
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-right: 0px;
    margin-bottom: 0px;
    box-sizing: border-box;
  }
.anker-title {
    font-size: 3vw;
text-align: center;
}
.anker:nth-child(even) {
    margin-right: 0px;
    border-right: 1px solid #aaa;
}
 .anker a {
    display: block;
    color: #333;
    padding: 15px 10px !important;
    text-decoration: none;
  }
  .anker a:hover {
    background-color: #e2e2e2;
    ;
  }
  .anker:nth-child(even) {
    margin-right: 0px;
    border-right: 1px solid #aaa;
  }
  .anker:last-child {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    border-right: 1px solid #aaa;
  }
  }

.support_title {
    font-size: 25px;s
    margin: -9px auto 22px;
    background: #004376;
    color: white;
    padding:5px;
    font-weight:normal;
}


.case{
  width: 100%;
  border-spacing: 0;
}

.case th{
  border-bottom: solid 2px #529bd4;
  padding: 10px 5px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  background:#d5e8f7;

}

.case td{
  border-bottom: solid 2px #d6e9f8;
  text-align: left;
  padding: 10px 5px;
  border-left:0px;
  border-right:0px;
  border-top:0px;
}

.vol_img{
overflow: auto;
text-align:center; 
margin:20px 0 100px 0
}