@charset "UTF-8";

.pc { display: none; }
.sp { display: block; }

.pc-inline { display: none; }
.sp-inline { display: inline-block; }

#navigation ul { display: none; }
#navigation-second ul { display: none; }
.main-title img {
padding: 0;
  width: 200px;
  margin: 12px auto;
}
#navigation-second div.main-title img { padding: 15px 0 0 20px; width: 270px; }

@media screen and (max-width: 810px) {
#page_top { right: -100px; }
#page_top { width: 100px; }
#page_top img { width: 100%; }
#navigation-second { margin: 50px auto 25px; }
}

@media screen and (max-width: 810px) {
body { font-size: 70%; }
.menu2 { font-size: 60%; }
#g-nav { background: #152f46; }
#g-nav ul { max-width: none; padding: 0; }
#g-nav-list ul li { margin-left: 35px; margin-right: 0; width: calc(100% - 35px); border-bottom: 1px solid #4d516c; }

#g-nav-list ul li a {
  color: #fff; font-size: 160%;
  text-decoration: none;
}

div.box2 ul { display: block; }

.title { margin-top: 30px; }
.main-black { padding: 20px 30px; font-size: 125%; line-height: 100%; }

div.box2 ul li { padding-left: 0; }
div.box2 ul li:first-child { padding-right: 0; margin-bottom: 0; }

div.box2 ul.index-navi-box li { margin: 0; padding: 20px 0; }
div.box2 ul.systemup-box li { margin: 10px 0; }

.caution05 { margin: 20px 0 0 0; }
.caution06 { padding: 0; margin-bottom: 0; }
.caution07 ul {  }
.caution08 ul {  }

.navigation-box ul li { border-right: none; border-bottom: 1px solid #999; padding: 20px 0; }

.content3 { width: 95%; }

#navigation { margin: 0 auto; padding: 0 20px 0 20px; }
#navigation div.read { padding: 61px 0 0 0; font-size: 12px; }

.navigation-category-01 { padding: 20px 30px; }
.navigation-category-02 { padding: 20px 30px; }

.caution03 { margin-top: 30px; }

.top-navi-button { display: block; width: 90%; margin: 0 auto; }

.main-01 { margin-top: 0; }
.main-02 { margin-top: 0; }
.main-03 { margin-top: 0; }

#tbl-bdr td { padding: 20px; width: 100%; display: block; }

.car-box { flex-basis: 48%; }

#navigation-second { margin: 50px auto 25px; }

img.entry-img-pc { padding-bottom: 0; }

div.navigation-main-image img {
  width: 90%;
  display: block;
  margin: 0 auto;
  position: relative;right: auto;
    top: auto;
}
div.navigation-main-image p {
  width: 100%;
  display: block;
  margin: 0 auto;
  text-shadow: 0 0 10px #000;
  color: #fff;
  font-size: 113%;
  padding: 20px;
}
div.navigation-main-image {
  height: auto;
  margin-bottom: 25px;
  position: relative;
  padding: 20px 0 0 0;
}
div.index-btn {
width: calc(100% - 20px);
    height: 150px;
    margin: 10px;
    font-size: 125%;
}
.fa-caret-right {
  margin-left: 10px; margin-right: -10px;
}
div.index-btn-1 {
  height: auto;
  font-size: 193%;
  padding: 30px;
  position: relative;
  overflow: hidden;
}
div.index-btn-1 img {
  position: relative;
  right: auto;
  bottom: auto;
  width: 90%;
  margin: 20px auto 0;
}
div.index-btn-1 img.index-btn-img { opacity: 1;
  position: relative; left: auto;
  right: auto;
  bottom: auto;
  width: 90%;
  margin: 20px auto 0;
}
div.navigation-main-image2 p {
  display: block;
  margin: 0 auto;
  font-size: 112%;
  padding: 17px 0 0 23px;
}
div.navigation-main-image2 img {
  position: absolute;
  right: 15px;
  top: 85px;
  width: 175px;
}
div.navigation-main-image2 {
  margin-bottom: 50px;
}
div.selector a {
  width: 85%;
  font-size: 110%;
}
.tab_cont { padding: 1em; overflow: hidden; }
.spec-icon img { margin: 20px 0 10px; }
.navigation-box { margin-top: 30px; }
.image-navi { margin: 0; width: 100%; float: none; }
.content4 { padding: 0; }
.navigation-box ul li p {
  font-size: 150%;
  margin-top: 20px;
}
p.support-title {
  font-size: 180%;
}
.title { margin-bottom: 10px; }
section.dop div.box2 ul { display: block; }
div.drive-title1 { margin-top: 0; }
div.etc-title3 { margin-bottom: 0; margin-top: 30px; }
div.box2 ul li {
  padding-top: 20px;
  margin-bottom: 0;
}
.details-summary {
  margin-top: 20px;
}
section.mop div.box2 ul { display: block; }
#futures-wrapper {
  margin-top: 100px;
  padding: 20px;
}
.new-title {
  font-size: 160%; margin: 0 auto;
}
div.index-box1 img { position: relative; top: auto; left: auto; display: block; }
div.index-box2 img { position: relative; top: auto; left: auto; display: block; }
div.index-box3 img { position: relative; top: auto; left: auto; display: block; }
div.index-box4 img { position: relative; top: auto; left: auto; display: block; }
div.index-box5 img { position: relative; top: auto; left: auto; display: block; }
div.index-box1 p { position: relative; float: none; display: block; padding: 30px; width: 93%; margin: 34px auto; font-size: 100%; line-height: 180%; box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.1); }
div.index-box2 p { position: relative; float: none; display: block; padding: 30px; width: 93%; margin: 34px auto; font-size: 100%; line-height: 180%; box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.1); }
div.index-box3 p { position: relative; float: none; display: block; padding: 30px; width: 93%; margin: 34px auto; font-size: 100%; line-height: 180%; box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.1); }
div.index-box5 p { position: relative; float: none; display: block; padding: 30px; width: 93%; margin: 34px auto; font-size: 100%; line-height: 180%; box-shadow: 0px 0px 14px 4px rgba(0, 0, 0, 0.1); }

div.index-box3 p b { margin: 0 0 10px; }
div.index-box3 p:last-child {
  float: none;
}
div.index-box5 p b { margin: 0 0 10px; }

a.cp_btn4 { width: 90%; }

.details-summary .btn1 { top: 45px; }

section#futures .details-summary .btn0 {
  top: 5px;
}
div.etc-wrapper3 img {
  width: calc(50% - 40px);
  margin: 0 20px;
}

div.item3 img {
  width: calc(30% - 20px);
  margin: 0 10px;
}

img.hdmi { padding-right: 0; }

div.navigation-main-image p span { font-size: 120%; margin-left: 0; }

img.list-image { padding: 20px; }

div.list-wrapper {
  padding: 20px 20px 20px 40px;
  line-height: 180%;
  font-size: 100%;
}

li.drive-box1 img { width: 100%; }

.main-black img {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 79px;
}

.tab li a {
  font-size: 120%;
}

summary::-webkit-details-marker { display: none; }

}