@charset "UTF-8";
/* -------------------------------------------------------------------------*/
/* MIXIN / ARGUMENT / COMMON CLASS
/* -------------------------------------------------------------------------*/
.default_ftz {
  font-size: 18px;
  font-size: 1.125rem; }
  @media only screen and (max-width: 640px) {
    .default_ftz {
      font-size: 16px;
      font-size: 1rem; } }

.text_out, #HD #HD_logo a, #FT .btn_top a, #FT_nv .home a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.def_cntSize, #FT .ft_block_1, #FT .ft_block_2 .wrp, #FT .ft_block_3 address, #FT_nv > ul, #TP_CNT_area .tp_block_1, #TP_CNT_area .tp_block_2 .wrp, #TP_CNT_area .tp_block_4, #TP_CNT_area .tp_block_5 .wrp, #TP_CNT_area .tp_block_6, .pg_title, .p1_1_block_1, .p1_1_block_2, .p1_2_block_1, .p1_2_block_2, .p1_3_block_1, .p1_3_block_2, .p1_4_block_1, .p1_4_block_2, .p1_4_block_3, .p1_5_block_1, .p1_5_block_2, .p1_5_block_3, .p1_5_block_4, .p1_5_block_5, .p1_5_block_6, .p2_1_block_1, .p2_1_block_2, .p2_2_block_1, .p2_2_block_2, .p2_3_block_1, .p2_3_block_2, .p2_4_block_1, .p2_4_block_2, .p2_4_block_3, .p3_1_block_1, .p3_1_block_2, .p3_2_block_1, .p3_2_block_2, .p3_2_block_3, .p3_3_block_1, .p3_3_block_2, .p3_3_block_3, .p3_3_block_4, .p4_1_block_1, .box_mv_tube, .box_mv_html {
  max-width: 1260px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px; }
  @media only screen and (max-width: 980px) {
    .def_cntSize, #FT .ft_block_1, #FT .ft_block_2 .wrp, #FT .ft_block_3 address, #FT_nv > ul, #TP_CNT_area .tp_block_1, #TP_CNT_area .tp_block_2 .wrp, #TP_CNT_area .tp_block_4, #TP_CNT_area .tp_block_5 .wrp, #TP_CNT_area .tp_block_6, .pg_title, .p1_1_block_1, .p1_1_block_2, .p1_2_block_1, .p1_2_block_2, .p1_3_block_1, .p1_3_block_2, .p1_4_block_1, .p1_4_block_2, .p1_4_block_3, .p1_5_block_1, .p1_5_block_2, .p1_5_block_3, .p1_5_block_4, .p1_5_block_5, .p1_5_block_6, .p2_1_block_1, .p2_1_block_2, .p2_2_block_1, .p2_2_block_2, .p2_3_block_1, .p2_3_block_2, .p2_4_block_1, .p2_4_block_2, .p2_4_block_3, .p3_1_block_1, .p3_1_block_2, .p3_2_block_1, .p3_2_block_2, .p3_2_block_3, .p3_3_block_1, .p3_3_block_2, .p3_3_block_3, .p3_3_block_4, .p4_1_block_1, .box_mv_tube, .box_mv_html {
      padding-left: 20px;
      padding-right: 20px; } }
  @media only screen and (max-width: 640px) {
    .def_cntSize, #FT .ft_block_1, #FT .ft_block_2 .wrp, #FT .ft_block_3 address, #FT_nv > ul, #TP_CNT_area .tp_block_1, #TP_CNT_area .tp_block_2 .wrp, #TP_CNT_area .tp_block_4, #TP_CNT_area .tp_block_5 .wrp, #TP_CNT_area .tp_block_6, .pg_title, .p1_1_block_1, .p1_1_block_2, .p1_2_block_1, .p1_2_block_2, .p1_3_block_1, .p1_3_block_2, .p1_4_block_1, .p1_4_block_2, .p1_4_block_3, .p1_5_block_1, .p1_5_block_2, .p1_5_block_3, .p1_5_block_4, .p1_5_block_5, .p1_5_block_6, .p2_1_block_1, .p2_1_block_2, .p2_2_block_1, .p2_2_block_2, .p2_3_block_1, .p2_3_block_2, .p2_4_block_1, .p2_4_block_2, .p2_4_block_3, .p3_1_block_1, .p3_1_block_2, .p3_2_block_1, .p3_2_block_2, .p3_2_block_3, .p3_3_block_1, .p3_3_block_2, .p3_3_block_3, .p3_3_block_4, .p4_1_block_1, .box_mv_tube, .box_mv_html {
      padding-right: 15px;
      padding-left: 15px; } }

.tbl_scroll {
  overflow-x: auto; }
  .tbl_scroll table {
    min-width: 600px; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* FONT
/* -------------------------------------------------------------------------*/
.lang_ja {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; }

.mincho, #FT .ft_block_1 p, #FT .ft_block_3 address h1, .pg_title p {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* COMMON / BASE
/* -------------------------------------------------------------------------*/
html {
  font-size: 100%;
  line-height: 1.5em; }
  @media only screen and (max-width: 980px) {
    html {
      font-size: 90%; } }
  @media only screen and (max-width: 640px) {
    html {
      font-size: 90%; } }
  @media print {
    html {
      width: 1000px !important; } }

* {
  box-sizing: border-box; }

img {
  vertical-align: bottom; }

body {
  margin: 0;
  padding: 0; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* HD
/* -------------------------------------------------------------------------*/
#HD #HD_logo {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
  margin: 0;
  padding: 0; }
  #HD #HD_logo a {
    display: block;
    width: 105px;
    height: 82px;
    background: url(../img/hd_logo.png) 0 0 no-repeat;
    background-size: 100% auto; }

#HD #NV {
  display: none; }

.home #HD {
  height: 62px; }
  .home #HD h1 {
    display: none; }

@media only screen and (max-width: 980px) {
  #HD #HD_logo a {
    width: 80px;
    height: 62px; } }

@media only screen and (max-width: 640px) {
  #HD #HD_logo a {
    width: 70px;
    height: 55px; }
  .home #HD {
    height: 45px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* FT
/* -------------------------------------------------------------------------*/
#FT {
  margin-top: 50px; }
  #FT .btn_top {
    position: fixed;
    bottom: 50px;
    right: -41px;
    z-index: 1000;
    margin: 0;
    padding: 0;
    transition: right 0.4s ease; }
    #FT .btn_top a {
      font-size: 14px;
      font-size: 0.875rem;
      text-decoration: none;
      display: block;
      width: 40px;
      height: 40px;
      background: url(../img/btn_arw.png) center center no-repeat;
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      transition: background 0.2s ease; }
      #FT .btn_top a:hover {
        background-color: #000; }
  #FT.show_btn .btn_top {
    right: 10px; }
  #FT .ft_block_1 {
    text-align: center;
    margin-bottom: 40px; }
    #FT .ft_block_1 p {
      font-size: 22px;
      font-size: 1.375rem;
      display: inline-block;
      margin: 0;
      padding: 10px 20px;
      border: 1px solid #d22f2a;
      border-left: none;
      border-right: none;
      line-height: 1.2; }
  #FT .ft_block_2 {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 10px;
    padding: 5px 0;
    background-color: #fcca00; }
    #FT .ft_block_2 .wrp {
      display: table; }
      #FT .ft_block_2 .wrp figure {
        display: table-cell;
        vertical-align: middle;
        width: 100px;
        margin: 0;
        padding: 0;
        text-align: center; }
      #FT .ft_block_2 .wrp ul {
        display: table-cell;
        vertical-align: middle;
        list-style: none;
        margin: 0;
        padding: 0; }
        #FT .ft_block_2 .wrp ul li {
          display: inline-block; }
  #FT .ft_block_3 {
    margin-top: 10px;
    padding-bottom: 10px; }
    #FT .ft_block_3 address {
      font-style: normal; }
      #FT .ft_block_3 address figure {
        margin: 0 10px 0 0;
        padding: 0;
        float: left; }
      #FT .ft_block_3 address h1 {
        font-size: 16px;
        font-size: 1rem;
        margin: 0;
        padding: 10px 0 0; }
      #FT .ft_block_3 address p {
        font-size: 12px;
        font-size: 0.75rem;
        margin: 0;
        padding: 0; }
      #FT .ft_block_3 address a {
        text-decoration: none;
        color: #000; }
        #FT .ft_block_3 address a:hover {
          text-decoration: underline; }
  #FT .copyright {
    font-size: 12px;
    font-size: 0.75rem;
    margin: -20px 0 0;
    padding: 20px 10px;
    text-align: right; }
  @media only screen and (max-width: 640px) {
    #FT .ft_block_1 p {
      font-size: 18px;
      font-size: 1.125rem; } }

.ftnv_p_selected, .part_1 #FT_nv > ul > li:nth-child(2) p,
.part_2 #FT_nv > ul > li:nth-child(3) p,
.part_3 #FT_nv > ul > li:nth-child(4) p,
.part_4 #FT_nv > ul > li:nth-child(5) p {
  color: #3cb035; }

.ftnv_li_selected, .part_1_1 #FT_nv > ul > li:nth-child(2) li:nth-child(1) a, .part_1_2 #FT_nv > ul > li:nth-child(2) li:nth-child(2) a, .part_1_3 #FT_nv > ul > li:nth-child(2) li:nth-child(3) a, .part_1_4 #FT_nv > ul > li:nth-child(2) li:nth-child(4) a, .part_1_5 #FT_nv > ul > li:nth-child(2) li:nth-child(5) a, .part_1_6 #FT_nv > ul > li:nth-child(2) li:nth-child(6) a, .part_1_7 #FT_nv > ul > li:nth-child(2) li:nth-child(7) a, .part_1_8 #FT_nv > ul > li:nth-child(2) li:nth-child(8) a, .part_1_9 #FT_nv > ul > li:nth-child(2) li:nth-child(9) a, .part_1_10 #FT_nv > ul > li:nth-child(2) li:nth-child(10) a, .part_2_1 #FT_nv > ul > li:nth-child(3) li:nth-child(1) a, .part_2_2 #FT_nv > ul > li:nth-child(3) li:nth-child(2) a, .part_2_3 #FT_nv > ul > li:nth-child(3) li:nth-child(3) a, .part_2_4 #FT_nv > ul > li:nth-child(3) li:nth-child(4) a, .part_2_5 #FT_nv > ul > li:nth-child(3) li:nth-child(5) a, .part_2_6 #FT_nv > ul > li:nth-child(3) li:nth-child(6) a, .part_2_7 #FT_nv > ul > li:nth-child(3) li:nth-child(7) a, .part_2_8 #FT_nv > ul > li:nth-child(3) li:nth-child(8) a, .part_2_9 #FT_nv > ul > li:nth-child(3) li:nth-child(9) a, .part_2_10 #FT_nv > ul > li:nth-child(3) li:nth-child(10) a, .part_3_1 #FT_nv > ul > li:nth-child(4) li:nth-child(1) a, .part_3_2 #FT_nv > ul > li:nth-child(4) li:nth-child(2) a, .part_3_3 #FT_nv > ul > li:nth-child(4) li:nth-child(3) a, .part_3_4 #FT_nv > ul > li:nth-child(4) li:nth-child(4) a, .part_3_5 #FT_nv > ul > li:nth-child(4) li:nth-child(5) a, .part_3_6 #FT_nv > ul > li:nth-child(4) li:nth-child(6) a, .part_3_7 #FT_nv > ul > li:nth-child(4) li:nth-child(7) a, .part_3_8 #FT_nv > ul > li:nth-child(4) li:nth-child(8) a, .part_3_9 #FT_nv > ul > li:nth-child(4) li:nth-child(9) a, .part_3_10 #FT_nv > ul > li:nth-child(4) li:nth-child(10) a, .part_4_1 #FT_nv > ul > li:nth-child(5) li:nth-child(1) a, .part_4_2 #FT_nv > ul > li:nth-child(5) li:nth-child(2) a, .part_4_3 #FT_nv > ul > li:nth-child(5) li:nth-child(3) a, .part_4_4 #FT_nv > ul > li:nth-child(5) li:nth-child(4) a, .part_4_5 #FT_nv > ul > li:nth-child(5) li:nth-child(5) a, .part_4_6 #FT_nv > ul > li:nth-child(5) li:nth-child(6) a, .part_4_7 #FT_nv > ul > li:nth-child(5) li:nth-child(7) a, .part_4_8 #FT_nv > ul > li:nth-child(5) li:nth-child(8) a, .part_4_9 #FT_nv > ul > li:nth-child(5) li:nth-child(9) a, .part_4_10 #FT_nv > ul > li:nth-child(5) li:nth-child(10) a {
  color: #3cb035;
  cursor: default; }
  .ftnv_li_selected:hover, .part_1_1 #FT_nv > ul > li:nth-child(2) li:nth-child(1) a:hover, .part_1_2 #FT_nv > ul > li:nth-child(2) li:nth-child(2) a:hover, .part_1_3 #FT_nv > ul > li:nth-child(2) li:nth-child(3) a:hover, .part_1_4 #FT_nv > ul > li:nth-child(2) li:nth-child(4) a:hover, .part_1_5 #FT_nv > ul > li:nth-child(2) li:nth-child(5) a:hover, .part_1_6 #FT_nv > ul > li:nth-child(2) li:nth-child(6) a:hover, .part_1_7 #FT_nv > ul > li:nth-child(2) li:nth-child(7) a:hover, .part_1_8 #FT_nv > ul > li:nth-child(2) li:nth-child(8) a:hover, .part_1_9 #FT_nv > ul > li:nth-child(2) li:nth-child(9) a:hover, .part_1_10 #FT_nv > ul > li:nth-child(2) li:nth-child(10) a:hover, .part_2_1 #FT_nv > ul > li:nth-child(3) li:nth-child(1) a:hover, .part_2_2 #FT_nv > ul > li:nth-child(3) li:nth-child(2) a:hover, .part_2_3 #FT_nv > ul > li:nth-child(3) li:nth-child(3) a:hover, .part_2_4 #FT_nv > ul > li:nth-child(3) li:nth-child(4) a:hover, .part_2_5 #FT_nv > ul > li:nth-child(3) li:nth-child(5) a:hover, .part_2_6 #FT_nv > ul > li:nth-child(3) li:nth-child(6) a:hover, .part_2_7 #FT_nv > ul > li:nth-child(3) li:nth-child(7) a:hover, .part_2_8 #FT_nv > ul > li:nth-child(3) li:nth-child(8) a:hover, .part_2_9 #FT_nv > ul > li:nth-child(3) li:nth-child(9) a:hover, .part_2_10 #FT_nv > ul > li:nth-child(3) li:nth-child(10) a:hover, .part_3_1 #FT_nv > ul > li:nth-child(4) li:nth-child(1) a:hover, .part_3_2 #FT_nv > ul > li:nth-child(4) li:nth-child(2) a:hover, .part_3_3 #FT_nv > ul > li:nth-child(4) li:nth-child(3) a:hover, .part_3_4 #FT_nv > ul > li:nth-child(4) li:nth-child(4) a:hover, .part_3_5 #FT_nv > ul > li:nth-child(4) li:nth-child(5) a:hover, .part_3_6 #FT_nv > ul > li:nth-child(4) li:nth-child(6) a:hover, .part_3_7 #FT_nv > ul > li:nth-child(4) li:nth-child(7) a:hover, .part_3_8 #FT_nv > ul > li:nth-child(4) li:nth-child(8) a:hover, .part_3_9 #FT_nv > ul > li:nth-child(4) li:nth-child(9) a:hover, .part_3_10 #FT_nv > ul > li:nth-child(4) li:nth-child(10) a:hover, .part_4_1 #FT_nv > ul > li:nth-child(5) li:nth-child(1) a:hover, .part_4_2 #FT_nv > ul > li:nth-child(5) li:nth-child(2) a:hover, .part_4_3 #FT_nv > ul > li:nth-child(5) li:nth-child(3) a:hover, .part_4_4 #FT_nv > ul > li:nth-child(5) li:nth-child(4) a:hover, .part_4_5 #FT_nv > ul > li:nth-child(5) li:nth-child(5) a:hover, .part_4_6 #FT_nv > ul > li:nth-child(5) li:nth-child(6) a:hover, .part_4_7 #FT_nv > ul > li:nth-child(5) li:nth-child(7) a:hover, .part_4_8 #FT_nv > ul > li:nth-child(5) li:nth-child(8) a:hover, .part_4_9 #FT_nv > ul > li:nth-child(5) li:nth-child(9) a:hover, .part_4_10 #FT_nv > ul > li:nth-child(5) li:nth-child(10) a:hover {
    text-decoration: none; }

#FT_nv {
  position: relative;
  background: url(../img/bg_paper_1.png);
  padding-top: 120px;
  padding-bottom: 20px; }
  #FT_nv > ul {
    display: table;
    width: 100%;
    list-style: none;
    border-collapse: separate;
    border-spacing: 15px; }
    #FT_nv > ul > li {
      display: table-cell;
      animation-timing-function: linear; }
      #FT_nv > ul > li p {
        font-size: 14px;
        font-size: 0.875rem;
        margin: 0 0 10px;
        padding: 0 0 10px;
        font-weight: bold;
        line-height: 1.4;
        border-bottom: 1px solid #999999; }
        #FT_nv > ul > li p span {
          display: block; }
  #FT_nv ul ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #FT_nv ul ul li {
      margin: 4px 0;
      line-height: 1.2; }
    #FT_nv ul ul a {
      font-size: 13px;
      font-size: 0.8125rem;
      text-decoration: none;
      color: #000; }
      #FT_nv ul ul a:hover {
        text-decoration: underline; }
  #FT_nv .home {
    position: absolute;
    display: block;
    top: 25px;
    left: 0;
    right: 0;
    width: auto;
    text-align: center; }
    #FT_nv .home a {
      display: inline-block;
      width: 120px;
      height: 93px;
      background: url(../img/ftnv_logo.png) 0 0 no-repeat;
      background-size: 100% auto; }
  @media only screen and (max-width: 980px) {
    #FT_nv {
      padding-top: 110px; }
      #FT_nv > ul {
        display: block;
        font-size: 0; }
        #FT_nv > ul > li {
          display: inline-block;
          vertical-align: top;
          width: 48%;
          margin: 0 1%;
          padding-bottom: 30px; }
      #FT_nv .home {
        top: 20px; }
        #FT_nv .home a {
          width: 100px;
          height: 76px; } }
  @media only screen and (max-width: 640px) {
    #FT_nv {
      display: none; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CONTENT BLOCK / BOX / CELL
/* -------------------------------------------------------------------------*/
/* -- CLASS --
> 2CELLS
cnt_box_c2_3_7 / cnt_box_c2_4_6 / cnt_box_c2_5_5 / cnt_box_c2_6_4 / cnt_box_c2_7_3

> 3CELLS
cnt_box_c3_1_1_1

> 4CELLS
cnt_box_c4



/* LEVEL : BLOCK ---------- */
.cnt_block_common, .cnt_block_1 {
  color: #000; }

/* LEVEL : BOX ---------- */
.cnt_box_common_1, .p1_2_block_1, .p1_2_block_2, .p1_3_block_1, .p1_4_block_1, .p1_4_block_2, .p1_5_block_1, .p1_5_block_2, .p1_5_block_3, .p1_5_block_4, .p1_5_block_5, .p1_5_block_6, .p2_1_block_1, .p2_1_block_2, .p2_2_block_1, .p2_3_block_1, .p2_3_block_2, .p2_4_block_1, .p2_4_block_2, .p2_4_block_3, .p3_1_block_1, .p3_1_block_2, .p3_2_block_1, .p3_2_block_2, .p3_2_block_3, .p3_3_block_1, .p3_3_block_2, .p3_3_block_4, .p4_1_block_1 {
  margin-bottom: 100px; }
  .cnt_box_common_1 > .cell, .p1_2_block_1 > .cell, .p1_2_block_2 > .cell, .p1_3_block_1 > .cell, .p1_4_block_1 > .cell, .p1_4_block_2 > .cell, .p1_5_block_1 > .cell, .p1_5_block_2 > .cell, .p1_5_block_3 > .cell, .p1_5_block_4 > .cell, .p1_5_block_5 > .cell, .p1_5_block_6 > .cell, .p2_1_block_1 > .cell, .p2_1_block_2 > .cell, .p2_2_block_1 > .cell, .p2_3_block_1 > .cell, .p2_3_block_2 > .cell, .p2_4_block_1 > .cell, .p2_4_block_2 > .cell, .p2_4_block_3 > .cell, .p3_1_block_1 > .cell, .p3_1_block_2 > .cell, .p3_2_block_1 > .cell, .p3_2_block_2 > .cell, .p3_2_block_3 > .cell, .p3_3_block_1 > .cell, .p3_3_block_2 > .cell, .p3_3_block_4 > .cell, .p4_1_block_1 > .cell {
    margin-bottom: 40px; }
  @media only screen and (max-width: 1200px) {
    .cnt_box_common_1, .p1_2_block_1, .p1_2_block_2, .p1_3_block_1, .p1_4_block_1, .p1_4_block_2, .p1_5_block_1, .p1_5_block_2, .p1_5_block_3, .p1_5_block_4, .p1_5_block_5, .p1_5_block_6, .p2_1_block_1, .p2_1_block_2, .p2_2_block_1, .p2_3_block_1, .p2_3_block_2, .p2_4_block_1, .p2_4_block_2, .p2_4_block_3, .p3_1_block_1, .p3_1_block_2, .p3_2_block_1, .p3_2_block_2, .p3_2_block_3, .p3_3_block_1, .p3_3_block_2, .p3_3_block_4, .p4_1_block_1 {
      margin-bottom: 8%; }
      .cnt_box_common_1 > .cell, .p1_2_block_1 > .cell, .p1_2_block_2 > .cell, .p1_3_block_1 > .cell, .p1_4_block_1 > .cell, .p1_4_block_2 > .cell, .p1_5_block_1 > .cell, .p1_5_block_2 > .cell, .p1_5_block_3 > .cell, .p1_5_block_4 > .cell, .p1_5_block_5 > .cell, .p1_5_block_6 > .cell, .p2_1_block_1 > .cell, .p2_1_block_2 > .cell, .p2_2_block_1 > .cell, .p2_3_block_1 > .cell, .p2_3_block_2 > .cell, .p2_4_block_1 > .cell, .p2_4_block_2 > .cell, .p2_4_block_3 > .cell, .p3_1_block_1 > .cell, .p3_1_block_2 > .cell, .p3_2_block_1 > .cell, .p3_2_block_2 > .cell, .p3_2_block_3 > .cell, .p3_3_block_1 > .cell, .p3_3_block_2 > .cell, .p3_3_block_4 > .cell, .p4_1_block_1 > .cell {
        margin-bottom: 4%; } }
  @media only screen and (max-width: 640px) {
    .cnt_box_common_1, .p1_2_block_1, .p1_2_block_2, .p1_3_block_1, .p1_4_block_1, .p1_4_block_2, .p1_5_block_1, .p1_5_block_2, .p1_5_block_3, .p1_5_block_4, .p1_5_block_5, .p1_5_block_6, .p2_1_block_1, .p2_1_block_2, .p2_2_block_1, .p2_3_block_1, .p2_3_block_2, .p2_4_block_1, .p2_4_block_2, .p2_4_block_3, .p3_1_block_1, .p3_1_block_2, .p3_2_block_1, .p3_2_block_2, .p3_2_block_3, .p3_3_block_1, .p3_3_block_2, .p3_3_block_4, .p4_1_block_1 {
      display: block;
      margin-bottom: 30px; } }

.cnt_box_common_2, .cnt_box_c1, .cnt_box_c2, .p3_3_block_3 .box, .cnt_box_c2_6_4, .cnt_box_c2_4_6, #TP_CNT_area .tp_block_4 .box, .p1_1_block_1, .p1_4_block_3 .box, .cnt_box_c2_7_3, .cnt_box_c2_3_7, .p2_2_block_1 .box, .cnt_box_c3, .p3_2_block_2 .box, .p3_3_block_4 .box2, .cnt_box_c4, .p1_1_block_2, .p1_3_block_2 {
  display: table;
  width: 100%;
  margin-bottom: 100px; }
  .cnt_box_common_2 > .cell, .cnt_box_c1 > .cell, .cnt_box_c2 > .cell, .p3_3_block_3 .box > .cell, .cnt_box_c2_6_4 > .cell, .cnt_box_c2_4_6 > .cell, #TP_CNT_area .tp_block_4 .box > .cell, .p1_1_block_1 > .cell, .p1_4_block_3 .box > .cell, .cnt_box_c2_7_3 > .cell, .cnt_box_c2_3_7 > .cell, .p2_2_block_1 .box > .cell, .cnt_box_c3 > .cell, .p3_2_block_2 .box > .cell, .p3_3_block_4 .box2 > .cell, .cnt_box_c4 > .cell, .p1_1_block_2 > .cell, .p1_3_block_2 > .cell {
    display: table-cell;
    vertical-align: top; }
  @media only screen and (max-width: 1200px) {
    .cnt_box_common_2, .cnt_box_c1, .cnt_box_c2, .p3_3_block_3 .box, .cnt_box_c2_6_4, .cnt_box_c2_4_6, #TP_CNT_area .tp_block_4 .box, .p1_1_block_1, .p1_4_block_3 .box, .cnt_box_c2_7_3, .cnt_box_c2_3_7, .p2_2_block_1 .box, .cnt_box_c3, .p3_2_block_2 .box, .p3_3_block_4 .box2, .cnt_box_c4, .p1_1_block_2, .p1_3_block_2 {
      margin-bottom: 8%; } }
  @media only screen and (max-width: 640px) {
    .cnt_box_common_2, .cnt_box_c1, .cnt_box_c2, .p3_3_block_3 .box, .cnt_box_c2_6_4, .cnt_box_c2_4_6, #TP_CNT_area .tp_block_4 .box, .p1_1_block_1, .p1_4_block_3 .box, .cnt_box_c2_7_3, .cnt_box_c2_3_7, .p2_2_block_1 .box, .cnt_box_c3, .p3_2_block_2 .box, .p3_3_block_4 .box2, .cnt_box_c4, .p1_1_block_2, .p1_3_block_2 {
      display: block; }
      .cnt_box_common_2 > .cell, .cnt_box_c1 > .cell, .cnt_box_c2 > .cell, .p3_3_block_3 .box > .cell, .cnt_box_c2_6_4 > .cell, .cnt_box_c2_4_6 > .cell, #TP_CNT_area .tp_block_4 .box > .cell, .p1_1_block_1 > .cell, .p1_4_block_3 .box > .cell, .cnt_box_c2_7_3 > .cell, .cnt_box_c2_3_7 > .cell, .p2_2_block_1 .box > .cell, .cnt_box_c3 > .cell, .p3_2_block_2 .box > .cell, .p3_3_block_4 .box2 > .cell, .cnt_box_c4 > .cell, .p1_1_block_2 > .cell, .p1_3_block_2 > .cell {
        display: block;
        width: 100% !important;
        padding: 0 !important;
        margin-bottom: 30px; } }

.cnt_box_c2 > .cell, .p3_3_block_3 .box > .cell {
  width: 50%; }
  .cnt_box_c2 > .cell:nth-child(1), .p3_3_block_3 .box > .cell:nth-child(1) {
    padding-right: 15px; }
  .cnt_box_c2 > .cell:nth-child(2), .p3_3_block_3 .box > .cell:nth-child(2) {
    padding-left: 15px; }

@media only screen and (max-width: 980px) {
  .cnt_box_c2 > .cell:nth-child(1), .p3_3_block_3 .box > .cell:nth-child(1) {
    padding-right: 10px; }
  .cnt_box_c2 > .cell:nth-child(2), .p3_3_block_3 .box > .cell:nth-child(2) {
    padding-left: 10px; } }

@media only screen and (max-width: 640px) {
  .cnt_box_c2 > .cell:nth-child(1), .p3_3_block_3 .box > .cell:nth-child(1) {
    padding-right: 0; }
  .cnt_box_c2 > .cell:nth-child(2), .p3_3_block_3 .box > .cell:nth-child(2) {
    padding-left: 0; } }

.cnt_box_c2_6_4 > .cell_1 {
  width: 60%;
  padding-right: 20px; }

.cnt_box_c2_6_4 > .cell_2 {
  width: 40%;
  padding-left: 20px; }

.cnt_box_c2_4_6 > .cell:nth-child(1), #TP_CNT_area .tp_block_4 .box > .cell:nth-child(1), .p1_1_block_1 > .cell:nth-child(1), .p1_4_block_3 .box > .cell:nth-child(1) {
  width: 40%;
  padding-right: 20px; }

.cnt_box_c2_4_6 > .cell:nth-child(2), #TP_CNT_area .tp_block_4 .box > .cell:nth-child(2), .p1_1_block_1 > .cell:nth-child(2), .p1_4_block_3 .box > .cell:nth-child(2) {
  width: 60%;
  padding-left: 20px; }

@media only screen and (max-width: 980px) {
  .cnt_box_c2_4_6 > .cell:nth-child(1), #TP_CNT_area .tp_block_4 .box > .cell:nth-child(1), .p1_1_block_1 > .cell:nth-child(1), .p1_4_block_3 .box > .cell:nth-child(1) {
    padding-right: 10px; }
  .cnt_box_c2_4_6 > .cell:nth-child(2), #TP_CNT_area .tp_block_4 .box > .cell:nth-child(2), .p1_1_block_1 > .cell:nth-child(2), .p1_4_block_3 .box > .cell:nth-child(2) {
    padding-left: 10px; } }

.cnt_box_c2_7_3 > .cell:nth-child(1) {
  width: 70%;
  padding-right: 20px; }

.cnt_box_c2_7_3 > .cell:nth-child(2) {
  width: 30%;
  padding-left: 20px; }

@media only screen and (max-width: 980px) {
  .cnt_box_c2_7_3 > .cell:nth-child(1) {
    padding-right: 10px; }
  .cnt_box_c2_7_3 > .cell:nth-child(2) {
    padding-left: 10px; } }

.cnt_box_c2_3_7 > .cell:nth-child(1), .p2_2_block_1 .box > .cell:nth-child(1) {
  width: 30%;
  padding-right: 20px; }

.cnt_box_c2_3_7 > .cell:nth-child(2), .p2_2_block_1 .box > .cell:nth-child(2) {
  width: 70%;
  padding-left: 20px; }

@media only screen and (max-width: 980px) {
  .cnt_box_c2_3_7 > .cell:nth-child(1), .p2_2_block_1 .box > .cell:nth-child(1) {
    padding-right: 10px; }
  .cnt_box_c2_3_7 > .cell:nth-child(2), .p2_2_block_1 .box > .cell:nth-child(2) {
    padding-left: 10px; } }

.cnt_box_c3 .cell, .p3_2_block_2 .box .cell, .p3_3_block_4 .box2 .cell {
  width: 33.33333%; }
  .cnt_box_c3 .cell:nth-child(1), .p3_2_block_2 .box .cell:nth-child(1), .p3_3_block_4 .box2 .cell:nth-child(1) {
    padding-right: 20px; }
  .cnt_box_c3 .cell:nth-child(2), .p3_2_block_2 .box .cell:nth-child(2), .p3_3_block_4 .box2 .cell:nth-child(2) {
    padding-right: 10px;
    padding-left: 10px; }
  .cnt_box_c3 .cell:nth-child(3), .p3_2_block_2 .box .cell:nth-child(3), .p3_3_block_4 .box2 .cell:nth-child(3) {
    padding-left: 20px; }

.cnt_box_c4 > .cell, .p1_1_block_2 > .cell, .p1_3_block_2 > .cell {
  width: 25%; }
  .cnt_box_c4 > .cell:nth-child(1), .p1_1_block_2 > .cell:nth-child(1), .p1_3_block_2 > .cell:nth-child(1) {
    padding-right: 10px; }
  .cnt_box_c4 > .cell:nth-child(2), .p1_1_block_2 > .cell:nth-child(2), .p1_3_block_2 > .cell:nth-child(2), .cnt_box_c4 > .cell:nth-child(3), .p1_1_block_2 > .cell:nth-child(3), .p1_3_block_2 > .cell:nth-child(3) {
    padding-right: 5px;
    padding-left: 5px; }
  .cnt_box_c4 > .cell:nth-child(4), .p1_1_block_2 > .cell:nth-child(4), .p1_3_block_2 > .cell:nth-child(4) {
    padding-left: 5px; }

@media only screen and (max-width: 980px) {
  .cnt_box_c4, .p1_1_block_2, .p1_3_block_2 {
    display: block;
    font-size: 0; }
    .cnt_box_c4 > .cell, .p1_1_block_2 > .cell, .p1_3_block_2 > .cell {
      font-size: 16px;
      display: inline-block;
      width: 50%; }
      .cnt_box_c4 > .cell:nth-child(1), .p1_1_block_2 > .cell:nth-child(1), .p1_3_block_2 > .cell:nth-child(1), .cnt_box_c4 > .cell:nth-child(3), .p1_1_block_2 > .cell:nth-child(3), .p1_3_block_2 > .cell:nth-child(3) {
        padding-right: 7px;
        padding-left: 0; }
      .cnt_box_c4 > .cell:nth-child(2), .p1_1_block_2 > .cell:nth-child(2), .p1_3_block_2 > .cell:nth-child(2), .cnt_box_c4 > .cell:nth-child(4), .p1_1_block_2 > .cell:nth-child(4), .p1_3_block_2 > .cell:nth-child(4) {
        padding-right: 0;
        padding-left: 7px; } }

/* LEVEL : CELL ---------- */
.cnt_cell_common {
  color: #000; }

/* LEVEL : FIG ---------- */
.fig_1 {
  margin: 10px 0; }
  .fig_1 img {
    max-width: 100%;
    width: auto;
    height: auto; }
  .fig_1 figcaption {
    margin: 5px 0; }

/* TITLE ---------- */
.cnt_ttl_2 {
  font-size: 26px;
  font-size: 1.625rem;
  margin: 0 0 30px;
  padding: 0 0 20px;
  font-weight: bold;
  border-bottom: 1px dotted #000;
  line-height: 1.3; }

.cnt_ttl_3 {
  font-size: 22px;
  font-size: 1.375rem;
  margin: 30px 0 10px;
  font-weight: bold;
  color: #3cb035; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* Q: BURGUR MENU
/* -------------------------------------------------------------------------*/
.Q_brgr_a_selected, .part_1_1 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(1) a, .part_1_2 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(2) a, .part_1_3 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(3) a, .part_1_4 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(4) a, .part_1_5 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(5) a, .part_1_6 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(6) a, .part_1_7 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(7) a, .part_1_8 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(8) a, .part_1_9 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(9) a, .part_1_10 #Q_brgr_block #NV > ul > li:nth-child(2) li:nth-child(10) a, .part_2_1 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(1) a, .part_2_2 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(2) a, .part_2_3 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(3) a, .part_2_4 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(4) a, .part_2_5 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(5) a, .part_2_6 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(6) a, .part_2_7 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(7) a, .part_2_8 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(8) a, .part_2_9 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(9) a, .part_2_10 #Q_brgr_block #NV > ul > li:nth-child(3) li:nth-child(10) a, .part_3_1 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(1) a, .part_3_2 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(2) a, .part_3_3 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(3) a, .part_3_4 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(4) a, .part_3_5 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(5) a, .part_3_6 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(6) a, .part_3_7 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(7) a, .part_3_8 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(8) a, .part_3_9 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(9) a, .part_3_10 #Q_brgr_block #NV > ul > li:nth-child(4) li:nth-child(10) a {
  color: #ffce71; }

#Q_brgr_btn span {
  background: #5c5c5c; }

#Q_brgr_btn {
  position: absolute;
  top: 15px;
  left: -60px; }
  #Q_brgr_btn .wrp {
    position: relative;
    width: 40px;
    height: 34px;
    cursor: pointer; }
  #Q_brgr_btn span {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    transition: all .3s ease;
    box-sizing: border-box; }
  #Q_brgr_btn .bar_1 {
    top: 0; }
  #Q_brgr_btn .bar_2 {
    top: 15px; }
  #Q_brgr_btn .bar_3 {
    bottom: 0; }
  .Q_brgrMN_opened #Q_brgr_btn span {
    background-color: #fff; }
  .Q_brgrMN_opened #Q_brgr_btn .bar_1 {
    transform: translateY(15px) rotate(-45deg); }
  .Q_brgrMN_opened #Q_brgr_btn .bar_2 {
    opacity: 0; }
  .Q_brgrMN_opened #Q_brgr_btn .bar_3 {
    transform: translateY(-15px) rotate(45deg); }
  @media only screen and (max-width: 640px) {
    #Q_brgr_btn {
      top: 6px;
      left: -45px; }
      #Q_brgr_btn .wrp {
        transform: scale(0.6); } }

#Q_brgr_block {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 280px;
  transform: translateX(101%);
  background-color: #262626;
  transition: transform 0.7s ease;
  z-index: 100001; }
  .Q_brgrMN_opened #Q_brgr_block {
    transform: translateX(0); }
  #Q_brgr_block .Q_brgr_block_wrp {
    height: 100%;
    overflow-y: auto; }
  #Q_brgr_block a {
    text-decoration: none; }
  #Q_brgr_block #NV > ul {
    list-style: none;
    margin: 10px;
    padding: 0; }
    #Q_brgr_block #NV > ul > li {
      margin: 0 0 10px;
      display: block; }
      #Q_brgr_block #NV > ul > li p {
        font-size: 15px;
        font-size: 0.9375rem;
        margin: 0;
        padding: 10px 8px 8px;
        color: #fff;
        background-color: #3cb035;
        line-height: 1.2;
        cursor: pointer;
        transition: background 0.2s ease; }
        #Q_brgr_block #NV > ul > li p span {
          display: block; }
        #Q_brgr_block #NV > ul > li p:hover {
          background-color: #34d817; }
        #Q_brgr_block #NV > ul > li p.opened {
          background-color: #3cd421; }
        #Q_brgr_block #NV > ul > li p.inMenu {
          background-color: #fc9201; }
          #Q_brgr_block #NV > ul > li p.inMenu:hover {
            background-color: #ffb01a; }
    #Q_brgr_block #NV > ul ul {
      list-style: none;
      margin: 0;
      padding: 0;
      display: none; }
      #Q_brgr_block #NV > ul ul li {
        border-bottom: 1px solid #3c3c3c;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.3; }
        #Q_brgr_block #NV > ul ul li a {
          display: block;
          color: #bababa;
          padding: 10px;
          transition: color 0.2s ease; }
          #Q_brgr_block #NV > ul ul li a:hover {
            color: #fff; }
  #Q_brgr_block #NV .home a {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    padding: 8px; }

#Q_brgr_mask {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 100000; }
  .Q_brgrMN_opened #Q_brgr_mask {
    display: block; }

.Q_brgrMN_opened #OuterWrp {
  position: fixed; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* TOP
/* -------------------------------------------------------------------------*/
#TP_kv {
  position: relative;
  margin-bottom: 120px; }
  #TP_kv h1 {
    position: absolute;
    top: 65%;
    left: 50%;
    margin: 0;
    padding: 0;
    transform: translate(-50%, -50%); }
    #TP_kv h1 img {
      width: 100%;
      height: auto; }
  #TP_kv .wrp {
    overflow: hidden;
    font-size: 0; }
    #TP_kv .wrp > div {
      display: inline-block;
      width: 50%;
      opacity: 0;
      transition: all 1.5s ease; }
      #TP_kv .wrp > div img {
        width: 100%;
        height: auto; }
    #TP_kv .wrp .img_1 {
      transform: translateY(-100%); }
    #TP_kv .wrp .img_2 {
      transform: translateX(100%); }
    #TP_kv .wrp .img_3 {
      transform: translateX(-100%); }
    #TP_kv .wrp .img_4 {
      transform: translateY(100%); }
  #TP_kv.tp_kv_start .wrp > div {
    opacity: 1;
    transform: none; }
  @media only screen and (max-width: 980px) {
    #TP_kv {
      margin-bottom: 80px; } }
  @media only screen and (max-width: 640px) {
    #TP_kv {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 500px) {
    #TP_kv {
      margin-bottom: 50px; }
      #TP_kv h1 {
        width: 210px; } }

#TP_CNT_area .tp_block_1 {
  font-size: 50px;
  font-size: 3.125rem;
  margin-bottom: 70px;
  text-align: center;
  line-height: 1.2; }
  #TP_CNT_area .tp_block_1 p {
    margin: 0 20px; }

#TP_CNT_area .tp_block_2 {
  border-top: 10px solid #d7efd6;
  background-color: #e9f6e8;
  padding-bottom: 1px;
  padding: 10px 0; }
  #TP_CNT_area .tp_block_2 .wrp > ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #TP_CNT_area .tp_block_2 .wrp > ul p {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: bold;
      margin: 0 0 15px; }
      #TP_CNT_area .tp_block_2 .wrp > ul p span {
        display: block; }
    #TP_CNT_area .tp_block_2 .wrp > ul > li {
      border-top: 1px dotted #a6dca4;
      margin: 0;
      padding: 20px 0; }
      #TP_CNT_area .tp_block_2 .wrp > ul > li:first-child {
        border: none; }
  #TP_CNT_area .tp_block_2 .wrp ul ul {
    font-size: 0;
    margin: 0;
    padding: 0; }
  #TP_CNT_area .tp_block_2 .wrp li li {
    font-size: 15px;
    font-size: 0.9375rem;
    display: inline-block;
    margin: 0 8px 8px 0; }
    #TP_CNT_area .tp_block_2 .wrp li li a {
      display: block;
      background-color: #fff;
      text-decoration: none;
      color: #000;
      padding: 10px 10px 8px;
      line-height: 1.2;
      border: 1px solid #99d095;
      border-radius: 3px;
      transition: background 0.2s ease; }
      #TP_CNT_area .tp_block_2 .wrp li li a::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3.5px 0 3.5px 5px;
        border-color: transparent transparent transparent #3bb035; }
      #TP_CNT_area .tp_block_2 .wrp li li a:hover {
        background-color: #d8f7d6; }

#TP_CNT_area .tp_block_3 {
  max-width: 900px;
  margin: 60px auto;
  padding: 0 30px; }
  #TP_CNT_area .tp_block_3 figure {
    margin: 0 0 40px;
    text-align: center; }
    #TP_CNT_area .tp_block_3 figure img {
      width: auto;
      height: auto;
      max-width: 100%; }

#TP_CNT_area .tp_block_4 {
  margin-top: 110px; }
  #TP_CNT_area .tp_block_4 > figure {
    text-align: center;
    margin-bottom: 20px; }
    #TP_CNT_area .tp_block_4 > figure img {
      width: 100%;
      height: auto;
      max-width: 700px; }
  #TP_CNT_area .tp_block_4 > p {
    max-width: 700px;
    margin: 0 auto; }
  #TP_CNT_area .tp_block_4 .box {
    margin-top: 50px;
    background-color: #f5f5f5; }
    #TP_CNT_area .tp_block_4 .box .cell:nth-child(1) {
      padding-left: 20px; }

#TP_CNT_area .tp_block_5 {
  font-size: 14px;
  font-size: 0.875rem;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #f9f9f8; }
  #TP_CNT_area .tp_block_5 figure {
    text-align: center;
    margin: 0 0 20px; }

#TP_CNT_area .tp_block_6 {
  background-color: #f9f8e5;
  padding-bottom: 25px;
  margin-top: 40px; }
  #TP_CNT_area .tp_block_6 .title_box {
    padding-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px dotted; }
    #TP_CNT_area .tp_block_6 .title_box .title {
      font-size: 16px;
      font-size: 1rem;
      margin: 0; }
    #TP_CNT_area .tp_block_6 .title_box .text {
      font-size: 14px;
      font-size: 0.875rem;
      margin: 0; }
  #TP_CNT_area .tp_block_6 ul {
    font-size: 13px;
    font-size: 0.8125rem;
    width: 48%;
    margin: 0 1%;
    display: inline-block;
    vertical-align: top;
    list-style: none;
    margin: 0;
    padding: 0; }

@media only screen and (max-width: 980px) {
  #TP_CNT_area .tp_block_1 {
    font-size: 40px;
    font-size: 2.5rem;
    margin-bottom: 50px; }
  #TP_CNT_area .tp_block_3 {
    padding: 0 20px; } }

@media only screen and (max-width: 640px) {
  #TP_CNT_area .tp_block_1 {
    font-size: 30px;
    font-size: 1.875rem;
    margin-bottom: 30px;
    text-align: left;
    font-weight: bold; }
  #TP_CNT_area .tp_block_3 {
    padding: 0 15px; }
  #TP_CNT_area .tp_block_4 .box {
    padding: 10px 15px; }
  #TP_CNT_area .tp_block_6 ul {
    display: block;
    width: 100%;
    margin: 0; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* PAGE COMMON
/* -------------------------------------------------------------------------*/
#CNT_area {
  padding-top: 110px;
  line-height: 1.8; }
  #CNT_area .pg_ctgTitle {
    position: absolute;
    top: 32px;
    left: 133px;
    line-height: 1.3; }
    #CNT_area .pg_ctgTitle h2 {
      font-size: 24px;
      font-size: 1.5rem;
      margin: 0;
      padding: 0; }
      #CNT_area .pg_ctgTitle h2 span {
        display: block; }
  @media only screen and (max-width: 980px) {
    #CNT_area {
      padding-top: 85px; }
      #CNT_area .pg_ctgTitle {
        top: 23px;
        left: 105px; }
        #CNT_area .pg_ctgTitle h2 {
          font-size: 22px;
          font-size: 1.375rem; } }
  @media only screen and (max-width: 640px) {
    #CNT_area {
      padding-top: 25px; }
      #CNT_area .pg_ctgTitle {
        position: relative;
        top: auto;
        left: auto;
        padding-bottom: 10px;
        padding-left: 90px; }
        #CNT_area .pg_ctgTitle h2 {
          font-size: 18px;
          font-size: 1.125rem; } }

.bx-wrapper {
  margin-bottom: 70px; }
  @media only screen and (max-width: 980px) {
    .bx-wrapper {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 640px) {
    .bx-wrapper {
      margin-bottom: 30px; } }

.kv_slider > div {
  width: auto !important; }

@media only screen and (max-width: 980px) {
  .kv_slider > div {
    width: 150px !important; } }

@media only screen and (max-width: 640px) {
  .kv_slider > div {
    width: 100px !important; } }

.kv_1 {
  position: relative;
  height: 220px;
  overflow: hidden;
  margin-bottom: 70px; }
  .kv_1 img {
    position: absolute;
    top: 50%;
    width: 100%;
    height: auto;
    transform: translateY(-50%); }
  @media only screen and (max-width: 1200px) {
    .kv_1 {
      height: auto; }
      .kv_1 img {
        position: relative;
        top: auto;
        transform: none; } }
  @media only screen and (max-width: 980px) {
    .kv_1 {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 640px) {
    .kv_1 {
      margin-bottom: 30px; } }

.pg_title {
  margin-bottom: 50px; }
  .pg_title h3 {
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: bold;
    background-color: #fff;
    margin: 0;
    padding: 20px 10px 15px 30px;
    color: #fff;
    line-height: 1.3;
    background: url(../img/ttl_bc.png) right center no-repeat #3cb035; }
  .pg_title p {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 30px 10px 0;
    line-height: 1.5;
    font-weight: bold; }
  @media only screen and (max-width: 980px) {
    .pg_title {
      margin-bottom: 40px; }
      .pg_title h3 {
        font-size: 30px;
        font-size: 1.875rem;
        padding: 15px 10px 12px 15px; }
      .pg_title p {
        font-size: 20px;
        font-size: 1.25rem;
        margin: 20px 5px 0; } }
  @media only screen and (max-width: 640px) {
    .pg_title {
      margin-bottom: 30px; }
      .pg_title h3 {
        font-size: 24px;
        font-size: 1.5rem;
        padding: 13px 10px 10px 10px; }
      .pg_title p {
        font-size: 18px;
        font-size: 1.125rem;
        margin: 10px 0 0; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* PART1
/* -------------------------------------------------------------------------*/
/* ----- PART1-1 ----- */
.p1_1_block_1 figure {
  margin-top: -5px; }

.p1_1_block_2 p {
  margin: 0; }

.p1_1_block_2 .title {
  margin-bottom: 5px;
  font-weight: bold; }
  .p1_1_block_2 .title + p {
    font-size: 14px;
    font-size: 0.875rem; }

/* ----- PART1-2 ----- */
.p1_2_block_2 .fig_1 {
  max-width: 550px;
  text-align: center;
  margin: 0 auto; }

.p1_2_block_3 ul {
  list-style: none;
  margin: 0;
  font-size: 0;
  text-align: center; }

.p1_2_block_3 li {
  display: inline-block;
  margin: 3px; }
  .p1_2_block_3 li img {
    width: 200px;
    height: auto; }

/* ----- PART1-3 ----- */
.p1_3_block_2 p {
  margin: 0; }

.p1_3_block_2 .title {
  margin-bottom: 5px;
  font-weight: bold; }
  .p1_3_block_2 .title + p {
    font-size: 14px;
    font-size: 0.875rem; }

/* ----- PART1-4 ----- */
.p1_4_block_1 p {
  margin-bottom: 50px; }

.p1_4_block_1 figure {
  margin: 0 auto;
  text-align: center; }
  .p1_4_block_1 figure img {
    max-width: 700px;
    width: 100%;
    height: auto; }

.p1_4_block_2 .box {
  font-size: 0; }

.p1_4_block_2 .cell {
  display: inline-block;
  width: 20%;
  padding: 5px; }
  .p1_4_block_2 .cell img {
    max-width: 100%;
    height: auto; }
  .p1_4_block_2 .cell p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 5px 0; }

@media only screen and (max-width: 980px) {
  .p1_4_block_2 .cell {
    padding: 3px; } }

@media only screen and (max-width: 640px) {
  .p1_4_block_2 .cell {
    width: 50%;
    padding: 3px; } }

/* ----- PART1-5 ----- */
.p1_5_block_1 .box {
  padding: 10px 10px 0;
  margin-top: 30px;
  text-align: center;
  border: 4px solid #eee; }
  .p1_5_block_1 .box p {
    margin: 10px 0 0;
    padding: 0; }
  .p1_5_block_1 .box figure {
    text-align: center; }
    .p1_5_block_1 .box figure img {
      margin: 10px;
      width: auto;
      height: auto;
      max-width: 100%; }

.p1_5_block_2 figure {
  text-align: center; }

.p1_5_block_3 .box {
  display: table;
  margin: 0 auto; }
  .p1_5_block_3 .box .cell {
    display: table-cell;
    vertical-align: top;
    padding: 10px; }
    .p1_5_block_3 .box .cell figcaption {
      text-align: center;
      margin-top: 5px; }
    .p1_5_block_3 .box .cell img {
      width: auto;
      height: auto;
      max-width: 240px; }

@media only screen and (max-width: 640px) {
  .p1_5_block_3 .box {
    display: block; }
    .p1_5_block_3 .box .cell {
      display: block;
      text-align: center; } }

.p1_5_block_4 figure {
  text-align: center; }
  .p1_5_block_4 figure img {
    max-width: 500px;
    width: 100%;
    height: auto; }

.p1_5_block_5 ul {
  list-style: none;
  text-align: center; }
  .p1_5_block_5 ul li {
    display: inline-block;
    margin: 5px; }
    .p1_5_block_5 ul li img {
      max-width: 140px;
      width: auto;
      height: auto; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* PART2
/* -------------------------------------------------------------------------*/
/* ----- PART2-1 ----- */
.p2_1_block_2 figure {
  text-align: center;
  margin-top: 30px; }
  .p2_1_block_2 figure img {
    max-width: 500px;
    width: 100%;
    height: auto; }

.p2_1_block_2 ul {
  font-size: 13px;
  font-size: 0.8125rem;
  list-style: none;
  margin: 20px 0;
  padding: 0; }

/* ----- PART2-2 ----- */
.p2_2_block_1 .box figure {
  text-align: center; }

.p2_2_block_2 .box {
  display: table; }
  .p2_2_block_2 .box .cell {
    display: table-cell;
    width: 33.33333%;
    padding: 10px; }
  .p2_2_block_2 .box .title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    color: #3cb035;
    padding-bottom: 5px;
    border-bottom: 2px solid; }
  .p2_2_block_2 .box .text {
    font-size: 14px;
    font-size: 0.875rem; }
  .p2_2_block_2 .box figure {
    margin: 20px 0 0;
    padding: 10px;
    background-color: #f4f4f4;
    text-align: center; }
    .p2_2_block_2 .box figure img {
      width: 100%;
      height: auto;
      max-width: 260px; }

@media only screen and (max-width: 640px) {
  .p2_2_block_2 .box {
    display: block; }
    .p2_2_block_2 .box .cell {
      display: block;
      width: 100%;
      overflow: hidden; }
    .p2_2_block_2 .box figure {
      float: left;
      padding: 0;
      margin: 0 10px 0 0; }
      .p2_2_block_2 .box figure img {
        width: 100px; } }

/* ----- PART2-3 ----- */
.p2_3_block_1 figure {
  text-align: center;
  margin: 0; }
  .p2_3_block_1 figure img {
    width: 50%; }

@media only screen and (max-width: 640px) {
  .p2_3_block_1 figure {
    margin-bottom: 80px; }
    .p2_3_block_1 figure img {
      width: 100%; } }

/* ----- PART2-4 ----- */
.p2_4_block_2 figure {
  text-align: center;
  margin: 20px 0; }
  .p2_4_block_2 figure img {
    max-width: 500px;
    width: 100%;
    height: auto; }

.p2_4_block_3 {
  background-color: #f7f7f7;
  padding-top: 10px;
  padding-bottom: 10px; }
  .p2_4_block_3 .title {
    font-weight: bold; }
    .p2_4_block_3 .title span {
      font-size: 13px;
      font-size: 0.8125rem;
      font-weight: normal; }

/* ----- PART3-1 ----- */
.p3_1_block_1 figure {
  margin: 0;
  padding: 0;
  font-size: 0; }
  .p3_1_block_1 figure img {
    display: inline-block;
    width: 50%;
    height: auto; }

@media only screen and (max-width: 640px) {
  .p3_1_block_1 {
    padding: 0; }
    .p3_1_block_1 figure {
      padding: 10px;
      background-color: #b08e9d; }
      .p3_1_block_1 figure img {
        width: 100%; } }

/* ----- PART3-2 ----- */
.p3_2_block_2 {
  margin-top: -60px; }
  .p3_2_block_2 .box {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 0.875rem; }
    .p3_2_block_2 .box figure {
      text-align: center;
      margin-bottom: 20px; }
  .p3_2_block_2 > p {
    font-size: 13px;
    font-size: 0.8125rem;
    text-align: right; }
  @media only screen and (max-width: 980px) {
    .p3_2_block_2 {
      margin-top: -5%; } }
  @media only screen and (max-width: 640px) {
    .p3_2_block_2 {
      margin-top: 0; } }

.p3_2_block_3 .cnt_ttl_2 span {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  display: block;
  margin-bottom: -5px; }

.p3_2_block_3 .box {
  overflow: hidden; }
  .p3_2_block_3 .box figure {
    margin: 10px 20px 10px 0;
    float: left; }
  .p3_2_block_3 .box img {
    max-width: 240px;
    width: 100%;
    height: auto; }

@media only screen and (max-width: 640px) {
  .p3_2_block_3 .box figure {
    float: none;
    text-align: center;
    margin-bottom: 20px; } }

/* ----- PART3-3 ----- */
.p3_3_block_2 {
  text-align: center; }

.p3_3_block_3 .box:first-child {
  margin-bottom: 0; }

.p3_3_block_3 .title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 10px 5px;
  color: #3cb035;
  border-bottom: 2px solid;
  border-top: 1px dotted; }

.p3_3_block_3 figure {
  margin: 30px 0;
  text-align: center; }
  .p3_3_block_3 figure img {
    max-height: 240px;
    width: auto;
    height: auto; }

.p3_3_block_4 .box {
  padding: 20px;
  background-color: #8ab2de;
  color: #fff; }

.p3_3_block_4 .cell {
  max-width: 600px;
  margin: 0 auto;
  text-align: center; }

.p3_3_block_4 .plus {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
  line-height: 1; }

.p3_3_block_4 .scell .title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 0;
  color: #000;
  background-color: #fff;
  text-align: center;
  padding: 10px 0;
  border-radius: 30px;
  line-height: 1.3; }

.p3_3_block_4 .box2 {
  padding: 20px;
  background-color: #8ab2de;
  color: #fff; }

@media only screen and (max-width: 640px) {
  .p3_3_block_4 .box .text {
    text-align: left; } }

/* ----- PART4-1 ----- */
.p4_1_block_1 {
  font-size: 0; }
  .p4_1_block_1 .box {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 10px;
    margin-bottom: 50px; }
    .p4_1_block_1 .box figure {
      margin: 0 0 15px;
      padding: 0;
      text-align: center;
      background-color: #f8f8f8; }
      .p4_1_block_1 .box figure img {
        width: 100%;
        height: auto;
        max-width: 300px; }
    .p4_1_block_1 .box .title {
      font-size: 18px;
      font-size: 1.125rem;
      padding-bottom: 8px;
      font-weight: bold;
      border-bottom: 1px dotted; }
    .p4_1_block_1 .box p {
      margin: 10px; }
  @media only screen and (max-width: 980px) {
    .p4_1_block_1 .box {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 640px) {
    .p4_1_block_1 .box {
      display: block;
      width: 100%; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* MOVIE
/* -------------------------------------------------------------------------*/
.box_mv_tube, .box_mv_html {
  margin: -50px auto 70px; }
  .box_mv_tube .wrp, .box_mv_html .wrp {
    padding: 0 30px 30px;
    background-color: #f0f0f0;
    border-top: 2px solid #ffcbcb; }
  .box_mv_tube .block, .box_mv_html .block {
    display: flex;
    flex-direction: row-reverse;
    margin-top: 25px; }
  .box_mv_tube .cell, .box_mv_html .cell {
    flex: 1; }
    .box_mv_tube .cell .text, .box_mv_html .cell .text {
      margin-top: 0; }
    .box_mv_tube .cell .link, .box_mv_html .cell .link {
      margin-top: 30px; }
      .box_mv_tube .cell .link span, .box_mv_tube .cell .link .site, .box_mv_html .cell .link span, .box_mv_html .cell .link .site {
        display: block;
        max-width: 300px;
        padding: 17px 25px 12px;
        background-color: #c9e3ff;
        text-decoration: none;
        color: #0034c1;
        border-radius: 3px;
        border: 1px solid #bdd5ef;
        line-height: 1;
        transition: all 0.2s ease;
        box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.05);
        cursor: pointer; }
        .box_mv_tube .cell .link span::before, .box_mv_tube .cell .link .site::before, .box_mv_html .cell .link span::before, .box_mv_html .cell .link .site::before {
          content: '';
          display: inline-block;
          vertical-align: middle;
          margin-right: 8px;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4.5px 0 4.5px 7.8px;
          border-color: transparent transparent transparent #0033c1; }
        .box_mv_tube .cell .link span:hover, .box_mv_tube .cell .link .site:hover, .box_mv_html .cell .link span:hover, .box_mv_html .cell .link .site:hover {
          background-color: #b3d9ff;
          box-shadow: none; }
  .box_mv_tube figure, .box_mv_html figure {
    margin: 0 30px 0 0;
    padding: 0; }
    .box_mv_tube figure img, .box_mv_html figure img {
      border: 1px solid #d2d2d2;
      width: auto;
      height: auto;
      max-width: 100%; }
  .box_mv_tube .title, .box_mv_html .title {
    font-size: 19px;
    font-size: 1.1875rem;
    display: inline-block;
    margin: -2px 0 0;
    color: #fff;
    line-height: 1.3;
    background-color: #e33939;
    padding: 13px 20px 11px;
    border-radius: 0 0 5px 5px; }
  .box_mv_tube .tube, .box_mv_html .tube {
    position: relative;
    display: block;
    background-color: #000;
    cursor: pointer; }
    .box_mv_tube .tube::after, .box_mv_html .tube::after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: url(../img/btn_tube.png) center center no-repeat; }
    .box_mv_tube .tube img, .box_mv_html .tube img {
      transition: opacity 0.2s ease; }
    .box_mv_tube .tube:hover img, .box_mv_html .tube:hover img {
      opacity: 0.6; }
  .box_mv_tube .site_link, .box_mv_html .site_link {
    display: block;
    background-color: #000; }
    .box_mv_tube .site_link img, .box_mv_html .site_link img {
      transition: opacity 0.2s ease; }
    .box_mv_tube .site_link:hover img, .box_mv_html .site_link:hover img {
      opacity: 0.8; }
  @media only screen and (max-width: 1200px) {
    .box_mv_tube, .box_mv_html {
      margin-bottom: 8%; } }
  @media only screen and (max-width: 980px) {
    .box_mv_tube .wrp, .box_mv_html .wrp {
      padding: 0 20px 20px; } }
  @media only screen and (max-width: 640px) {
    .box_mv_tube, .box_mv_html {
      margin: 0 0 50px; }
      .box_mv_tube .wrp, .box_mv_html .wrp {
        padding: 0 10px 10px; }
      .box_mv_tube .block, .box_mv_html .block {
        display: block; }
      .box_mv_tube .cell .link, .box_mv_html .cell .link {
        text-align: center; }
        .box_mv_tube .cell .link span, .box_mv_tube .cell .link .site, .box_mv_html .cell .link span, .box_mv_html .cell .link .site {
          max-width: auto;
          max-width: initial; }
      .box_mv_tube figure, .box_mv_html figure {
        margin: 10px 0 0;
        text-align: center; } }

.box_mv_tube .link span::after {
  content: '';
  display: inline-block;
  background: url(../img/icon_ytube.png) 0 0 no-repeat;
  width: 33px;
  height: 21px;
  margin: 0 0 5px 10px;
  vertical-align: middle;
  line-height: 1; }

.box_mv_html .link a.site::after {
  content: url(../img/icon_htube.png);
  vertical-align: middle;
  margin-left: 10px; }

.box_mv_html .link_2 a.site::after {
  content: url(../img/icon_htube_2.png) !important;
  vertical-align: middle;
  margin-left: 10px; }

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