/* constance variable */
/* noto sans font weight */
/* linear */
/* easeSineIn */
/* easeSineOut */
/* easeSineInOut */
/* easeQuadIn */
/* easeQuadOut */
/* easeQuadInOut */
/* easeCubicIn */
/* easeCubicOut */
/* easeCubicInOut */
/* easeQuartIn */
/* easeQuartOut */
/* easeQuartInOut */
/* easeQuintIn */
/* easeQuintOut */
/* easeQuintInOut */
/* easeExpoIn */
/* easeExpoOut */
/* easeExpoInOut */
/* easeCircIn */
/* easeCircOut */
/* easeCircInOut */
/* easeBackIn */
/* easeBackOut */
/* easeBackInOut */
/* general method */
.flex_box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex; }

/* constance variable */
/* noto sans font weight */
/* linear */
/* easeSineIn */
/* easeSineOut */
/* easeSineInOut */
/* easeQuadIn */
/* easeQuadOut */
/* easeQuadInOut */
/* easeCubicIn */
/* easeCubicOut */
/* easeCubicInOut */
/* easeQuartIn */
/* easeQuartOut */
/* easeQuartInOut */
/* easeQuintIn */
/* easeQuintOut */
/* easeQuintInOut */
/* easeExpoIn */
/* easeExpoOut */
/* easeExpoInOut */
/* easeCircIn */
/* easeCircOut */
/* easeCircInOut */
/* easeBackIn */
/* easeBackOut */
/* easeBackInOut */
/* general method */
.flex_box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-flex;
  display: flex; }

h1 {
  margin-left: 8.09211%;
  font-size: 1.5rem;
  letter-spacing: 0.07em; }
  @media only screen and (max-width: 1599px) {
    h1 {
      margin-left: 4.625rem;
      font-size: 1.1875rem; } }
  @media only screen and (max-width: 736px) {
    h1 {
      margin-left: 3.0625rem;
      margin-left: 0; } }
  h1 span {
    border-bottom: solid 5px #000;
    display: inline-block;
    padding-bottom: 0.25em; }

.form {
  width: 82.89474%; }
  @media only screen and (max-width: 1260px) {
    .form {
      width: 94%; } }
  .form h2 {
    margin-bottom: 5rem;
    font-size: 1.5625rem;
    letter-spacing: 0.07em;
    text-align: center; }
    @media only screen and (max-width: 1599px) {
      .form h2 {
        margin-bottom: 3rem;
        font-size: 1.25rem; } }
    @media only screen and (max-width: 736px) {
      .form h2 {
        margin-bottom: 2rem; } }
    .form h2 span {
      border-bottom: solid 5px #000;
      display: inline-block;
      padding-bottom: 0.25em; }
  .form p {
    font-size: 1.25rem;
    letter-spacing: 0.07em; }
    @media only screen and (max-width: 1599px) {
      .form p {
        font-size: 1rem; } }
    .form p.policy {
      text-align: right; }
      .form p.policy a {
        text-decoration: underline; }
    .form p.read {
      margin-bottom: 5rem; }
      @media only screen and (max-width: 1599px) {
        .form p.read {
          margin-bottom: 3rem; } }
      @media only screen and (max-width: 736px) {
        .form p.read {
          margin-bottom: 2rem; } }
  .form p span, .form th span {
    color: #e60012; }
  .form table {
    width: 100%; }
    .form table:first-child {
      margin-bottom: 2.875rem; }
      @media only screen and (max-width: 1599px) {
        .form table:first-child {
          margin-bottom: 1.75rem; } }
      @media only screen and (max-width: 736px) {
        .form table:first-child {
          margin-bottom: 1.125rem; } }
    .form table th, .form table td {
      background: #efefef;
      border-bottom: solid 4px #fff;
      padding: 0.6875rem 2.3125rem;
      font-size: 1.25rem;
      text-align: left; }
      @media only screen and (max-width: 1599px) {
        .form table th, .form table td {
          font-size: 1rem;
          padding: 0.6875rem 1.375rem; } }
      @media only screen and (max-width: 736px) {
        .form table th, .form table td {
          display: block;
          font-size: 0.75rem; } }
    .form table th {
      width: 19.04762%;
      vertical-align: top;
      white-space: nowrap; }
    @media only screen and (max-width: 736px) {
      .form table th {
        border-bottom: none;
        width: auto;
        padding-bottom: 0.5em;
        font-weight: 500; }
      .form table td {
        padding-top: 0; } }
  .form input[type=text],
  .form textarea {
    border: solid 1px #8b8b8c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.25em;
    font-size: 0.875rem; }
  .form input[type=text]:not(.num) {
    width: 60%; }
    @media only screen and (max-width: 768px) {
      .form input[type=text]:not(.num) {
        width: 70%; } }
    @media only screen and (max-width: 736px) {
      .form input[type=text]:not(.num) {
        width: 100%; } }
  .form input[type=text].other {
    width: 10em;
    margin-left: 1em; }
  .form input[type=radio] {
    margin-right: 0.5em; }
    .form input[type=radio]:not(:first-child) {
      margin-left: 1em; }
  .form textarea {
    width: 60%;
    height: 5em; }
    @media only screen and (max-width: 768px) {
      .form textarea {
        width: 70%; } }
    @media only screen and (max-width: 736px) {
      .form textarea {
        width: 100%; } }
  @media only screen and (max-width: 768px) {
    .form input.num {
      width: 3em; } }
  .form .btn {
    margin-top: 3.75rem;
    text-align: center; }
    @media only screen and (max-width: 1599px) {
      .form .btn {
        margin-top: 2.25rem; } }
    .form .btn a {
      background: #000;
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em;
      display: inline-block;
      padding: 1.25rem 3.75rem;
      color: #fff;
      font-size: 1.3125rem; }
      @media only screen and (max-width: 1599px) {
        .form .btn a {
          padding: 1.25rem 2.25rem;
          font-size: 1.0625rem; } }
      .form .btn a:hover {
        text-decoration: none; }

h1 {
  margin-bottom: 5.625rem; }
  @media only screen and (max-width: 1599px) {
    h1 {
      margin-bottom: 3.375rem; } }

.pager {
  font-size: 1.1875rem;
  text-align: right; }
  @media only screen and (max-width: 1599px) {
    .pager {
      font-size: 0.9375rem; } }

.list {
  width: 72.36842%;
  margin: 0 auto 8.375rem; }
  @media only screen and (max-width: 1599px) {
    .list {
      margin: 0 auto 5rem; } }
  @media only screen and (max-width: 1099px) {
    .list {
      width: 94%; } }
  .list .row {
    border-bottom: solid 15px #efefef;
    padding: 1.6875rem 0.9375rem; }
    @media only screen and (max-width: 1599px) {
      .list .row {
        border-bottom: solid 7px #efefef;
        padding: 1rem 0.5625rem; } }
    .list .row:first-child {
      border-top: solid 15px #efefef; }
      @media only screen and (max-width: 1599px) {
        .list .row:first-child {
          border-top: solid 7px #efefef; } }
    .list .row p.date {
      margin-bottom: 1.0625rem;
      font-size: 1.1875rem; }
      @media only screen and (max-width: 1599px) {
        .list .row p.date {
          margin-bottom: 0.625rem;
          font-size: 0.9375rem; } }
    .list .row h2 {
      font-size: 1.5rem;
      font-weight: 500; }
      @media only screen and (max-width: 1599px) {
        .list .row h2 {
          font-size: 1.1875rem; } }
  .list .pager {
    margin-top: 2.5rem; }
    @media only screen and (max-width: 1599px) {
      .list .pager {
        margin-top: 1.5rem; } }

.single {
  width: 92.10526%;
  margin: 0 auto 11.875rem; }
  @media only screen and (max-width: 1599px) {
    .single {
      margin: 0 auto 7.125rem; } }
  @media only screen and (max-width: 1399px) {
    .single {
      width: 94%; } }
  @media only screen and (max-width: 736px) {
    .single {
      margin: 0 auto 4.75rem; } }
  .single h1 {
    margin-left: 0; }
  .single section {
    float: left;
    width: 66.85714%; }
    @media only screen and (max-width: 768px) {
      .single section {
        float: none;
        width: 100%;
        margin-bottom: 6.25rem; } }
    @media only screen and (max-width: 736px) {
      .single section {
        margin-bottom: 3.75rem; } }
    .single section .header {
      margin-bottom: 4rem; }
      @media only screen and (max-width: 1599px) {
        .single section .header {
          margin-bottom: 2.375rem; } }
      .single section .header h2 {
        float: left;
        font-size: 1.84211%;
        font-weight: 500; }
        @media only screen and (max-width: 1599px) {
          .single section .header h2 {
            font-size: 1.375rem; } }
        @media only screen and (max-width: 736px) {
          .single section .header h2 {
            float: none; } }
      .single section .header .date {
        float: right;
        width: 12em;
        font-size: 1.1875rem;
        text-align: right; }
        @media only screen and (max-width: 1599px) {
          .single section .header .date {
            font-size: 0.9375rem; } }
        @media only screen and (max-width: 736px) {
          .single section .header .date {
            float: none;
            width: 100%;
            margin-bottom: 1em;
            text-align: left; } }
    .single section .contents article, .single section .contents section, .single section .contents div,
    .single section .contents p, .single section .contents ul, .single section .contents ol, .single section .contents dl, .single section .contents figure, .single section .contents table {
      margin-bottom: 3.75rem; }
      @media only screen and (max-width: 1599px) {
        .single section .contents article, .single section .contents section, .single section .contents div,
        .single section .contents p, .single section .contents ul, .single section .contents ol, .single section .contents dl, .single section .contents figure, .single section .contents table {
          margin-bottom: 2.25rem; } }
    .single section .contents div, .single section .contents p, .single section .contents li, .single section .contents dt, .single section .contents dd, .single section .contents th, .single section .contents td {
      font-size: 1.3125rem; }
      @media only screen and (max-width: 1599px) {
        .single section .contents div, .single section .contents p, .single section .contents li, .single section .contents dt, .single section .contents dd, .single section .contents th, .single section .contents td {
          font-size: 1.0625rem; } }
    @media only screen and (max-width: 736px) {
      .single section .contents img {
        width: 100%;
        height: auto !important; } }
    .single section .pager {
      margin-top: 4.75rem; }
      @media only screen and (max-width: 1599px) {
        .single section .pager {
          margin-top: 2.875rem; } }
  .single aside {
    float: right;
    width: 22.14286%; }
    @media only screen and (max-width: 768px) {
      .single aside {
        float: none;
        width: 100%; } }
    .single aside section:first-child {
      margin-bottom: 6.25rem; }
      @media only screen and (max-width: 1599px) {
        .single aside section:first-child {
          margin-bottom: 3.75rem; } }
      @media only screen and (max-width: 736px) {
        .single aside section:first-child {
          margin-bottom: 2.5rem; } }
    .single aside section h3 {
      margin-bottom: 1.5rem;
      padding: 0 1.25rem;
      font-size: 1.3125rem; }
      @media only screen and (max-width: 1599px) {
        .single aside section h3 {
          padding: 0 0.75rem;
          margin-bottom: 0.875rem;
          font-size: 1.0625rem; } }
    .single aside section .row, .single aside section li {
      border-bottom: solid 1px #000;
      padding: 1.5625rem 1.25rem; }
      @media only screen and (max-width: 1599px) {
        .single aside section .row, .single aside section li {
          padding: 0.9375rem 0.75rem; } }
      .single aside section .row:first-of-type, .single aside section li:first-of-type {
        border-top: solid 1px #000; }
    .single aside section .row .date {
      margin-bottom: 0.625rem;
      font-size: 1.0625rem; }
      @media only screen and (max-width: 1599px) {
        .single aside section .row .date {
          margin-bottom: 0.375rem;
          font-size: 0.875rem; } }
    .single aside section .row h4 {
      font-size: 1.1875rem; }
      @media only screen and (max-width: 1599px) {
        .single aside section .row h4 {
          font-size: 0.9375rem; } }

/*# sourceMappingURL=news.css.map */