@charset "UTF-8";

body {
font-family: "游明朝", "ＭＳ 明朝", sans-serif;
color: #192E78;
background-image: url("https://dr-jmt.com/wp-content/uploads/2018/10/Vector-hexagons-seamless-white-background-1920.jpg");
}

h1 {
font-size: 2.8em;
position: absolute;
top: 0px;
left: 560px;
}

img#logo{
width: 160px;
height: auto;
position: absolute;
top: 5px;
left: 430px;
}

div#gnav li {
color: #696969;
font-size: 1.5em; 
font-weight: bold;
display: inline;
margin: 10px;
position: relative;
top: 75px;
left: 510px;
}

a{ 
color:inherit; 
text-decoration: none; 
} 

a:hover{ 
color: #00053a; 
opacity: 0.75;
} 

img#main{
width: 400px;
height: auto;
position: absolute;
top: 150px;
left: 0px
}

img#sub1{
width: 400px;
height: auto;
position: absolute;
top: 150px;
left: 360px;
}

img#sub2{
width: 400px;
height: auto;
position: absolute;
top: 150px;
left: 720px;
}

img#sub3{
width: 400px;
height: auto;
position: absolute;
top: 150px;
left: 1080px;
}

h2 {
font-size: 2.0em;
width:20%;
}

h2.kegc{
position: relative;
top: 405px;
left: 425px;
}

span{
font-size: 1.3em;
color: red;
}

p.lead {
width: 38%;
font-size: 2.0em;
font-weight: bold;
text-indent: 0.5em;
position: relative;
top: 290px;
left: 610px;
}

p.exp {
width: 61%;
font-size: 1.3em;
font-weight: bold;
text-indent: 0.5em;
position: relative;
top: 270px;
left: 330px;
}

img#twitter{
width: 48px;
height: auto;
position: absolute;
top: 662px;
left: 610px;
}

img#instagram{
width: 42px;
height: auto;
position: absolute;
top: 662px;
left: 690px;
}

img#facebook{
width: 56px;
height: auto;
position: absolute;
top: 660px;
left: 759px;
}

img#line{
width: 42px;
height: auto;
position: absolute;
top: 662px;
left: 850px;
}

div#footer {
font-size: 0.7em;
font-weight: bold;
color: #808080;
margin: 0.2em 0 0.2em -0.2em;
text-align: center;
position: absolute;
top: 703px;
right: 600px;
}

table {
font-weight: bold;
background-color: #f5f5f5;
width: 598px;
position: absolute;
top: 470px;
left: 450px;
}

caption{
color: red;
font-size: 2.3em;
}

th{
font-size: 1.5em;
width: 150px;
padding: 10px; 
text-align: center;
border: solid 1px black;
}

td{
width: 448px;
font-size: 1.5em;
height: auto;
padding: 10px; 
text-align: center;
border: solid 1px black;
}

p.add{
width: 11%;
color: red;
font-size: 2.3em;
font-weight: bold;
position: absolute;
top: 970px;
left: 300px;
}

address{
width: 30%;
font-size: 1.7em;
font-weight: bold;
font-style: normal;
position: absolute;
top: 1070px;
left: 200px;
}

iframe{
position: absolute;
top: -200px;
left: 500px;
}

div#footer2 {
font-size: 0.5em;
font-weight: bold;
color: #808080;
margin: 0.2em 0 0.2em -0.2em;
text-align: center;
position: relative;
top: 145px;
left: 250px;
}

h2.event {
width: 20%;
font-size: 2.3em;
color: red;
font-weight: bold;
position: absolute;
top: 450px;
left: 670px;
}

h3.geturei {
width: 20%;
font-size: 2.0em;
font-weight: bold;
position: absolute;
top: 855px;
left: 360px;
}

p.geturei {
width: 30%;
font-size: 1.35em;
font-weight: bold;
position: absolute;
top: 910px;
left: 200px;
}

img#geturei {
width: 30%;
height: auto;
position: absolute;
top: 550px;
left: 200px;
}

h4.gasshuku {
width: 20%;
font-size: 2.1em;
font-weight: bold;
position: absolute;
top: 840px;
left: 1010px;
}

p.gasshuku {
width: 30%;
font-size: 1.3em;
font-weight: bold;
position: absolute;
top: 910px;
left: 830px;
}

img#gasshuku {
width: 30%;
height: auto;
position: absolute;
top: 550px;
left: 830px;
}

h5.OB {
width: 30%;
font-size: 2.0em;
font-weight: bold;
position: absolute;
top: 1380px;
left: 290px;
}

p.OB {
width: 30%;
font-size: 1.3em;
font-weight: bold;
position: absolute;
top: 1460px;
left: 205px;
}

img#OB {
width: 30%;
height: auto;
position: absolute;
top: 1100px;
left: 200px;
}

h6.KD {
width: 20%;
font-size: 2.0em;
font-weight: bold;
position: absolute;
top: 1360px;
left: 975px;
}

p.KD {
width: 30%;
font-size: 1.4em;
font-weight: bold;
position: absolute;
top: 1454px;
left: 837px;
}

img#KD {
width: 30%;
height: auto;
position: absolute;
top: 1100px;
left: 830px;
}

div#footer3 {
font-size: 0.7em;
font-weight: bold;
color: #808080;
margin: 0.2em 0 0.2em -0.2em;
text-align: center;
position: absolute;
top: 1560px;
right: 600px;
}