body {
    font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Noto Sans JP', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#main-one {
 width:920px;
 padding:0 20px;
 font-size: 18px;
}

h1.receptor {
    font-size:24px;
    color: #000;
    padding: 0 0 10px;
}

.topcopy {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 35px 0px;
}

.point-list-title {
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    padding: 5px 0px 15px;
}

.hanzampoint {
    background: #fffafa;
    padding: 30px 25px;
}

ul.point-list {
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  font-size: 20px;
}

ul.point-list li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

ul.point-list li:before {
  
  font-family: "Font Awesome 5 Free";
  content: "\f138";/*アイコンの種類*/
  font-weight: 900; 
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #ff6600;
}

.blackbar {
    background: #000;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 22px 0 18px;
}

h2.onecol {
    text-align: center;
    font-size:28px;
    font-weight: bold;
    padding: 40px 0px 20px;
}

.onecol_ib {
     display:  inline-block;    
     width: 455px;
     vertical-align: top;
     font-size: 16px;
     letter-spacing: 0.1em;
     line-height: 1.7;
     padding: 20px 0px;
}

.onecol_ib p {
    font-size: 20px;
    padding: 5px 5px 5px 10px;
}

.onecol_ib img {
     max-width: 450px;
}

.txt-cen-pc {
    text-align: center;
}

/*mattress-page*/

.content-copy {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    margin: 10px 0 20px;
}


.campaign {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 14px;
    width:700px;
    margin:0 auto;
  }

  .campaign-header {
    font-size: 16px;
    font-weight: bold;
    color: red; /* 赤色で強調 */
    text-align: center;
    margin-bottom: 0px;
    padding: 10px 0;
  }
  
  .content-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
  }
  
  .item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    background-color: #eaeaea;
    border-radius: 4px;
    transition: background-color 0.3s;
  }
  
  .item-header:hover {
    background-color: #dcdcdc;
  }
  
  .toggle-icon {
    font-size: 14px;
    color: #007bff;
  }
  
  .content-body {
    display: none;
    margin-top: 10px;
  }
  
  
  .note {
    font-size: 12px;
  }

  a:hover {
    text-decoration: underline;
  }

.mattress-content {
    width: 960px;
    margin: 0px auto;
}

.mattress-content {
    
}

p.onecol_txt {
    margin: 20px auto;
    width: 860px;
    font-size: 16px;
}

p.onecol_txt_mt {
    margin: 20px auto;
    width: 860px;
    font-size: 16px;
}

h2.mattress {
    padding: 10px 0 10px 20px;
    border-top: solid 3px #13264e;
    border-bottom: solid 3px #13264e;
   font-weight: bold;
   font-size: 24px;
   color:#13264e;
   letter-spacing: 0.05em;
   line-height: 1.8;
   margin: 50px 0;
}

h3.mattress {
   font-size: 20px;
   border-left: 8px solid #13264e;
   margin: 50px 0px;
   padding: 12px 0 12px 10px;
}

.boxpoint {
    width: 860px;
    margin: 2em auto;
}

table.table-01 {
    width: 860px;
    margin: 0 auto;
}

.cp_qa {
    width: 860px;
    margin: 0 auto;
}

/* Q&A全体のスタイル */
.faq-section dl {
    margin: 0;
    padding: 0;
    border-radius: 6px;
    overflow: hidden;
    background-color: #f9f9f9; /* 全体の背景色 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  
  /* 質問部分のスタイル */
  .faq-section dt {
    font-size: 14px;
    font-weight: bold;
    background-color: #eaeaea; /* さらに薄いグレー */
    padding: 15px 10px 15px 50px;
    margin: 0;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 50px;
  }
  
  /* Qアイコン */
  .faq-section dt::before {
    content: "Q";
    font-weight: bold;
    color: #fff;
    background-color: #3b5998;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  
  /* 回答部分のスタイル */
  .faq-section dd {
    margin: 0;
    padding: 15px 15px 15px 50px;
    background-color: #f2f2f2; /* さらに薄いグレー */
    display: none;
    font-size: 14px;
    line-height: 1.6;
    border-bottom: 1px solid #ddd;
    position: relative;
  }
  
  /* Aアイコン */
  .faq-section dd::before {
    content: "A";
    font-weight: bold;
    color: #fff;
    background-color: #4caf50;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 10px;
    top: 15px;
  }
  
  /* トグルボタンのスタイル */
  .toggle-icon {
    font-size: 16px;
    font-weight: bold;
    color: #555;
    padding:0 0 0 10px;
  }



.red_txt {
    color:red;
    margin:10px 10px 30px;
}

table.rental {
    width:100%;
    font-size:16px;
    text-align: left;
}
table.rental th {
    border:solid 1px #000;
    margin:0;
    padding:8px;
    background-color: beige;
}
table.rental td {
    border:solid 1px #000;
    margin:0;
    padding:8px;
}

.enji-cont {
    margin:50px;
    padding:20px;
    border:dotted 2px #ff6600;
    border-radius: 10px;
}

.to_online {
    margin:10px 0 50px;
}