@charset "UTF-8";
@import url("global.css");
#bodyarea {
  margin-bottom: 90px; }
  #bodyarea .first {
    text-align: justify; }
    #bodyarea .first p + p {
      margin-top: 1em; }
  #bodyarea .h {
    margin-block: 45px 15px;
    border-top: #777777 solid 1px;
    padding-top: 35px;
    font-weight: 700;
    font-size: 1.3em; }
  #bodyarea .text {
    text-align: justify; }
  #bodyarea ol.list {
    counter-reset: listnum 0; }
    #bodyarea ol.list li {
      counter-increment: listnum 1; }
      #bodyarea ol.list li + li {
        margin-top: 30px; }
      #bodyarea ol.list li .sub {
        font-size: 1.16em;
        margin-bottom: 10px; }
        #bodyarea ol.list li .sub::before {
          content: "（ " counter(listnum) " ）";
          display: inline-block;
          margin-left: -.4em; }
      #bodyarea ol.list li > dl {
        padding-left: 1em; }
        #bodyarea ol.list li > dl dd {
          margin-left: 1em; }
  #bodyarea ul {
    margin-top: 25px; }
    #bodyarea ul.dot {
      padding-left: 1em; }
      #bodyarea ul.dot li {
        text-indent: -14px;
        padding-left: 14px; }
        #bodyarea ul.dot li::before {
          content: "";
          width: 6px;
          height: 6px;
          display: inline-block;
          margin-right: 8px;
          border-radius: 50%;
          background-color: #777777;
          vertical-align: 2px;
          text-indent: 0; }
  #bodyarea .attention {
    padding-left: 1em;
    margin-top: 1em;
    position: relative;
    box-sizing: border-box; }
    #bodyarea .attention::before {
      content: "※";
      position: absolute;
      top: 0;
      left: 0; }
  #bodyarea .end {
    margin-top: 70px; }
    #bodyarea .end p {
      text-align: end; }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1600px )

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  #pagetitle .title .ja {
    font-size: clamp(30px, 5.6vw, 72px); }

  #bodyarea {
    margin-bottom: 60px; }
    #bodyarea .h {
      margin-block: 30px 10px;
      padding-top: 20px; }
    #bodyarea ol.list li > dl {
      padding-left: 10px; }
      #bodyarea ol.list li > dl dd {
        margin-left: 10px; } }