@charset "UTF-8";
BODY{
  color: #000000;
  background-color: #FFFFFF;
  font-size: 1.1rem;
  line-height: 1.6;
}
H1{
  color: #6666FF;
  text-align: left;
  border-top-color: #ff88cc;
  border-right-color: #ff88cc;
  border-bottom-color: #ff88cc;
  border-left-color : #ff88cc;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 36px;
}
H2{
  color: #6666FF;
  text-align: left;
  border-top-color: #99ff99;
  border-right-color: #99ff99;
  border-bottom-color: #99ff99;
  border-left-color : #99ff99;
  padding-top: 4px;
  padding-right: 4px;
  padding-bottom: 4px;
  padding-left: 4px;
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 24px;
}
H3{
  color: #6666FF;
  text-align: left;
  border-top-color : #3399ff;
  border-right-color: #3399ff;
  border-bottom-color: #3399ff;
  border-left-color: #3399ff;
  padding-top: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 18px;
}
HR{
  color: #FF9966;
  height: 5px;
}
P{
  color: #6666FF;
}
a{
  color : #ff8040;
  text-decoration: none;
}
a:visited{
  color : #c66300;
  text-decoration: none;
}
a:hover{
  color : #ff6666;
  text-decoration : underline;
}
a:active{
  color : #ff8000;
  text-decoration: none;
}
UL{
  color: #6666FF;
  list-style-image : url(l_b03.gif);
  list-style-position: outside;
}
UL UL{
  list-style-image : url(l_b03a.gif);
}
TH{
  color: #FFFFFF;
  background-color: #FF9966;
}
TD{
  color: #FFFFFF;
  background-color: #FFCC99;
}

/* ★ PC/iPhone視認性向上（高さ問題解決版） ★ */
* {
  box-sizing: border-box;
}

body {
  font-size: 1.2rem !important;
  line-height: 1.8 !important;
  color: #000000 !important;
  background: #ffffff !important;
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 25px !important;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.6rem !important;
    padding: 20px 15px !important;
  }
  
  h1 { 
    font-size: 3rem !important;
    color: #000 !important;
    border-bottom: 4px solid #000 !important;
    padding-bottom: 15px !important;
  }
  
  h2 { 
    font-size: 2rem !important;
    color: #004488 !important;
    background: #e6f3ff !important;
    padding: 20px !important;
    border-radius: 15px !important;
    border-left: 8px solid #0066cc !important;
    margin: 25px 0 !important;
  }
  
  h3 { 
    font-size: 1.7rem !important;
    color: #000 !important;
    border-bottom: 3px solid #666 !important;
    padding-bottom: 10px !important;
  }
  
  a, a:link, a:visited {
    display: block !important;
    font-size: 1.6rem !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, #0066cc, #004488) !important;
    padding: 25px 30px !important;
    margin: 15px 0 !important;
    border-radius: 20px !important;
    border: 4px solid #004488 !important;
    text-decoration: none !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
  }
  
  a:hover {
    background: linear-gradient(135deg, #0088ff, #0066cc) !important;
  }
  
  .service {
    background: #fff8e6 !important;
    padding: 30px !important;
    margin: 30px 0 !important;
    border-radius: 25px !important;
    border: 5px solid #ffaa00 !important;
  }
  
  small {
    display: block !important;
    font-size: 1.2rem !important;
    color: #444 !important;
    margin-top: 10px !important;
    background: #f0f0f0 !important;
    padding: 12px !important;
    border-radius: 10px !important;
  }
  
  ul {
    padding-left: 0 !important;
  }
  
  li {
    margin-bottom: 20px !important;
    list-style: none !important;
  }
}