/* =================================
   TopPage
==================================== */
/*==============================
TOP contents
==============================*/
.l-top-movie h2 {
  margin: 0 0 2rem;
}
.l-top-movie .movie-txt {
  margin: 0 0 2rem;
}
.l-top-movie .movie-pic {
  margin: 0 0 2rem;
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.l-top-movie .movie-pic iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-top-movie .movie-des {
  margin: 0 0 8rem;
}
.l-top-movie h3 {
  margin: 0 0 3rem;
}
.l-top-movie h4 {
  margin: 0 0 2rem;
}
.l-top-movie ul {
  display: table;
  margin: 0 0 2rem;
}
.l-top-movie ul li {
  display: table-cell;
  width: 47.5%;
}
.l-top-movie ul li img {
  margin: 0 0 2rem;
}
.l-top-movie ul li p {
  font-size: 1.2rem;
}
.l-top-movie ul li:nth-child(2) {
  width: 5%;
}

.l-top-purchase {
  padding: 3rem 0;
  background: #e5e5e5;
}
.l-top-purchase .purchase-txt {
  text-align: center;
  margin: 0 0 2rem;
}
.l-top-purchase .purchase-txt img {
  width: 80% !important;
}
.l-top-purchase ul li + li {
  margin: 1vw 0 0;
}

.l-top-attractive {
  padding: 2rem 0 0;
}
.l-top-attractive h2 {
  margin: 0 0 2rem;
}
.l-top-attractive button.accordion {
  cursor: pointer;
  width: 100%;
  height: 12vw;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
  background: url(../../special/pressure/img/201310_01sp/top/top_attractive_h3_01.png) no-repeat center top;
  background-size: 100% 100%;
}
.l-top-attractive button.accordion:nth-of-type(2) {
  background: url(../../special/pressure/img/201310_01sp/top/top_attractive_h3_02.png) no-repeat center top;
  background-size: 100% 100%;
}
.l-top-attractive button.accordion:nth-of-type(3) {
  background: url(../../special/pressure/img/201310_01sp/top/top_attractive_h3_03.png) no-repeat center top;
  background-size: 100% 100%;
}
.l-top-attractive button.accordion:nth-of-type(4) {
  background: url(../../special/pressure/img/201310_01sp/top/top_attractive_h3_04.png) no-repeat center top;
  background-size: 100% 100%;
}
.l-top-attractive button.accordion:nth-of-type(5) {
  background: url(../../special/pressure/img/201310_01sp/top/top_attractive_h3_05.png) no-repeat center top;
  background-size: 100% 100%;
}
.l-top-attractive button.accordion:nth-of-type(6) {
  background: url(../../special/pressure/img/201310_01sp/top/top_attractive_h3_06.png) no-repeat center top;
  background-size: 100% 100%;
}
.l-top-attractive div.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.l-top-attractive div.panel p {
  font-size: 1.2rem;
}
.l-top-attractive div.panel .charm-01 {
  padding: 2rem 0 8rem;
}
.l-top-attractive div.panel .charm-01 .attractive-float {
  float: right;
  width: 44vw;
  padding: 0 0 0 1rem;
}
.l-top-attractive div.panel .message {
  position: relative;
  top: 7vw;
}
.l-top-attractive div.panel .charm-03 {
  padding: 2rem 0 5rem;
}
.l-top-attractive div.panel .charm-03 .box {
  margin: 0 0 3rem;
  padding: 2rem;
  background: #ffe42c;
}
.l-top-attractive div.panel .charm-03 .box h6 {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-03 .box .cf {
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-03 .box .cf img {
  float: right;
  width: 45%;
  padding: 0 0 0 1rem;
}
.l-top-attractive div.panel .charm-03 .box .txt {
  padding: 0 4rem;
  display: table;
}
.l-top-attractive div.panel .charm-03 .box .txt li {
  display: table-cell;
  width: 48%;
  padding: 0 5vw 0 0;
}
.l-top-attractive div.panel .charm-03 .box .txt li p {
  font-size: 1.2rem;
}
.l-top-attractive div.panel .charm-03 .box .txt li p span {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
}
.l-top-attractive div.panel .charm-03 .box .txt li:last-child {
  padding: 0 0 0 5vw;
}
.l-top-attractive div.panel .charm-03 .box .note {
  margin: 2rem 0 0;
  display: block;
  padding: 1rem;
  font-size: 1.2rem;
  background: #e3e3e3;
}
.l-top-attractive div.panel .charm-03 .box .box-img {
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-03 .box .product {
  width: 100%;
  border: 1px solid #bcbcbc;
}
.l-top-attractive div.panel .charm-03 .box .product dl {
  display: table;
  padding: 0 2rem;
  background: #fff;
  width: 100%;
}
.l-top-attractive div.panel .charm-03 .box .product dl dt {
  display: table-cell;
  width: 50%;
}
.l-top-attractive div.panel .charm-03 .box .product dl dd {
  display: table-cell;
  vertical-align: middle;
}
.l-top-attractive div.panel .charm-03 .box .product dl dd a {
  font-size: 1.2rem;
  color: #0078ff;
  text-decoration: underline;
}
.l-top-attractive div.panel .charm-02 {
  padding: 2rem 0 5rem;
}
.l-top-attractive div.panel .charm-02 span {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
}
.l-top-attractive div.panel .charm-02 .charm-pic-list {
  margin: 0 0 3rem;
}
.l-top-attractive div.panel .charm-02 .charm-pic-list ul {
  width: 100%;
}
.l-top-attractive div.panel .charm-02 .charm-pic-list ul li {
  width: 49%;
  margin: 0 0 1rem;
}
.l-top-attractive div.panel .charm-02 .charm-pic-list ul li:nth-child(2n+2) {
  margin: 0 0 1rem 2%;
}
.l-top-attractive div.panel .charm-02 table, .l-top-attractive div.panel .charm-02 tr, .l-top-attractive div.panel .charm-02 th, .l-top-attractive div.panel .charm-02 td {
  border: 1px solid #cccccc;
}
.l-top-attractive div.panel .charm-02 .charm-table {
  width: 100%;
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-02 .charm-table tr:first-child {
  background: #e5e5e5;
}
.l-top-attractive div.panel .charm-02 .charm-table tr:last-child {
  background: #ffbcc1;
}
.l-top-attractive div.panel .charm-02 .charm-table tr th {
  font-size: 1.2rem;
  padding: 1rem;
}
.l-top-attractive div.panel .charm-02 .charm-table tr td {
  font-size: 1.2rem;
  padding: 1rem;
}
.l-top-attractive div.panel .charm-02 .charm-table-01 {
  width: 100%;
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-02 .charm-table-01 tr:first-child {
  background: #e5e5e5;
}
.l-top-attractive div.panel .charm-02 .charm-table-01 tr:nth-child(6) {
  background: #ffbcc1;
}
.l-top-attractive div.panel .charm-02 .charm-table-01 tr th {
  font-size: 1.2rem;
  padding: 1rem;
}
.l-top-attractive div.panel .charm-02 .charm-table-01 tr td {
  font-size: 1.2rem;
  padding: 1rem;
}
.l-top-attractive div.panel .charm-02 .charm-table-02 {
  width: 100%;
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-02 .charm-table-02 tr:first-child {
  background: #e5e5e5;
}
.l-top-attractive div.panel .charm-02 .charm-table-02 tr th {
  font-size: 1.2rem;
  padding: 1rem;
}
.l-top-attractive div.panel .charm-02 .charm-table-02 tr td {
  font-size: 1.2rem;
  padding: 1rem;
}
.l-top-attractive div.panel .charm-02 .box {
  padding: 2rem 1rem;
  background: #fffcdf;
  border: 1px solid #b4b4b4;
  border-top: none;
}
.l-top-attractive div.panel .charm-02 .box h5 {
  font-size: 1.4rem;
  font-weight: bold;
  color: #000;
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-02 .box table {
  width: 100%;
  margin: 0 0 2rem;
}
.l-top-attractive div.panel .charm-02 .box table tr:first-child {
  background: #e5e5e5;
}
.l-top-attractive div.panel .charm-02 .box table tr th {
  font-size: 1.2rem;
  padding: 1rem;
}
.l-top-attractive div.panel .charm-02 .box table tr td {
  font-size: 1.2rem;
  padding: 1rem;
  background: #fff;
}
.l-top-attractive div.panel .charm-02 .box .box-img {
  margin: 0 0 2rem;
}

.l-top-safe {
  padding: 3rem 0 0;
}
.l-top-safe h2 {
  margin: 0 0 4rem;
}
.l-top-safe h3 {
  margin: 0 0 3rem;
}
.l-top-safe .safe-product {
  margin: 0 0 2rem;
  width: 100%;
  border: 1px solid #bcbcbc;
}
.l-top-safe .safe-product dl {
  display: table;
  padding: 1rem 2rem;
  background: #fff;
  width: 100%;
}
.l-top-safe .safe-product dl dt {
  display: table-cell;
  width: 50%;
}
.l-top-safe .safe-product dl dd {
  display: table-cell;
  vertical-align: middle;
}
.l-top-safe .safe-product dl dd a {
  font-size: 1.2rem;
  color: #0078ff;
  text-decoration: underline;
}
.l-top-safe .box {
  margin: 0 0 5rem;
}

.l-top-customer {
  padding: 3rem 0;
}
.l-top-customer h2 {
  margin: 0 0 4rem;
}
.l-top-customer h3 {
  margin: 0 0 3rem;
}
.l-top-customer h4 {
  margin: 0 0 2rem;
}
.l-top-customer .customer-img {
  margin: 0 0 2rem;
}
.l-top-customer .customer-img.movie-pic {
  margin: 0 0 2rem;
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.l-top-customer .customer-img.movie-pic iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-top-customer .box {
  margin: 0 0 4rem;
}
.l-top-customer .customer-qa .customer-q, .l-top-customer .customer-qa .customer-a {
  margin: 0 0 2rem;
}

.l-top-develop {
  padding: 3rem 0;
}
.l-top-develop h2 {
  margin: 0 0 4rem;
}
.l-top-develop h3 {
  margin: 0 0 3rem;
}
.l-top-develop .develop-img {
  margin: 0 0 2rem;
}
.l-top-develop .box {
  margin: 0 0 4rem;
}