@charset "UTF-8";

@media screen and (max-width:767px) {

/* 750 */

.pc {
  display: none!important;
}
.pcIB {
  display: none!important;
}
.sp {
  display: block!important;
}
.spIB {
  display: inline-block!important;
}

/* base */
html,body{
  width: 100%;
  height: 100%;
}
body{
  min-width: auto;
  position: relative;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#wrapper{
  width: 100%;
  height: 100%;
}
#contents {
  padding: 0;
}
#footer {
  margin: 0 auto;
}

/* main */

body {
  -webkit-text-size-adjust: 100%;
}

/* ------ topic path ------ */
#topicPath {
  padding: 4px 8px;

}
#topicPath li {
  display: inline;
  vertical-align: middle;
  margin-right: 0px;
  padding: 0 8px 0 0;
  background: url(/common/images/bg_topicpath_01.gif) no-repeat right center;
  font-size: 20px;
  font-size: 2.67vw;
  font-family: sans-serif;
  letter-spacing: -0.5px;
}
#topicPath li.current {
  background: none;
}
#topicPath li img {
  vertical-align: middle;
  line-height: 1;
}


/* ------ headSection ------ */
#contents .headSection {
  margin: 3.4% auto 3.4%;
}
#contents .headSection .innerBlock {
  width: auto;
}
#contents .headSection .ttl {
  display: block;
  width: 93.3vw;
  margin: 0 auto;
}
#contents .headSection .ttl p {
  width: 100%;
  font-size: 50px;
  font-size: 6.7vw;
  font-weight: bold;
  text-align: center;
  padding: 0;
}
#contents .headSection .ttl p a {
  color: #000!important;
}
#contents .headSection .ttl h1 {
  width: 100%;
  /*
  font-size: 40px;
  font-size: 5.3vw;
  */
  font-size: 22px;
  font-family: sans-serif;
  margin-top: 15px;
  padding: 0;
  text-align: center;
  background: none !important;
}
#contents .headSection .ttl h1 a {
  color: #000!important;
}
#contents .headSection .guide {
  padding: 0;
  margin: 5.3% auto 0;
}
#contents .headSection .guide ul {
  text-align: center;
}
#contents .headSection .guide li {
  display:inline-block;
  vertical-align:bottom;
  padding: 0;
  letter-spacing: 0;
  width: 45%;
}

#contents .headSection .guide li a {
  display: block;
  width: 100%;
  height: 100%;
}
#contents .headSection .guide li a img {
  width: 100%;
  height: auto;
}



h1 {
  font-size: 23px;
  font-weight: bold;
  line-height: 1em;
}

/* ------ detailSection ------ */
#contents .detailSection {
  width:100%;
}
#contents .detailSection > div .inner {
  position: relative;
}
#contents .detailSection .sub {
  position: relative;
}
#contents .detailSection .menuList {
  margin: 63px auto 0;
}
#contents .detailSection .menuList ul li {
  vertical-align: top;
  display: inline-block;
  position: relative;
}
#contents .detailSection .menuList ul li + li {
  margin: 0 0 0 1.2%;
}
#contents .detailSection .menuList ul li {
  width: 100%;
  padding: 6% 0;
  background: #e7e7e7;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
}
#contents .detailSection .menuList ul li.menu01 {
  width: 28.8%;
}
#contents .detailSection .menuList ul li.menu02 {
  width: 20.9%;
}
#contents .detailSection .menuList ul li.menu03 {
  width: 21.6%;
}
#contents .detailSection .menuList ul li.menu04 {
  width: 25.0%;
}
#contents .detailSection .menuList ul li img {
  vertical-align: middle;
  margin: 0 8px 0 0;
}
#contents .detailSection .menuList ul li a {
  display: block;
  width: 100%;
  height: 100%;
}


/* ------ .support ------ */
#contents .detailSection .support {
  padding: 10% 0 10% 0;
  border-bottom: none;
  border-top: 2px solid #c3c3c3;
  background: #fff;
}
#contents .detailSection .support h3 {
  font-size: 60px;
  font-size: 8vw;
  font-weight: bold;
  text-align: center;
  font-family: -apple-system, 'Open Sans', Sans-Serif;
}
#contents .detailSection .support h3 span {
  font-size: 24px;
  font-size: 3.2vw;
  font-weight: bold;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#contents .detailSection .support .sub h3 {
  font-size: 50px;
  font-size: 6.7vw;
}
#contents .detailSection .support .sub h3 span {
  font-size: 20px;
  font-size: 2.7vw;
  font-family: -apple-system, 'Open Sans', Sans-Serif;
}

#contents .detailSection .support .menuList {
  margin: 5.3% auto 0;
  width: 91%;
}
#contents .detailSection .support .menuList ul {
  text-align: left;
}
#contents .detailSection .support .menuList ul li {
  vertical-align: top;
  display: inline-block;
  position: relative;
  width: 22%;
  font-size: 15px;
  font-size: 2.0vw;
  font-weight: normal;
  text-align: center;
  padding: 6% 0;
  margin: 0 1.2% 2.4%;
  background: #e7e7e7;
}
#contents .detailSection .support .menuList ul li + li {
  margin: 0 1.2% 2.4%;
}
#contents .detailSection .support .menuList ul li.line2 {
  padding: 4.6% 0;
  line-height: 1.4em;
}
#contents .detailSection .support .menuList ul li.other {
  position: relative;
  background-image: url(/products/homeprojector/common/images/menu_other_ico.png);
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: 96% 9%;
}
#contents .detailSection .support .menuList ul li a {
  display: block;
  width: 100%;
  color: #000!important;
}
#contents .detailSection .support .sub {
  margin: 8.8% 0 0;
}
#contents .detailSection .support .snsList ul {
  text-align: center;
  margin: 4.8% auto 0;
}
#contents .detailSection .support .snsList ul li {
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin: 0 15px;
}
#contents .detailSection .support .snsList ul li a {
}
#contents .detailSection .support .snsList ul li a img {
  height: auto;
}


/* ------ detailSection .sitemapSection ------ */
.sitemapSection {
  background: #f4f4f4;
  padding: 45px 0 45px!important;
  padding: 6vw 0 6vw!important;
}
#contents .sitemapSection div.inner {
  width: 100%!important;
}
.sitemapSection  .inner > h4 {
  background-color: inherit;
  width: 93.6%!important;
  margin: 0 auto 0;
  font-size: 32px;
  font-size: 4.3vw;
  font-weight: bold;
}
.sitemapSection  .inner > h4 a {
  font-size: 32px;
  font-size: 4.3vw;
  font-weight: bold;
  color: #000 !important;
}
.sitemapSection .sitemapLink a {
  font-size: 12px;
  color: #000 !important;
}
#contents .sitemapSection .list {
  width: 88%!important;
  margin: 31px auto 0!important;
  margin: 4vw auto 0!important;
}
.sitemapSection .list h4 {
  margin-bottom: 0px;
  background-color: inherit;
  font-size: 32px;
  font-size: 4.3vw;
  font-weight: bold;
  padding: 0 0 10px!important;
  padding: 0 0 1.3vw!important;
}
.sitemapSection .list.list1 h4 {
  padding: 0 0 0vw!important;
}
.sitemapSection .list h4 a {
  color: #000!important;
}
.sitemapSection .list h4.second {
  padding: 40px 0 20px 0;
  padding: 5.4vw 0 2.7vw 0;
}
.sitemapSection .list h4 span.en {
  font-family: -apple-system, 'Open Sans', Sans-Serif;
}
.sitemapSection .list h5 {
  font-size: 24px;
  font-size: 3.2vw;
  font-weight: bold;
  padding: 0 0 1.3vw 0;
}
.sitemapSection .list h5.second {
  margin: 20px 0 0 0;
  margin: 2.6vw 0 0 0;
}
.sitemapSection .list .left {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.sitemapSection .list .right {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.sitemapSection .list .left_sp {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.sitemapSection .list .right_sp {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.sitemapSection .list ul.other {
}
.sitemapSection .list ul li {
  display: block!important;
  width: auto!important;
  padding: 0 0 4px 0;
  padding: 0 0 0.5vw 0;
  color: #aaa;
  font-size: 24px!important;
  font-size: 3.2vw!important;
}
.sitemapSection .list ul li + li {
  margin: 0!important;
}
.sitemapSection .list ul li a {
  color: #000;
  font-size: 24px!important;
  font-size: 3.2vw!important;
}
.sitemapSection .list ul li a:hover {
  text-decoration: underline!important;
}
.sitemapSection .list .line {
  width: 100%;
  border-top: #c3c3c3 1px solid;
  margin: 23px 0;
  margin: 3vw 0;
}

} /* media */