﻿#main {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.primary {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.title01 {
  font-size: 2.0rem;
  font-weight: bold;
  text-align: center;
}
.text02 {
  margin: 5px 25px 5px;
}
.text02 a{
  text-decoration: none;
  color: #1E90FF;
}
.text02 a:hover{
  text-decoration:underline;
}
.title03 {
  margin: 20px 0;
}
.text01 {
  margin: 5px 10px 5px;
  text-align: left;
}
.last {
  padding-bottom: 5.0rem;
}
.table-wrapper table {
  width: 100%;
  margin: 10px 10px;
  position: relative;
  border: 1px solid #333;
  border-collapse: collapse;
  table-layout: fixed;
  /*display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
*/
}
.table-wrapper td, th {
  /*white-space: nowrap;*/
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
  font-size: 1.2rem;
  vertical-align: middle;
}
.table-wrapper td {
  vertical-align: middle;
  /*word-break: break-all;*/
  word-wrap: break-word !important;
}
.tdcenter {
  vertical-align: middle;
}
.table-wrapper th {
  font-size: 1.2rem;
}
.table-wrapper table th {
  /*  background-color: #eee;*/
  position: sticky;
  top: -1px;
  z-index: 2;
  border: 1px solid #333;
  vertical-align: middle;
}
.table-wrapper_none table {
  width: 100%;
  margin: 10px 0px;
  position: relative;
  border: 1px solid #333;
  border-collapse: collapse;
  table-layout: fixed;
}
.table-wrapper_none td, th {
  /*white-space: nowrap;*/
  border: 1px solid #333;
  padding: 5px;
  text-align: center;
  font-size: 1.2rem;
  vertical-align: middle;
}
.table-wrapper_none td {
  vertical-align: middle;
  word-wrap: break-word !important;
}
.table-wrapper_none th {
  font-size: 1.2rem;
  border: 1px solid #333;
}
/*.table-wrapper_sp table {
    width: 100%;
  position: relative;
  border: 1px solid #333;
  border-collapse: collapse;
    table-layout: fixed;
	
display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    
}
*/
.table-wrapper_sp td, th {
  /*white-space: nowrap;*/
  border: 1px solid #333;
  padding: 2px;
  text-align: center;
  font-size: 1.2rem;
  vertical-align: middle;
}
.table-wrapper_sp td {
  vertical-align: middle;
  word-wrap: break-word !important;
}
.table-wrapper_sp th {
  font-size: 1.2rem;
  border: 1px solid #333;
}
.textlist a {
  color: #0213D1;
}
.small {
  font-size: 1.1rem;
}
.box1 {
  padding: 0.5em 1em;
  margin: 2em 0;
  border: solid 1px #000000;
  width: 50%;
}
.box1 p {
  margin: 0;
  padding: 0;
}
.title03 {
  padding: 0.4em 0.5em; /*文字の上下 左右の余白*/
  color: #494949; /*文字色*/
  background: #f4f4f4; /*背景色*/
  border-left: solid 5px #7db4e6; /*左線*/
  font-weight: bold;
}
.bg-color1 {
  background-color: #FBF6DB;
  padding: 5px;
  font-weight: bold;
}
.bg-color2 {
  background-color: #ccffcc;
}
.bg-color3 {
  background-color: #FFE6E8;
}
.bg-color4 {
  background-color: #E9E9E9;
}
.bg-color5 {
  background-color: #E7FAFF;
}
.indent-2 {
  margin-left: 2em;
  text-indent: -1em;
}
.button {
  position: relative;
  display: inline-block;
  padding: .6em 2em;
  background-color: #00A3FF;
  border: 2px solid #00A3FF;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  margin: 10px;
}
.button::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
.button:hover {
  opacity: 0.8;
}
@media only screen and (max-width: 768px) {
  .primary {
    width: 90%;
  }
  .title01 {
    font-size: 1.8rem;
    margin-top: 2.0rem;
  }
  .title03 {
    margin: 10px 0;
  }
  .text01 {
    font-size: 1.2rem;
    padding: 10px;
  }
  .box1 {
    width: 100%;
  }
  .table-wrapper td, th {
    font-size: 1.0rem;
  }
  .table-wrapper_none td, th {
    font-size: 1.0rem;
  }
  .table-wrapper th {
    font-size: 0.8rem;
  }
  .bg-color1 {
    padding: 3px;
    font-size: 1.0em
  }
  .table-wrapper_none { /*table全体のラッパー。スクロールを表示する*/
    max-width: 100%;
    overflow: scroll;
    padding: 0px;
    margin: 0px;
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .table-wrapper_none table {
    width: 600px
  }
  .table-wrapper_none{
        font-size: 1.0rem;
		overflow-x: scroll;
    }
  .small {
    font-size: 0.8rem;
  }
}
.osirase1{
	margin-top: 5px;
	font-size: 14px;
}
.osirase1_sub{
	padding-left: 1em;
}
.osirase1_sub a{
    text-decoration: none;
	color: #1E90FF;
}
.osirase1_sub a:hover{
    text-decoration:underline;
}