@charset "UTF-8";


@media (min-width: 768px) {
  /* フォント */
  .titlefont{font-size: 30px;}
  .enterfont{font-size: 19px;
            font-weight: bold;
            line-height: 1.5;}
  .agefont{font-size: 22px;
          font-weight: bold;
          line-height: 1.5;}
  .newsfont{font-size: 16px;
         line-height: 1.8;}

  .title1{padding-left: 70px;
         padding-top: 30px;
        padding-bottom: 30px;}
  .intro{padding-left: 45px;
          padding-bottom: 50px;}
  .b-aouter{padding-top: 40px;
            padding-bottom: 70px;}
  .title2{padding-left: 0px;
         padding-top: 10px;
        padding-bottom: 20px;}

  .hishoimg{margin-left: auto;
            padding-right: 100px;
            width: 30%;}

  .b-a{width: 50%;
      margin: 0 auto;}
  .age:after{content:"";
              display: block;
              clear: both;}
  .age{padding-top: 10px;
      width: 75%;
      margin: auto;
      border-bottom: solid 1.5px;}
  .agebefore{float: left; width: 50%;
            text-align: left;}
  .ageafter{float: right; width: 50%;
            text-align: right;}
  .news:after{content:"";
              display: block;
              clear: both;}
  .newsleft{float:left; width: 50%;
            padding: 10px;}
  .newsright{float:left; width: 50%;
            padding: 10px;}
  .newsintroleft{padding-bottom: 20px;}
  .newsintroright{padding-bottom: 20px;}
}


@media (max-width: 767px) {
  /* フォント */
  .titlefont{font-size: 17px;}
  .hishomsg{font-size: 9px}
  .enterfont{font-size: 9px;
            font-weight: bold;
            line-height: 1.5;}
  .agefont{font-size: 10px;
          font-weight: bold;
          line-height: 1.5;}
  .newsfont{font-size: 10px;
         line-height: 1.5;}

   .title1{padding-left: 20px;
         padding-top: 20px;
         padding-bottom: 15px;}
   .intro{padding-left: 15px;
          padding-bottom: 30px;}
   .b-aouter{padding-top: 15px;
             padding-bottom: 30px;}
   .title2{padding-left: 0px;
          padding-top: 10px;
         padding-bottom: 10px;}

  .hishoimg{margin-left: auto;
            padding-right: 40px;
            padding-top: 10px;
            width: 30%;}

  .b-a{width: 70%;
      margin: 0 auto;}

  .age:after{content:"";
              display: block;
              clear: both;}
  .age{padding-top: 5px;
      width: 90%;
      margin: auto;
      border-bottom: solid 1px;}
  .agebefore{float: left; width: 50%;
            text-align: left;}
  .ageafter{float: right; width: 50%;
            text-align: right;}
  .news:after{content:"";
              display: block;
              clear: both;}
  .newsleft{float:left; width: 50%;
            padding: 5px;}
  .newsright{float:left; width: 50%;
            padding: 5px;}
  .newsintroleft{padding-bottom: 10px;}
  .newsintroright{padding-bottom: 10px;}
}