/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
 
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
@charset "utf-8";
/* CSS Document */

html {
	font-size:90%;/*10pt基準*/
}

body,html{margin:0;padding:0;height:100%;}
body{
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
}
svg{font-weight:bold;max-width:600px;height:auto;}
table{
  width: 80%;
  border-collapse: collapse;
}

table.center{
	margin-left : auto ;
	margin-right : auto ;

}
table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}
table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #5e55cc;
  color: white;
  text-align: center;
  padding: 10px 0;
}

table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #5e55cc;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

table td{
  text-align: left;
  width: 70%;

  background-color: #eee;
  padding: 10px 20px;

}
.marker1{
background:linear-gradient(transparent 55%, #b2ffb2 75%);
font-weight:bold; 
}
.marker2{
background:linear-gradient(transparent 55%, #ffffa8 75%);
font-weight:bold; 
}
.marker3{
background:linear-gradient(transparent 55%, #ccffff 75%);
font-weight:bold; 
}
.marker4{
background:linear-gradient(transparent 55%, #ead6ff 75%);
font-weight:bold; 
}
.marker5{
background:linear-gradient(transparent 55%, #ffd6f 75%);
font-weight:bold; 
}
.marker6{
background:linear-gradient(transparent 55%, #ffcccc 75%);
font-weight:bold; 
}
.marker7{
background:linear-gradient(transparent 55%, #b2ffb2 75%);
font-weight:bold; 
}
.marker8{
background:linear-gradient(transparent 55%, #b2ffb2 75%);
font-weight:bold; 
}
.marker9{
background:linear-gradient(transparent 55%, #b2ffb2 75%);
font-weight:bold; 
}
.marker10{
background:linear-gradient(transparent 55%, #b2ffb2 75%);
font-weight:bold; 
}

.div_1 {
 
             display: inline-block;
 
}
.button {
  display       : inline-block;
  border-radius : 19px;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  /*padding       : 6px 26px;*/   /* 余白       */
  background    : rgba(51, 51, 102, 0.95);     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid rgba(51, 51, 102, 0.95);    /* 枠の指定 */

	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 80%;
	padding: 0.3em;

}
.button:hover {
  color         : rgba(51, 51, 102, 0.95);     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  border-radius : 19px;          /* 角丸       */
}

}