body {
	margin: 0 auto;
}
.headwaku{/*ロゴとメニュー表示の設定*/
  width: 100%;
  margin-top: -30px;
  background-color: rgba(255, 255, 255, 1);/*最後の数値が透過 0台から*/
  background-blend-mode: lighten;
  position: fixed;
}

.logomark{
  padding-top: 20px;
  scale:100%;
  text-align: center;
  z-index: 1;
}
ul{
  width: 100%;
  display: flex;
  justify-content: center;
}
.menulist{
  display:flex;
  justify-content: space-around;
  font-family: 'Noto Sans JP', sans-serif;
  font-size:18px;
  margin-left: -3%;
  margin-right: 1%;
}

li{
  list-style:none;
  padding: 0.1rem 1.0rem;/*斜線の余白*/
  border-left:1.7px solid #011C7C ;/*斜線の色太さなど*/
  border-right:1.7px solid #011C7C ;/*斜線の色太さなど*/
  transform: skew(-15deg);/*斜線の角度*/
}
.selected{
  background-color: #011C7C;
}

li a{
  font-weight: 600;
  color: #011C7C;
  text-decoration: none;
  display: block;/*斜線内の文字の角度*/
  transform:skew(15deg);/*斜線内の文字の角度*/
  padding-bottom: 1%;
}
.textselected{
  color: white;
}
.machine01{
  padding-top: 200px;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  column-gap: 2%;
  height: 400px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}

.tables{
    --x-gradient: linear-gradient(90deg, #333 0 10px, transparent 0 calc(100% - 10px), #333 calc(100% - 10px));
    --y-gradient: linear-gradient(#333 0 10px, transparent 0 calc(100% - 10px), #333 calc(100% - 10px));
    position: relative;
    padding: 1rem;
    margin-bottom: 0.2rem;
    margin-left: 0.5rem;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
    background-position: top, right, bottom, left;    
    background-color: #f4f3f3;
    z-index: -1;
}
table{
  padding-left: 1em;
  padding-right: 0em;
}
caption{
  font-weight: bolder;
  text-align: center;
  font-size: 1.1em;
  background-color: #011C7C;
  color: white;
  transform: skew(-15deg);
}
.captionselected{
  display: block;
  transform: skew(15deg);
  padding-bottom: 0.7%;
}
.captionselected2{
  display: block;
  transform: skew(15deg);
  padding-bottom: 0.7%;
}
th{
  width: 120px;
  align-items: center;
  height: 42.5px;
  font-weight: normal;
  text-align: left;
  padding-right: 0.5em;
}
tr{
  font-weight: bolder;
  padding-left: 0em;
  text-align: left;
}
.pic01{
  box-shadow:7px 7px 0px 0 #4c6893 ;
}

.machine02{
  padding-top: 5em;
  padding-bottom: 5em;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  column-gap: 2%;
  height: 400px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.table02{
  justify-items: center;/*テーブルの左右調整*/
}
.machine03{
  padding-top: 0em;
  padding-bottom: 5em;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  column-gap: 2%;
  height: 400px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.table03{
  justify-items: center;
}
.machine04{
  padding-top: 0em;
  padding-bottom: 5em;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  column-gap: 2%;
  height: 400px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.machine05{
  padding-top: 0em;
  padding-bottom: 5em;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  column-gap: 2%;
  height: 400px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.table02b{
  padding-top: 2em;
  justify-items: center;
}
.machine06{
  padding-top: 0em;
  padding-bottom: 5em;
  display: flex;
  justify-content: center;
  vertical-align: middle;
  column-gap: 2%;
  height: 400px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.table156{
  padding-left: 1em;
  padding-right: 1em;
}
.bottomline{
  height: 50px;
  width: auto;
  background-color: #1D2693;
}
.copyright{
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  color: white;
  padding-top: 10px;
}