@charset "UTF-8";

body  {margin: 0;
      font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'BIZ UDPGothic', sans-serif;
      color: #000000;
      background-color: #ffffff;
      -webkit-text-size-adjust: 100%}

.header h1 {font-size: 24px;
           letter-spacing: 2px;
           font-weight: bold}

h2 {font-size: 14px;
   font-weight: normal}

h2 span {font-weight: bold}

p {font-size: 14px}

.elements p {line-height: 18px}

a {color: #000000;
  text-decoration: none}

a:hover {font-weight: bold;
        text-decoration: line-through}

.header a:hover {font-weight: bold;
                text-decoration: none;
                opacity: 0.5}

.elements a {text-decoration: underline}

.elements a:hover {font-weight: normal;
                     opacity: 0.5}

address {font-size: 9px;
        font-style: normal}

li {font-size: 14px;
   line-height: 1.5}

ul {list-style-type: none;
   margin-left: 0;
   padding-left: 0}

.header {padding-left: 15px;
        position: fixed}



@media (min-width: 768px) {

img {float: left;
    width: 400px;
    margin-bottom: 6px}

.menu {padding-left: 15px;
      position: fixed}

.footer {padding-top: 60px;
        padding-left: 25%}

.boxA:after {content: "";
            display: block;
            clear: both}

.box2       {float: left;
            width: 25%;
            margin-top: 120px}

.box3       {float: right;
            width: 15%;
            margin-top: 120px} 

.box4       {float: right;
            width: 60%;
            margin-top: 120px} 

.sp {display: none}

.pc {display: block}

}



@media (max-width: 767px) {

img {width: 100%}

.header h1 {color: #ffffff}

.header {z-index: 998}

.menu {padding-left: 15px;
      width: 115px;
      position: fixed;
      background: rgba(255,255,255,0.5);
      z-index: 999}

.elements p {padding-left: 15px;
            padding-right: 15px}

.elements h2 {margin: 0}

.elements h2 span {padding-left: 15px}

ul {margin-left: 15px}

.footer {padding-top: 60px;
        padding-left: 15px}

.boxA:after {content: "";
            display: block;
            clear: both}

.box2       {float: left;
            margin-top: 120px}

.box3       {float: right;
            width: 0%} 

.box4       {float: left;
            width: 100%}

.sp {display: block}

.pc {display: none}

}