html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}html {
    /* ルートのフォントサイズを10pxに設定しておく */
	font-size: 62.5%;
}62.5%;62.5%;@charset "UTF-8";



/* ▼768px以上の場合に適用
--------------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
    
   body {
      font-size: 1.6em;
      line-height:1.6em;
   }

   .scroll-nav {
      display: none;
   }
    
   #Sp_Logo {
      display: none;
   }
    
   #Sp_Footer_Logo {
      display: none;
   }


}

@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/* ▼768px以下の場合に適用（iPad portrait以下）
---------------------------------------------------------------------- */
@media only screen and (min-width: 421px) {

    
   body {
      font-size: 14px;
      line-height:1.6em;
   }
    
   .scroll-nav {
      display: none;
   }
    
   #Sp_Logo {
      display: none;
   }
    
   #Sp_Footer_Logo {
      display: none;
   }
    
   #Logo {
   width: 100px;
   margin: 20px;
    }
    
    #Footer_Logo {
       width: 100px;
    }
    
    
/* !Fonts -------------------------------------------------------------- */
.fz60 { font-size: 40px;}

/* !Width ------------------------------------------------------------------- */
.w7per { width: 20% !important;}
.w10per { width: 20% !important;}


}


/* ▼420px以下の場合に適用(iPhone 6/7/8 Plus以下)
---------------------------------------------------------------------- */
@media only screen and (max-width: 420px) {

   body {
      font-size: 14px;
      line-height:1.6em;
   }

   header {
      position: relative;
      min-height: 400px;
      width: 100%;
      background-size: cover!important;
      -webkit-background-size: cover !important;
      text-align: center;
      overflow: hidden;
   }

   #Message {
      position: fixed;
      z-index: 0;
      top: 170px;
      left: 0;
      width: 100%;
   }

   #Navi_Wrap {
      display: none;
   }
    
       
    .scroll-nav {
    /* スクロールバーを見えなくするため */
      height: 48px; /* 実際に表示する高さ */
      overflow-y: hidden;
      background: rgb(50, 50, 50);
    }

    /* 中身がスクロールするビュー */
    .scroll-nav__view {
      -webkit-overflow-scrolling: touch;
      overflow-x: scroll;
    }

    /* 実際にスクロールするオブジェクト */
    .scroll-nav__list {
      /* tableにすることで、横幅指定をすることなくmargin: autoによる中央寄せが可能になる */
      display: table;
      list-style: none;
      margin: 0 auto;
      /* 下方向に余分なpadding部分を持たせ、そこにスクロールバーが表示される */
      padding: 0 0 24px 0;
    }

    .scroll-nav__item {
      /* itemを横並びに、かつ親要素がその親要素の横幅からはみだすことが可能になる */
      display: table-cell;
    }

    .scroll-nav a {
      display: block;
      padding: 12px;
      /* 文字列の自動改行を禁止 */
      white-space: nowrap;
      color: rgb(224, 224, 224);
      font-family: sans-serif;
      font-size: 14px;
      /* 行高が24pxになるように調整 24/14 */
      line-height: 1.71428;
      text-decoration: none;
    }


   #Sp_Logo {
      position: fixed;
      top: 60px;
      left: 40%;
      width: 20%;
   }
    
   #Logo {
      display: none;
   }
    
   #Footer_Logo {
      display: none;
   }

   #Slid_Area {
      width: 100%;
      height:auto;
      margin-top: 10px;
   }

   h2 {
      font-size: 34px;
      font-weight: bold;
      padding:20px 0;
   }

/* !Table
---------------------------------------------------------- */
/*---テーブル（基本）---*/
.table_basic02 {
	width: 100%;

	border: none;
}
.table_basic02 th,
.table_basic02 td {
	border: none;
}
.table_basic02 th {
	background-color: #f0f0f0;
	vertical-align: top;
	border: none;
}
@media screen and (max-width:415px){
	.table_basic02 {
		width: 100%;
	}
	.table_basic02,
	.table_basic02 thead,
	.table_basic02 tbody,
	.table_basic02 tr,
	.table_basic02 th,
	.table_basic02 td {
		width: 100%;
		display: block;
		border: none;
	}
	.table_basic02 th,
	.table_basic02 td {
		border: none;
	}
}


   #back-top a {
      display: none;
   }

   #Footer_Wrap {
      height: 1000px;
   }

    #Sp_Footer_Logo {
       width: 100px;
    }

/* !Fonts -------------------------------------------------------------- */
.fz34 { font-size: 24px; line-height:1.4em;}
.fz60 { font-size: 28px; line-height:1.4em;}

/* !Margin ------------------------------------------------------------------ */
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:20px !important;}
.mt40 { margin-top:20px !important;}
.mt50 { margin-top:20px !important;}
.mt60 { margin-top:30px !important;}
.mt80 { margin-top:40px !important;}
.mt120 { margin-top:40px !important;}

/* !Padding ------------------------------------------------------------------ */
.pt60 { padding-top:30px !important;}

/* !Width ------------------------------------------------------------------- */
.w7per { width: 24% !important;}
.w10per { width: 24% !important;}

/* !Inline Align ------------------------------------------------------------ */
.taR { text-align: left !important;}

/* !line-height ------------------------------------------------------------------ */
.lh24    { line-height:1.8em;}

}