@charset 'UTF-8';
/* シンプルな共通レイアウトページ用CSS */
/***********************************************************************
 * #Contents .respImg
 ********************************************************************* */
@media only screen and (min-width: 768px) {
  #Contents .respImg {
    max-width: 100%; 
    width: auto;
  }
}

/***********************************************************************
 * #Contents .layoutSect
 ********************************************************************* */
@media only screen and (min-width: 768px) {
  #Contents .layoutSect {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .layoutSect {
    margin-bottom: 35px;
  }
}

/***********************************************************************
 * #Contents .layoutBlock
 ********************************************************************* */
@media print, screen and (min-width: 768px) {
  #Contents .layoutBlock {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .layoutBlock {
    margin-bottom: 25px;
  }
}

/***********************************************************************
 * #Contents .layoutBox
 ********************************************************************* */
@media only screen and (min-width: 768px) {
  #Contents .layoutBox {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .layoutBox {
    margin-bottom: 20px;
  }
}

/***********************************************************************
 * #Contents .layoutArea
 ********************************************************************* */
@media only screen and (min-width: 768px) {
  #Contents .layoutArea {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .layoutArea {
    margin-bottom: 15px;
  }
}

/***********************************************************************
 * #Contents .policyList
 ********************************************************************* */
#Contents .policyList > li .txt {
  padding-left: 2em;
  text-indent: -2em;
}
#Contents .policyList > li .txt.double {
  padding-left: 3em;
  text-indent: -3em;
}
#Contents .policyList > li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #Contents .policyList > li {
    margin-bottom: 5px; 
    font-size: 15px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .policyList > li {
    margin-bottom: 3px; 
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

/***********************************************************************
 * #Contents .policySubList
 ********************************************************************* */
#Contents .policySubList {
  padding-left: 1.5em;
}
#Contents .policySubList > li {
  padding-left: 3em;
  text-indent: -3em;
}
#Contents .policySubList > li:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  #Contents .policySubList {
    margin: 5px 0 10px;
  }
  #Contents .policySubList > li {
    margin-bottom: 5px; 
    font-size: 15px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .policySubList {
    margin: 3px 0 8px;
  }
  #Contents .policySubList > li {
    margin-bottom: 3px; 
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

/***********************************************************************
 * #Contents .policyMinList
 ********************************************************************* */
#Contents .policyMinList > li {
  padding-left: 1.3em;
  text-indent: -1.3em;
}
@media only screen and (min-width: 768px) {
  #Contents .policyMinList {
    margin: 3px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #Contents .policyMinList {
    margin-top: 3px;
  }
}