div { 
font-size : 16px ; 
}
span {
   display: inline-block;
}

table#res {
	width: 200px;
	display: block;
}
table#resG1 {
	width: 49%;
	display: block;
}
table#resG2 {
	width: 25%;
	display: block;
}
table#resG5 {
	width: 74%;
}
td#resG3 {
	width: 10%;
}
td#resG4 {
	width: 63%;
}
table#resS1 {
	width: 64%;
	display: block;
}
table#resS2 {
	width: 35%;
	display: block;
}
table#resR1 {
	width: 35%;
	height: 30%;
	display: block;
}
table#resR2 {
	width: 32%;
	display: block;
}
table#resT1 {
	width: 816px;
	display: block;
}
img#title {
	width: 32%;
}

table#resSTK {
	width: 200px;
	display: block;
}

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

h1 {
  color: #ff7f50;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #b0c4de;
}



h2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #3cb371;/*左線*/
}

h3 {
  position: relative;
  border-top: solid 2px #80c8d1;
  border-bottom: solid 2px #80c8d1;
  background: #f4f4f4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

h3:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ POINT';
  background: #80c8d1;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em;
}

h3 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #3cb371;/*左線*/
}



h4 {
  color: #364e96;/*文字色*/
  border: solid 3px #3cb371;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}

h5 {
  position: relative;
  padding: 5px 5px 5px 42px;
  background: #77c3df;
  font-size: 20px;
  color: white;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-1;
}

h5:before {
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}

h6 {
  position: relative;
  background: #f4f4f4;
  padding: 2px 5px 2px 20px;
  font-size: 20px;
  color: #474747;
  border-radius: 0 10px 10px 0;
}


/* ボタンスタイル（共通） */
.apply-btn {
  display: inline-block;
  padding: 14px 28px;
  background-color: #4CAF50;
  color: white;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  box-shadow: 0 6px #3e8e41;
  transition: all 0.2s ease;
  margin: 30px auto;
  display: block;
  width: fit-content;
}

.apply-btn:hover {
  background-color: #45a049;
}

.apply-btn:active {
  box-shadow: 0 2px #3e8e41;
  transform: translateY(4px);
}