body{ 
font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
height:100%;
background-image : url("/sp/ha1-2.gif");
background-repeat:repeat-y;
background-position:center;
overflow-x:hidden;
}

#bodyimage1{
height:100%; 
min-height:100%;
background-image : url("/sp/ha1.gif");
background-repeat: no-repeat;
background-position:center top;
} 

body > #bodyimage1{ 
height:auto; 
}
a:text { color: #f5f5f5; }
a:link { color: #f5f5f5; }
a:alink { color: #f5f5f5; }
a:vlink { color: #f5f5f5; }
a { text-decoration: none; }


.fome-top {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  text-align: center;
  vertical-align: top;
  width: 95%;
  margin: 30px 0px 50px 0px;
}

h12 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  position: relative; top: 140px; left:0px; 
  padding: 50px 40px 50px 40px;
  margin: 20px 20px 0px 20px;
  background-color: #ffffff;
  border-top: 2px solid #b3b3a1;
  border-left: 2px solid #b3b3a1;
  border-right: 2px solid #b3b3a1;
  border-bottom: 2px solid #b3b3a1;
  border-radius: 35px;
  font-size: 20px;
  color:#4d4d4d;
}

h12::before,
h12::after {
  position: absolute;
  top: 100%;
  right: 50px;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}

h12::before {
  border-top: 15px solid #b3b3a1;
}

h12::after {
  margin-top: -3px;
  border-top: 15px solid #fff;
}

.se3 {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
  letter-spacing : 1px;
  font-size: 20px;
  color:#1a1a1a;
  padding: 0px 0px 0px 0px;
}

table.call-4,td.call-4, {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
  border: none;
}
table td.call-4 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
  border: none;
}

table.call-4a,td.call-4a, {
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
  border: none;
}

table td.call-4a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
  border: none;
}

table.c-4a,td.c-4a, {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
  border: none;
}
table td.c-4a {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: top;
  text-align: left;
  border: none;
}

.end-img {
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 20px 0px 30px 0px;
}

h3 {
position: relative;
background-color: #990000;
font-size: 18px;
color: #f5f5f5;
border-radius: 6px;
padding: 25px 25px 25px 25px;
margin: 0px 0px 120px 0px;
}

h3::before {
content: "";
position: absolute;
border: 12px solid transparent;
border-top: 12px solid #990000;
top: 100%;
left: 5%;
}

h3 p {
margin: 0;
padding: 0;
}

.top1 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin: 10px 0px 0px 0px;
}

.top2 {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 30px 0px 0px 50px;
}

.top3 {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 20px 0px 0px 5px;
}

.top4 {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  margin: 10px 0px 120px 5px;
}