@media screen and (max-width: 768px) {
  body {
    min-width: 320px;
    max-width: 768px;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  header {
    width: 100%;
    padding-left: 1rem;
  }
  /* ナビゲーション */
  nav {
    width: 100%;
    overflow: hidden;
    font-size: small;
  }
  nav ul {
    min-width: 320px;
    max-width: 768px;
  }
  nav li {
    width: 20vw;
    border-top: 1px solid #cf000f;
    border-bottom: 1px solid #cf000f;
    vertical-align: middle;
  }
  nav li:first-child {
    border-left: none;
  }
  nav li:last-child {
    border-right: none;
  }
  .TopBrandingArea {
    width: 100%;
  }
  .TopBrandingLine {
    padding-bottom: 0rem;
    font-size: 0;
    background-image: none;
  }
  /* テーブル会社案内 */
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .TableCorp {
    width: 80%;
  }
  .TableCorp th, .TableCorp td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  table.TableCorp th {
    width: 100%;
  }
  table.TableCorp td {
    width: 100%;
  }
  /* 社長メッセージ */
  .TableMessage {
    width: 80%;
  }
  .TableMessage th, .TableMessage td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  table.TableMessage th {
    width: 100%;
  }
  table.TableMessage td {
    width: 100%;
    padding-left: 0;
  }
  /* テーブル受託開発 */
  .TableDev {
    width: 80%;
  }
  .TableDev th, .TableDev td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  table.TableDev th {
    width: 100%;
  }
  table.TableDev td {
    width: 100%;
  }
  /* テーブルSIGLENT */
  .TableSIGLENT {
    width: 80%;
  }
  .TableSIGLENT th, .TableSIGLENT td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  table.TableSIGLENT th {
    width: 100%;
  }
  table.TableSIGLENT td {
    width: 100%;
    padding: 0;
  }
  /* スライダ */
  .swiper-slide img {
    min-width: 320px;
    max-width: 768px;
  }
  .swiper-container {
    width: 100%;
  }
  .swiper-container img {
    width: 100%;
  }
  /* サイドバー */
  .TopBrandingLineBanner {
    display: none;
  }
  .TopBrandingLineBannerSP {
    display: block;
    width: 100%;
    text-align: center;
  }
  /* おすすめ教材 */
  .Caption {
    width: 100%;
    height: 100%;
    filter: none;
  }
  .Caption h1 {
    font-size: large;
    text-align: justify;
  }
  .Caption h2 {
    padding-bottom: 0.5rem;
    text-align: justify;
    margin-right: 1rem;
  }
  .ContainerArea {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .ContainerBox {
    width: auto;
    min-width: 320px;
    max-width: 768px;
  }
  .ContainerBox img {
    max-width: 90%;
  }
  .Column {
    width: 100%;
    float: none;
    display: block;
    text-align: left;
    padding: 15px;
    margin: 1rem 0 0;
    position: relative;
    border: none;
    background: none;
  }
  .Column img {
    width: 30px;
    margin: 0 0.5rem 0 0;
    display: inline-block;
    vertical-align: middle;
  }
  .Column:after {
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 1px #cf000f;
    border-right: solid 1px #cf000f;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -3px;
  }
  /* グループサイト */
  .GroupArea {
    display: block;
    width: 90%;
  }
  .GroupLeft {
    width: 100%;
    margin-bottom: 2rem;
  }
  .GroupRight {
    width: 100%;
    margin: 0;
  }
  .SocialArea {
    width: 100%;
  }
  .SocialBottom {
    width: 90%;
  }
  .SocialBottom ul {
    padding: 0 3rem;
    justify-content: space-between;
  }
  .SocialBottom li {
    border: none;
    font-size: 0;
    padding: 0;
  }
  /* コンテンツ */
  .Contents {
    width: 100%;
    min-width: 320px;
    max-width: 768px;
    padding: 0 1rem;
    text-align: justify;
  }
  /* ルート */
  .TopicPath {
    width: 100%;
    padding: 0 1rem;
    text-align: justify;
  }
  /* 製品・サービス */
  .GoodsArea {
    width: 100%;
  }
  .GoodsBox {
    width: 100%;
  }
  /* カタログ */
  .CatalogArea {
    width: 100%;
  }
  .CatalogBox {
    width: 100%;
  }
  .eBookBox {
    width: 100%;
  }
  /* 製品情報 */
  .ProductTitle {
    display: inline-block;
    padding: 0;
    width: 100%;
  }
  .ProductTitle h1 {
    border-left: solid 0.5rem #cf000f;
    padding: 0 0 0 0.5rem;
    font-size: large;
  }
  .ProductTitle h1:before {
    display: none;
  }
  /* eラーニングボタン */
  p.LearningButton {
    text-align: center;
    margin: 0 auto 1rem;
  }
  p.LearningButton a {
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    color: #000;
    text-decoration: none;
    text-align: center;
    background-color: gold;
    border-radius: 25px;
  }
  p.LearningButton a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f51c';
    margin-right: 5px;
    font-weight: 700;
  }
  p.LearningButton a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }
  /*購入ボタン*/
  p.BuyButton {
    text-align: center;
    margin-bottom: 1rem;
  }
  p.BuyButton a {
    display: inline-block;
    width: 85px;
    height: 40px;
    line-height: 40px;
    color: #000;
    text-decoration: none;
    text-align: center;
    background-color: #ff8e1c;
    border-radius: 25px;
  }
  p.BuyButton a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f07a';
    margin-right: 5px;
    font-weight: 700;
  }
  p.BuyButton a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }
  /*問い合わせボタン*/
  p.MailButton {
    text-align: center;
    margin-bottom: 3rem;
  }
  p.MailButton a {
    display: inline-block;
    width: 85px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background-color: #0071e3;
    border-radius: 25px;
  }
  p.MailButton a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f0e0';
    margin-right: 5px;
    font-weight: 700;
  }
  p.MailButton a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }
  .ColumnSet {
    width: 100%;
  }
  .ColumnLeft {
    width: 100%;
  }
  .ProductImg {
    background-image: url("../image/corp/note_main_sp.png");
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 1.5rem;
    height: auto;
    background-repeat: repeat;
  }
  .ProductImg img {
    width: 90%;
  }
  .ImgSub {
    width: 90%;
  }
  .ImgSub img {
    max-width: 100%;
    width: auto;
    max-height: 3rem;
  }
  .ImgSub li {
    margin-right: 10px;
  }
  .ProductGoal {
    width: 100%;
    height: auto;
    display: block;
    padding: 1rem;
  }
  .ProductText {
    padding: 2rem 0;
  }
  .ProductPoint {
    padding: 0.5rem 1rem 2rem;
  }
  .ProductMovie {
    width: 100%;
    background-image: none;
    padding: 0 0 56.25% 0;
    height: 0px;
    position: relative;
    margin: 1rem auto;
  }
  .ProductMovie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* 特設ページ */
  .FeatureArea {
    width: 100%;
  }
  .FeatureSIGLENT {
    width: 100%;
    display: block;
    margin: 0;
  }
  .FeatureShop {
    text-align: center;
  }
  .FeatureMovie {
    width: 100%;
    background-image: none;
    padding: 0 0 56.25% 0;
    height: 0px;
    position: relative;
    margin: 1rem auto;
  }
  .FeatureMovie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  table.TableFeature {
    table-layout: auto;
  }
  /*製品スペック*/
  .ProductSpec, .ProductLineup, .ProductOverview, .ProductCurriculum {
    width: 100%;
  }
  .ProductSpec h3, .ProductLineup h3, .ProductOverview h3, .ProductCurriculum h3, .ProductCase h3, .ProductVoice h3 {
    margin: 1rem 0;
  }
  .ProductOverview img {
    width: 100%;
  }
  ul.Case {
    font-size: x-small;
  }
  .ColumnSetRight {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .ProductSet h3 {
    width: 100%;
    height: auto;
    display: block;
    padding: 0.5rem;
  }
  .ProductQuestion img {
    width: 100;
  }
  .ProductShop {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .ProductShop ul {
    display: block;
  }
  .ProductShop img {
    max-height: 100%;
    max-width: 90%;
  }
  /*販売代理店*/
  dl.PartnerList dt {
    width: 100%;
    background-color: #eee;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 0 0 0.5rem;
  }
  dl.PartnerList dd {
    margin: 0 0 0;
    border-left: 0px;
  }
  dl.PartnerList dt:first-child {
    display: none;
  }
  dl.PartnerList dt:first-child + dd {
    display: none;
  }
  ul.JapanArea {
    font-size: small;
  }
  ul.JapanArea li {
    min-width: 50%;
  }
  /* フッター */
  footer {
    width: 100%;
    height: 150px;
  }
  .sitemap {
    width: 100%;
    padding: 1rem;
  }
  .sitemap-left {
    width: 100%;
    text-align: center;
  }
  .sitemap-right {
    width: 100%;
    text-align: center;
  }
  /*Back to top button */
  #back-top {
    bottom: 1rem;
    right: 1rem;
  }
}