body {margin:0; padding:0; font-family: "Helvetica, sans-serif";}

#logo {
  max-width:40%;
  display:block;
  margin:0;
  padding-top:5px;
  box-sizing:border-box;
  
}

nav{
 width: 100%;
 height: 70px;
 position: relative;
 background: #FFF;
  
}
.drawer{
 display: flex;
 flex-direction: row;
 align-items: center;
 justify-content: space-between;
 position: relative;
 height: 70px;
 padding: 0 1em;
}

/*ナビゲーション部分*/

.menu ul li{list-style:none;}

.menu ul li a {
  display:block;
  font-weight:500;
  padding: 2em;
  border-bottom: 1px dotted #CCC;
  color:#333;
  text-decoration:none;
  font-size:16px;
  background:#ffffff;
}


.menu ul li a:hover
{background-color:rgba(0,0,0,0.5);
color:#ac3324;}


.menu{
  text-align:center;
  background-color:rgba(255,255,255,0.5);
  transition: .5s ease;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}


/*OPEN時の動き*/
.menu.open {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);/*中身を表示（右へスライド）*/

}



/*トグルボタンのスタイルを指定*/
.Toggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 3;
  right:15px;
}
 
.Toggle span {
    display: block;
    position: absolute;
    width: 50px;
    border-bottom: solid 4px #333;
    -webkit-transition: .35s ease-in-out; /*変化の速度を指定*/
    -moz-transition: .35s ease-in-out;    /*変化の速度を指定*/
    transition: .35s ease-in-out;     /*変化の速度を指定*/
 
}
 
.Toggle span:nth-child(1) {
    top:5px;
}
 
.Toggle span:nth-child(2) {
    top: 18px;
}
 
.Toggle span:nth-child(3) {
    top: 32px;
}
 


.Toggle.active span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}



@media screen and (min-width: 1279px) {
  
  header::after{
    
    display:none;
  } 
  
  
nav{
 display: flex;

}
.Toggle{
 display: none;
}
.menu{
 width: 100%;
 background-color: transparent;
   
  margin-top:0;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
.menu ul{
 height: 70px;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 align-items: center;
}
.menu ul li{list-style:none;}
.menu ul li a{
 padding: 0 1em;
 border-bottom: none;

}
  
  .menu ul li a:hover
{
  background-color:transparent;
}
  
  
}

/*Contact US*/
table{
  border-collapse: collapse;
  width: 90%;
  margin:auto;
  margin-top:30px;
}
.tb01 th,
.tb01 td{
  text-align:left;
  box-sizing:border-box;
	width: 50%;
}
.tb01 th {
  color: #000000;
  font-weight:300;
  font-size:20px;
  
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
text-align:center;
  }

}

/*font*/
@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-ThinItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-ThinItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 100;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BoldItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BoldItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 700;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BlackItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BlackItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 900;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Thin.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Thin.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 100;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Black.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Black.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 900;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Medium.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 500;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Bold.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Bold.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 700;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Book.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Book.woff) format("woff");
 font-display: swap;
 font-style: normal;
 font-weight: 400;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-LightItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-LightItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 300;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BookItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-BookItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 400;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-MediumItalic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-MediumItalic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 500;
}

@font-face {
 font-family: "Circular";
 src: url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Italic.woff2) format("woff2"), url(https://cdn.jotfor.ms/fonts/circular/fonts/Circular-Italic.woff) format("woff");
 font-display: swap;
 font-style: italic;
 font-weight: 400;
}