@charset "UTF-8";

/**
 * ================================================================================
 * Table of Contents:
 *
 * Parts Settings
 *    - Block / Box
 *    - Column
 *    - Title
 *    - Text
 *    - Lists / Comments / Caution / Caption
 *    - Icon
 *    - Button
 *    - Label
 *    - Table
 *    - Form
 *    - Iframe
 *    - Pager
 *    - Background Image
 *    - Resize Image
 *    - Overflow
 * Module Settings
 *    - Label Title
 *    - Image Definition List
 *    - News Lists
 *    - Archive Navigation
 *    - Main Visual
 * Animation Settings
 * ================================================================================
 */ 

 




/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */



/**
 * Block / Box
 * -------------------------------
 */

/* -- .p_sec_block -- */
.p_sec_block {
  margin-top: 100px;
  position: relative;
  z-index: 1;
  }
.p_sec_block.p_sec_bgc {
  padding: 80px 0 100px 0;
  z-index: 2;
  }
.p_sec_block:nth-of-type(1) { margin-top: 80px; }
.p_sec_block.p_sec_bgc + .p_sec_block.p_sec_bgc { margin-top: 0; }
.p_sec_block:nth-last-of-type(1) { margin-bottom: 120px; }
.p_sec_block.p_sec_bgc:nth-last-of-type(1) {
  padding-bottom: 120px;
  margin-bottom: 0;
  }


/* -- .p_cnt_block -- */
.p_cnt_block { margin-top: 60px; }
.p_cnt_block:nth-of-type(1) { margin-top: 0; }


/* -- .p_cnt_box -- */
.p_cnt_box { margin-top: 40px; }
.p_cnt_box:nth-of-type(1) { margin-top: 0; }



/**
 * Column
 * -------------------------------
 */

.p_col_lists {
  list-style: none;
  letter-spacing: -.40em;
  }

  .p_col_lists .p_col {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    }

  .p_col_lists .p_col.p_col01 { width: 100%; }
  .p_col_lists .p_col.p_col02 { width: 50%; }
  .p_col_lists .p_col.p_col03 { width: 33.3333%; }
  .p_col_lists .p_col.p_col04 { width: 25%; }
  .p_col_lists .p_col.p_col05 { width: 20%; }
  .p_col_lists .p_col.p_col06 { width: 16.6666%; }
  .p_col_lists .p_col.p_col07 { width: 14.2857%; }
  .p_col_lists .p_col.p_col08 { width: 12.5%; }



/**
 * Title
 * -------------------------------
 */

/* -- .p_sec_ttl -- */
.p_sec_ttl {
  margin-bottom: 40px;
  position: relative;
  }

  .p_sec_ttl > span {
    display: block;
    margin-top: 5px;
    }

  .p_sec_ttl > span:nth-of-type(1) { margin-top: 0; }

    .p_sec_ttl > span span {
      display: inline-block;
      white-space: nowrap
      }

    .p_sec_ttl > span > span { padding: 5px 10px; }


/* -- .p_cnt_ttl -- */
.p_cnt_ttl {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #d9d9d9;
  position: relative;
  }

  .p_cnt_ttl > span { display: block; }


/* -- .p_cnt_ttl02 -- */
.p_cnt_ttl02 {
  padding-left: 30px;
  margin-bottom: 20px;
  position: relative;
  }

  .p_cnt_ttl02:before {
    content: "";
    background-color: #00a1e3;
    width: 20px;
    height: 2px;
    position: absolute;
    left: 0;
    top: 0.65em;
    }

  .p_cnt_ttl02 > span { display: inline-block; }




/**
 * Text
 * -------------------------------
 */

/* -- .p_sec_txt -- */
.p_sec_txt { margin-bottom: 40px; }



/**
 * Lists / Comments / Caution / Caption
 * -------------------------------
 */
 
.p_lists,
.p_comments { list-style: none; }

  .p_lists > li { margin-bottom: 5px; }
  .p_comments > li { margin-bottom: 3px; }

  .p_lists > li,
  .p_comments > li {
    padding-left: 1em;
    position: relative;
    }

    .p_lists > li:before,
    .p_comments > li:before {
      display: block;
      position: absolute;
      left: 0;
      top: 0.05em;
      }

    .p_lists > li:before { content: "・"; }
    .p_comments > li:before { content: "※"; }

ol.p_lists,
ol.p_comments {
  counter-reset: item;
  list-style-type: none;
  }

  ol.p_lists > li,
  ol.p_comments > li { text-indent: 0; }
  ol.p_lists > li { padding-left: 2em; }
  ol.p_comments > li { padding-left: 2em; }

    ol.p_lists > li:before {
      counter-increment: item;
      content: counter(item, decimal)".\00a0";
      }
    ol.p_comments > li:before {
      counter-increment: item;
      content: "※"counter(item, decimal)".\00a0";
      }
    
.p_comments,
.p_caution,
.p_caption {
    font-size: 11px;
    line-height: 1.4;
    }
.p_caption.red{
  text-align: center;
  color:#de2020;
  font-weight: bold;
  margin-top:1em;
}

.p_lists.p_lists_nomark > li,
.p_comments.p_comments_nomark > li { text-indent: -1em; }
ol.p_lists.p_lists_nomark > li { text-indent: -1em; }
ol.p_comments.p_comments_nomark > li { text-indent: -2em; }

  .p_lists.p_lists_nomark > li:before,
  .p_comments.p_comments_nomark > li:before,
  ol.p_lists.p_lists_nomark > li:before,
  ol.p_comments.p_comments_nomark > li:before { display: none; }



/**
 * Icon
 * -------------------------------
 */

.p_icon {
  display: inline-block;
  padding-left: 20px;
  position: relative;
  text-indent: 0;
  }

a.p_icon,
a .p_icon { font-weight: bold; }

  .p_icon:after {
    content: "";
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% auto;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0.3em;
    left: 0;
    }

  .p_icon:after,
  .p_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow_blue.png"); }
  .p_icon_arrow02:after { background-image: url("/assets/common/img/icon_arrow02_blue.png"); }
  .p_icon[target="_blank"]:after,
  .p_icon_blank:after { background-image: url("/assets/common/img/icon_blank_blue.png"); }
  .p_icon.p_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_blue.png"); }
  .p_icon.p_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_blue.png"); }
  .p_icon.p_icon_plus:after { background-image: url("/assets/common/img/icon_plus_blue.png"); }
  .p_icon.p_icon_minus:after { background-image: url("/assets/common/img/icon_minus_blue.png"); }





/**
 * Button
 * -------------------------------
 */

/* -- .p_btn_lists -- */
.p_btn_lists {
  list-style: none;
  letter-spacing: -.40em;
  }


/* -- .p_btn -- */
.p_btn {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  }

  .p_btn > * {
    width: 100%;
    display: block;
    min-width: 260px;
    padding: 10px 50px 10px 20px;
    border: 2px solid #589ebe;
    position: relative;
    z-index: 1;
    color: #589ebe;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left !important;
    overflow: hidden;
    cursor: pointer;
    border-radius: 8px;
    }

  .p_btn.p_btn_size_s > * {
    min-width: 160px;
    font-size: 15px;
    }

  .p_btn > *:hover { text-decoration: none; }

    .p_btn > * > input,
    .p_btn > * > button,
    .p_btn > * > submit {
      width: 100%;
      height: 100%;
      color: #fff;
      }

    .p_btn > *:after {
      content: "";
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: 100% auto;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      right: 15px;
      z-index: -1;
      transition: 0.2s ease-out;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      }

    .p_btn > *:hover:after {
      -webkit-transform: translate(5px, -50%);
      transform: translate(5px, -50%);
      }

    .p_btn > *:after,
    .p_btn > *.p_btn_icon_arrow:after,
    a .p_btn > *:after,
    a .p_btn > *.p_btn_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow02_blue.png"); }
    .p_btn > *[target="_blank"]:after,
    .p_btn > *.p_btn_icon_blank:after,
    a[target="_blank"] .p_btn > *:after,
    a[target="_blank"] .p_btn > *.p_btn_icon_blank:after { background-image: url("/assets/common/img/icon_blank_blue.png"); }
    .p_btn > *.p_btn_icon_darrow:after,
    a .p_btn > *.p_btn_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_blue.png"); }
    .p_btn > *.p_btn_icon_uarrow:after,
    a .p_btn > *.p_btn_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_white.png"); }
    .p_btn > *.p_btn_icon_plus:after,
    a .p_btn > *.p_btn_icon_plus:after { background-image: url("/assets/common/img/icon_plus_white.png"); }
    .p_btn > *.p_btn_icon_minus:after,
    a .p_btn > *.p_btn_icon_minus:after { background-image: url("/assets/common/img/icon_minus_white.png"); }


/* -- Color -- */
.p_btn > *.p_btn_bcolor_blue {
  border: 2px solid #589ebe;
  color: #589ebe;
  }

  .p_btn > *.p_btn_bcolor_blue:after,
  a .p_btn > *.p_btn_bcolor_blue:after,
  .p_btn > *.p_btn_bcolor_blue.p_btn_icon_arrow:after,
  a .p_btn > *.p_btn_bcolor_blue.p_btn_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow02_blue.png"); }
  .p_btn > *.p_btn_bcolor_blue[target="_blank"]:after,
  .p_btn > *.p_btn_bcolor_blue.p_btn_icon_blank:after,
  a[target="_blank"] .p_btn > *.p_btn_bcolor_blue:after,
  a[target="_blank"] .p_btn > *.p_btn_bcolor_blue.p_btn_icon_blank:after { background-image: url("/assets/common/img/icon_blank_blue.png"); }
  .p_btn > *.p_btn_bcolor_blue.p_btn_icon_darrow:after,
  a .p_btn > *.p_btn_bcolor_blue.p_btn_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_blue.png"); }
  .p_btn > *.p_btn_bcolor_blue.p_btn_icon_uarrow:after,
  a .p_btn > *.p_btn_bcolor_blue.p_btn_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_blue.png"); }
  .p_btn > *.p_btn_bcolor_blue.p_btn_icon_plus:after,
  a .p_btn > *.p_btn_bcolor_blue.p_btn_icon_plus:after { background-image: url("/assets/common/img/icon_plus_blue.png"); }
  .p_btn > *.p_btn_bcolor_blue.p_btn_icon_minus:after,
  a .p_btn > *.p_btn_bcolor_blue.p_btn_icon_minus:after { background-image: url("/assets/common/img/icon_minus_blue.png"); }

.p_btn > *.p_btn_color_blue {
  background-color: #589ebe;
  border: none;
  color: #fff;
  }

  .p_btn > *.p_btn_color_blue:after,
  a .p_btn > *.p_btn_color_blue:after,
  .p_btn > *.p_btn_color_blue.p_btn_icon_arrow:after,
  a .p_btn > *.p_btn_color_blue.p_btn_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow02_white.png"); }
  .p_btn > *.p_btn_color_blue[target="_blank"]:after,
  .p_btn > *.p_btn_color_blue.p_btn_icon_blank:after,
  a[target="_blank"] .p_btn > *.p_btn_color_blue:after,
  a[target="_blank"] .p_btn > *.p_btn_color_blue.p_btn_icon_blank:after { background-image: url("/assets/common/img/icon_blank_white.png"); }
  .p_btn > *.p_btn_color_blue.p_btn_icon_darrow:after,
  a .p_btn > *.p_btn_color_blue.p_btn_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_white.png"); }
  .p_btn > *.p_btn_color_blue.p_btn_icon_uarrow:after,
  a .p_btn > *.p_btn_color_blue.p_btn_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_white.png"); }
  .p_btn > *.p_btn_color_blue.p_btn_icon_plus:after,
  a .p_btn > *.p_btn_color_blue.p_btn_icon_plus:after { background-image: url("/assets/common/img/icon_plus_white.png"); }
  .p_btn > *.p_btn_color_blue.p_btn_icon_minus:after,
  a .p_btn > *.p_btn_color_blue.p_btn_icon_minus:after { background-image: url("/assets/common/img/icon_minus_white.png"); }

.p_btn > *.p_btn_bcolor_white {
  border: 2px solid #fff;
  color: #fff;
  }

  .p_btn > *.p_btn_bcolor_white:after,
  a .p_btn > *.p_btn_bcolor_white:after,
  .p_btn > *.p_btn_bcolor_white.p_btn_icon_arrow:after,
  a .p_btn > *.p_btn_bcolor_white.p_btn_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow02_white.png"); }
  .p_btn > *.p_btn_bcolor_white[target="_blank"]:after,
  .p_btn > *.p_btn_bcolor_white.p_btn_icon_blank:after,
  a[target="_blank"] .p_btn > *.p_btn_bcolor_white:after,
  a[target="_blank"] .p_btn > *.p_btn_bcolor_white.p_btn_icon_blank:after { background-image: url("/assets/common/img/icon_blank_white.png"); }
  .p_btn > *.p_btn_bcolor_white.p_btn_icon_darrow:after,
  a .p_btn > *.p_btn_bcolor_white.p_btn_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_white.png"); }
  .p_btn > *.p_btn_bcolor_white.p_btn_icon_uarrow:after,
  a .p_btn > *.p_btn_bcolor_white.p_btn_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_white.png"); }
  .p_btn > *.p_btn_bcolor_white.p_btn_icon_plus:after,
  a .p_btn > *.p_btn_bcolor_white.p_btn_icon_plus:after { background-image: url("/assets/common/img/icon_plus_white.png"); }
  .p_btn > *.p_btn_bcolor_white.p_btn_icon_minus:after,
  a .p_btn > *.p_btn_bcolor_white.p_btn_icon_minus:after { background-image: url("/assets/common/img/icon_minus_white.png"); }

.p_btn > *.p_btn_color_white {
  background-color: #fff;
  border: none;
  color: #589ebe;
  }

  .p_btn > *.p_btn_color_white:after,
  a .p_btn > *.p_btn_color_white:after,
  .p_btn > *.p_btn_color_white.p_btn_icon_arrow:after,
  a .p_btn > *.p_btn_color_white.p_btn_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow02_blue.png"); }
  .p_btn > *.p_btn_color_white[target="_blank"]:after,
  .p_btn > *.p_btn_color_white.p_btn_icon_blank:after,
  a[target="_blank"] .p_btn > *.p_btn_color_white:after,
  a[target="_blank"] .p_btn > *.p_btn_color_white.p_btn_icon_blank:after { background-image: url("/assets/common/img/icon_blank_blue.png"); }
  .p_btn > *.p_btn_color_white.p_btn_icon_darrow:after,
  a .p_btn > *.p_btn_color_white.p_btn_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_blue.png"); }
  .p_btn > *.p_btn_color_white.p_btn_icon_uarrow:after,
  a .p_btn > *.p_btn_color_white.p_btn_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_blue.png"); }
  .p_btn > *.p_btn_color_white.p_btn_icon_plus:after,
  a .p_btn > *.p_btn_color_white.p_btn_icon_plus:after { background-image: url("/assets/common/img/icon_plus_blue.png"); }
  .p_btn > *.p_btn_color_white.p_btn_icon_minus:after,
  a .p_btn > *.p_btn_color_white.p_btn_icon_minus:after { background-image: url("/assets/common/img/icon_minus_blue.png"); }

.p_btn > *.p_btn_bcolor_black {
  border: 2px solid #131313;
  color: #131313;
  }

  .p_btn > *.p_btn_bcolor_black:after,
  a .p_btn > *.p_btn_bcolor_black:after,
  .p_btn > *.p_btn_bcolor_black.p_btn_icon_arrow:after,
  a .p_btn > *.p_btn_bcolor_black.p_btn_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow02_black.png"); }
  .p_btn > *.p_btn_bcolor_black[target="_blank"]:after,
  .p_btn > *.p_btn_bcolor_black.p_btn_icon_blank:after,
  a[target="_blank"] .p_btn > *.p_btn_bcolor_black:after,
  a[target="_blank"] .p_btn > *.p_btn_bcolor_black.p_btn_icon_blank:after { background-image: url("/assets/common/img/icon_blank_black.png"); }
  .p_btn > *.p_btn_bcolor_black.p_btn_icon_darrow:after,
  a .p_btn > *.p_btn_bcolor_black.p_btn_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_black.png"); }
  .p_btn > *.p_btn_bcolor_black.p_btn_icon_uarrow:after,
  a .p_btn > *.p_btn_bcolor_black.p_btn_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_black.png"); }
  .p_btn > *.p_btn_bcolor_black.p_btn_icon_plus:after,
  a .p_btn > *.p_btn_bcolor_black.p_btn_icon_plus:after { background-image: url("/assets/common/img/icon_plus_black.png"); }
  .p_btn > *.p_btn_bcolor_black.p_btn_icon_minus:after,
  a .p_btn > *.p_btn_bcolor_black.p_btn_icon_minus:after { background-image: url("/assets/common/img/icon_minus_black.png"); }

.p_btn > *.p_btn_color_black {
  background-color: #131313;
  border: none;
  color: #fff;
  }

  .p_btn > *.p_btn_color_black:after,
  a .p_btn > *.p_btn_color_black:after,
  .p_btn > *.p_btn_color_black.p_btn_icon_arrow:after,
  a .p_btn > *.p_btn_color_black.p_btn_icon_arrow:after { background-image: url("/assets/common/img/icon_arrow02_white.png"); }
  .p_btn > *.p_btn_color_black[target="_blank"]:after,
  .p_btn > *.p_btn_color_black.p_btn_icon_blank:after,
  a[target="_blank"] .p_btn > *.p_btn_color_black:after,
  a[target="_blank"] .p_btn > *.p_btn_color_black.p_btn_icon_blank:after { background-image: url("/assets/common/img/icon_blank_white.png"); }
  .p_btn > *.p_btn_color_black.p_btn_icon_darrow:after,
  a .p_btn > *.p_btn_color_black.p_btn_icon_darrow:after { background-image: url("/assets/common/img/icon_darrow_white.png"); }
  .p_btn > *.p_btn_color_black.p_btn_icon_uarrow:after,
  a .p_btn > *.p_btn_color_black.p_btn_icon_uarrow:after { background-image: url("/assets/common/img/icon_uarrow_white.png"); }
  .p_btn > *.p_btn_color_black.p_btn_icon_plus:after,
  a .p_btn > *.p_btn_color_black.p_btn_icon_plus:after { background-image: url("/assets/common/img/icon_plus_white.png"); }
  .p_btn > *.p_btn_color_black.p_btn_icon_minus:after,
  a .p_btn > *.p_btn_color_black.p_btn_icon_minus:after { background-image: url("/assets/common/img/icon_minus_white.png"); }


/* -- Disable -- */
.p_btn.p_btn_disable:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  }

  .p_btn.p_btn_disable > * { opacity: 0.5; }

.p_btn.no_link a{
  pointer-events: none;
  background-color:#e6e3e3;
  border: 2px solid #e6e3e3;
  color:#FFF;
}
.p_btn.no_link a:after{
  display:none;
}

/**
 * Label
 * -------------------------------
 */

.p_label { display: inline-block; }

  .p_label > * {
    display: inline-block;
    padding: 2px 10px;
    font-weight: bold;
    }


/* -- NEW -- */
.p_label .p_label_new {
  border: 1px solid #ea212e;
  color: #ea212e;
  }








/**
 * Table
 * -------------------------------
 */

.p_table { background-color: #fff; }

  .p_table p { margin-top: 10px; }
  .p_table p:nth-of-type(1) { margin-top: 0; }

  table.p_table th,
  table.p_table td,
  dl.p_table > dt,
  dl.p_table > dd {
    padding: 15px 20px;
    border: 1px solid #d9d9d9;
    z-index: 1;
    vertical-align: middle;
    text-align: center;
    }

  table.p_table td,
  dl.p_table > dd { position: relative; }
    
  table.p_table th,
  dl.p_table > dt {
    background-color: #e5e5e5;
    font-weight: bold;
    }

  table.p_table td.p_table_ttl,
  dl.p_table > dt.p_table_ttl {
    background-color: #f2f2f2;
    font-weight: 700;
    }

table.p_table {
  width: 100%;
  table-layout: fixed;
  }

dl.p_table {
  width: 100%;
  letter-spacing: -.40em;
  }

  dl.p_table > dt,
  dl.p_table > dd {
    display: inline-flex;
    letter-spacing: normal;
    border-top: none;
    }

table.p_table dl.p_table { margin-top: 10px; }
table.p_table dl.p_table:nth-of-type(1) { margin-top: 0; }

  table.p_table dl.p_table > dt,
  table.p_table dl.p_table > dd {
    padding-top: 0;
    padding-bottom: 0;
    }



/**
 * Form
 * -------------------------------
 */

.p_form {}

  .p_form input[type="text"],
  .p_form input[type="password"],
  .p_form input[type="tel"],
  .p_form input[type="email"],
  .p_form input[type="url"],
  .p_form input[type="search"],
  .p_form input[type="date"],
  .p_form input[type="time"],
  .p_form input[type="datetime-local"],
  .p_form input[type="number"],
  .p_form textarea {
    width: 100%;
    padding: 6px 15px;
    border: 1px solid #d9d9d9;
    }

  .p_form input[type="file"] {
    width: 100%;
    overflow: hidden;
    }

  .p_form select {
    background-color: #fff;
    background-image: url("/assets/common/img/icon_darrow_blue.png");
    background-repeat: no-repeat;
    background-position: right 5px top 50%;
    background-size: auto 15px;
    max-width: 100%;
    padding: 10px 30px 10px 15px;
    border: 1px solid #d9d9d9;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    }
  .p_form select::-ms-expand { display: none !important; }

  .p_form textarea { height: 200px; }

  .p_form .p_form_error_txt {
    padding-left: 1em;
    margin-top: 5px;
    font-size: 12px;
    color: #ff0000;
    position: relative;
    }

    .p_form .p_form_error_txt:before {
      content: "※";
      display: block;
      position: absolute;
      left: 0;
      top: 0.05em;
      }



/**
 * Iframe
 * -------------------------------
 */

.p_iframe {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  }

  .p_iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }


/* -- .cnt_gmap -- */
.p_iframe.p_iframe_gmap { padding-top: 49.5495%; }



/**
 * Pager
 * -------------------------------
 */

.p_pager {}

  .p_pager > ul {
    list-style: none;
    letter-spacing: -.40em;
    text-align: center;
    }

    .p_pager > ul > li {
      display: inline-block;
      margin: 4px;
      vertical-align: top;
      letter-spacing: normal;
      font-size: 13px;
      }

      .p_pager > ul > li > a {
        display: inline-block;
        padding: 3px 9px;
        border: 1px solid #ccc;
        color: #313131;
        font-weight: normal;
        }
      .p_pager > ul > li > a.active {
        background-color: #000;
        border: 1px solid #000;
        color: #fff;
        }
      .p_pager > ul > li > a.active:hover { opacity: 1; }



/**
 * Background Image
 * -------------------------------
 */

.p_bg_img {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  }

  .p_bg_img img,
  .p_bg_img img.c_is_pc,
  .p_bg_img img.c_is_sp { display: none !important; }



/**
 * Resize Image
 * -------------------------------
 */

.p_resize_img {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  }

  .p_resize_img img {
    max-width: initial;
    position: absolute;
    }



/**
 * Definition List
 * -------------------------------
 */


/* -- .p_dlist_txt -- */
.p_dlist_txt {}
  
  .p_dlist_txt > dt { display: block; }
  
  
/* -- .p_dlist_img -- */
.p_dlist_img {}
  
  .p_dlist_img > dt { display: block; }



/**
 * Old Content
 * -------------------------------
 */

/* -- .o_p_table -- */
.o_p_table {}

  .o_p_table th,
  .o_p_table td {
    padding: 5px;
    border: 1px solid #666;
    }


/* -- .o_p_form -- */
.o_p_form {}

  .o_p_form input {
    display: inline-block;
    background-color: #fff;
    padding: 0 5px;
    margin: 2px;
    border: 1px solid #666 !important;
    color: #333;
    }

  .o_p_form input[type="submit"],
  .o_p_form input[type="reset"],
  .o_p_form input[type="button"] { background-color: #f2f2f2; }







/**
 * ================================================================================
 * Animate Settings
 * ================================================================================
 */


.p_animate {
  display: block;
  transition-property: all;
  transition-timing-function: ease-out;
  }


/* -- .p_animate_moveX01 -- */
.p_animate_moveX01 {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.45s;
  -webkit-transform: translate(40px, 0);
  transform: translate(40px, 0);
  }
.p_animate_moveX01.p_animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  }


/* -- .p_animate_moveX02 -- */
.p_animate_moveX02 {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.45s;
  -webkit-transform: translate(-40px, 0);
  transform: translate(-40px, 0);
  }
.p_animate_moveX02.p_animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  }


/* -- .p_animate_moveY01 -- */
.p_animate_moveY01 {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.45s;
  -webkit-transform: translate(0, 40px);
  transform: translate(0, 40px);
  }
.p_animate_moveY01.p_animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  }


/* -- .p_animate_moveY02 -- */
.p_animate_moveY02 {
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.45s;
  -webkit-transform: translate(0, -40px);
  transform: translate(0, -40px);
  }
.p_animate_moveY02.p_animated {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  }


/* -- .p_animate_zoom01 -- */
.p_animate_zoom01 {
  transition-duration: 0.45s;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }
.p_animate_zoom01.p_animated {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  }


/* -- .p_animate_scaleX01 -- */
.p_animate_scaleX01 {
  transition-duration: 0.45s;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  }
.p_animate_scaleX01.p_animated {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .p_animate_scaleX02 -- */
.p_animate_scaleX02 {
  transition-duration: 0.45s;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  }
.p_animate_scaleX02.p_animated {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .p_animate_scaleX03 -- */
.p_animate_scaleX03 {
  transition-duration: 0.45s;
  -webkit-transform-origin: left top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  }
.p_animate_scaleX03.p_animated {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .p_animate_scaleY01 -- */
.p_animate_scaleY01 {
  transition-duration: 0.45s;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  }
.p_animate_scaleY01.p_animated {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .p_animate_scaleY02 -- */
.p_animate_scaleY02 {
  transition-duration: 0.45s;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  }
.p_animate_scaleY02.p_animated {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .p_animate_scaleY03 -- */
.p_animate_scaleY03 {
  transition-duration: 0.45s;
  -webkit-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  }
.p_animate_scaleY03.p_animated {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  }


/* -- .p_animate_blur01 -- */
.p_animate_blur01 {
  background: transparent;
  opacity: 0;
  visibility: hidden;
  transition-duration: 0.45s;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  }
.p_animate_blur01.p_animated {
  opacity: 1;
  visibility: visible;
  -webkit-filter: blur(0);
  filter: blur(0);
  }









@media all and (min-width: 0px) and (max-width: 992px) {
    

/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */
    
    
    
/**
 * Block
 * -------------------------------
 */

/* -- .p_sec_block -- */
.p_sec_block { margin-top: 40px; }
.p_sec_block.p_sec_bgc { padding: 40px 0; }
.p_sec_block:nth-last-of-type(1) { margin-bottom: 50px; }
.p_sec_block.p_sec_bgc:nth-last-of-type(1) { padding-bottom: 50px; }

    
/* -- .p_cnt_block -- */
.p_cnt_block { margin-top: 30px; }
  
  
/* -- .p_cnt_box -- */
.p_cnt_box { margin-top: 20px; }
    
    
    
/**
 * Column
 * -------------------------------
 */
  
.p_col_lists {}

  .p_col_lists .p_col {}

  .p_col_lists .p_col.p_col01_sp { width: 100%; }
  .p_col_lists .p_col.p_col02_sp { width: 50%; }
  .p_col_lists .p_col.p_col03_sp { width: 33.3333%; }
  .p_col_lists .p_col.p_col04_sp { width: 25%; }
  .p_col_lists .p_col.p_col05_sp { width: 20%; }
  .p_col_lists .p_col.p_col06_sp { width: 16.6666%; }
  .p_col_lists .p_col.p_col07_sp { width: 14.2857%; }
  .p_col_lists .p_col.p_col08_sp { width: 12.5%; }
    
    

/**
 * Title
 * -------------------------------
 */

/* -- .p_sec_ttl -- */
.p_sec_ttl { margin-bottom: 20px; }

  .p_sec_ttl > span { margin-top: 3px; }

    .p_sec_ttl > span > span { padding: 3px 8px; }


/* -- .p_cnt_ttl -- */
.p_cnt_ttl {
  margin-bottom: 15px;
  padding-bottom: 10px;
  }

    
    
    
/**
 * Text
 * -------------------------------
 */

/* -- .p_sec_txt -- */
.p_sec_txt { margin-bottom: 20px; }
    
    
    
/**
 * Lists / Comments
 * -------------------------------
 */

.p_lists > li { margin-bottom: 5px; }
.p_comments > li { margin-bottom: 2px; }
    
    

/**
 * Icon
 * -------------------------------
 */

  .p_icon:after {
    width: 14px;
    height: 14px;
    }
 
    

/**
 * Button
 * -------------------------------
 */

/* -- .p_btn_lists -- */
.p_btn_lists {}


/* -- .p_btn -- */
.p_btn {}

  .p_btn > * {
    min-width: 200px;
    padding: 8px 40px 8px 15px;
    font-size: 14.5px;
    border-radius: 6px;
    }

  .p_btn.p_btn_size_s > * {
    min-width: 100px;
    font-size: 13.5px;
    }


    .p_btn > *:after {
      width: 18px;
      height: 18px;
      right: 10px;
      }

    .p_btn > *:hover:after {
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%);
      }
  
  
  
/**
 * Label
 * -------------------------------
 */
  
.p_label {}

  .p_label > * { padding: 2px 5px; }


/* -- NEW -- */
.p_label .p_label_new {}
  

    
/**
 * Table
 * -------------------------------
 */

.p_table {}

  .p_table p { margin-top: 5px; }

  table.p_table th,
  table.p_table td,
  dl.p_table > dt,
  dl.p_table > dd { padding: 5px 10px; }

table.p_table dl.p_table { margin-top: 5px; }
    
    
    
/**
 * Form
 * -------------------------------
 */

/* -- .p_form -- */
.p_form {}
    
  .p_form input[type="text"],
  .p_form input[type="password"],
  .p_form input[type="tel"],
  .p_form input[type="email"],
  .p_form input[type="url"],
  .p_form input[type="search"],
  .p_form input[type="number"],
  .p_form textarea {
    -webkit-appearance: none;
    border-radius: 0;
    }

  .p_form input[type="text"],
  .p_form input[type="password"],
  .p_form input[type="tel"],
  .p_form input[type="email"],
  .p_form input[type="url"],
  .p_form input[type="search"],
  .p_form input[type="date"],
  .p_form input[type="time"],
  .p_form input[type="datetime-local"],
  .p_form input[type="number"],
  .p_form textarea { padding: 10px; }

  .p_form select {
    background-position: right 1px top 50%;
    padding: 10px 15px 10px 10px;
    }

  .p_form textarea { height: 100px; }

  .p_form .p_form_error_txt {
      margin-top: 3px;
      font-size: 10px;
      }

  .p_form_select_child { margin-top: 3px; }
  
  
  
/**
 * Iframe
 * -------------------------------
 */

.p_iframe {}


/* -- .cnt_gmap -- */
.p_iframe.p_iframe_gmap { padding-top: 75%; }
  
  
  
/**
 * Pager
 * -------------------------------
 */

.p_pager {}

  .p_pager ul > li {
    margin: 3px;
    font-size: 12px;
    }

    .p_pager ul > li > a { padding: 4px 10px; }
  
  
/**
 * Background Image
 * -------------------------------
 */

.p_bg_img {}



/**
 * Resize Image
 * -------------------------------
 */

.p_resize_img {}
    
    
    
/**
 * Overflow
 * -------------------------------
 */

.p_overflow_x_sp { overflow-x: scroll; }
.p_overflow_y_sp { overflow-y: scroll; }
  
  
  
/**
 * Definition List
 * -------------------------------
 */
  

/* -- .p_dlist_txt -- */
.p_dlist_txt {}
  
  
/* -- .p_dlist_img -- */
.p_dlist_img {}
    

    

  
  
/**
 * ================================================================================
 * Animate Settings
 * ================================================================================
 */


/* -- .p_animate_moveY01 -- */
.p_animate_moveY01 {
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  }
  
    
}