div { 
font-size : 20px ; 
}
span {
   display: inline-block;
}
@media screen and (max-width: 640px) {
div { 
font-size : 24px ; 
width: 100%;
}
table#res {
	width: 100%;
	display: block;
}
th,td#res {
	width: 100%;
	display: block;
}
table#resG1 {
	width: 100%;
	display: block;
}
th,td#resG1 {
	width: 100%;
	display: block;
}
table#resG2 {
	width: 100%;
	display: block;
}
th,td#resG2 {
	width: 100%;
	display: block;
}
table#resG5 {
	width: 100%;
}
td#resG3 {
	width: 15%;
}
td#resG4 {
	width: 80%;
}
table#resS1 {
	width: 100%;
	display: block;
}
table#resS2 {
	width: 100%;
	display: block;
}
table#resR1 {
	width: 100%;
	display: block;
}
table#resR2 {
	width: 100%;
	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%;
}

table#resT1 {
	width: 100%;
	display: block;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
img#title {
	width: 100%;
}

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: #364e96;/*文字色*/
  border: solid 3px #364e96;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}

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;
}