/*--------------------------------------------------------------------------
question
---------------------------------------------------------------------------*/
section.question {
   padding: 0 15px 150px;
}
.question h2{
   font-size: 5vw;
   font-weight: bold;
   text-align: center;
   margin-bottom: 100px;
}
.price-top{
   font-size: 25px;
   font-weight: bold;
   margin: 0 5px;
}
.price-top.large{
   font-size: 35px;
}
.q-table{
   margin: 0 auto;
   max-width: 1200px;
}
.q-table>tbody{
   display: flex;
   justify-content: center;
}
.q-table tr{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.q-table tr:nth-of-type(1),
.q-table tr:nth-of-type(2){
   border-right: 1px dotted #ccc;
}
.q-table th{
   padding: 20px 0 30px;
}
.case-wrapper{
   display: flex;
   align-items: center;
   justify-content: center;
}
.case{
   color: #727272;
}
.q-table .num{
   font-size: 70px;
   font-style: italic;
   margin: -14px 0px 0 1px;
}
.q-table dl>div{
   display: flex;
}
.q-table dt{
   width: 113px;
   text-align: right;
   margin-right: 10px;
}
.q-table dd{
   width: 95px;
}
.q-table td:nth-of-type(1){
   padding: 20px;
}
.q-table td:nth-of-type(2){
   padding: 20px;
   text-align: center;
}
.q-table td:nth-of-type(3){
   padding: 20px;
}
.question .note{
   max-width: 900px;
   margin: 15px auto 0;
   padding-left: 1.3em!important;
   text-align: right;
   font-size: 14px;
}
.q-table td:nth-of-type(4){
   padding: 20px;
   vertical-align: middle;
}
.q-table tr:nth-of-type(1) div{animation-delay: 0.2s!important;}
.q-table tr:nth-of-type(2) div{animation-delay: 0.6s!important;}
.q-table tr:nth-of-type(3) div{animation-delay: 1.0s!important;}
/*************************************************************************
1140px
**************************************************************************/
@media screen and (max-width: 1140px) {
   .contents-container section.question {
      padding: 0 15px 150px;
   }
}
/*************************************************************************
1024px
**************************************************************************/
@media screen and (max-width: 1024px) {
   .question h2 {
      margin-bottom: 0px;
   }
   .q-table>tbody {
      flex-direction: column;
   }
   .q-table th{
      padding: 100px 0 30px;
      width: 210px;
   }
   .q-table tr:nth-of-type(1), .q-table tr:nth-of-type(2) {
      border-right: none;
   }
   .q-table th {
      border-bottom: 5px dotted #ccc;
   }
   .q-table .right-arrow-s {
      width: 164px;
      padding: 12px 24px 12px 3px;
      font-size: 16px;
      margin: 0 auto;
   }
   .q-table .right-arrow-s::after {
      right: 8px;
      transform: translateY(-50%) scale(.6);
      top: calc(50% - 1px);
   }
   .question .note{
      max-width: 290px;
      text-align: left;
   }
.q-table tr:nth-of-type(1) div{animation-delay: 0.2s!important;}
.q-table tr:nth-of-type(2) div{animation-delay: 0.2s!important;}
.q-table tr:nth-of-type(3) div{animation-delay: 0.2s!important;}
}