/* *************************************************************************************
/*+  common  +**************************************************************************
/************************************************************************************* */
/* *****************************************
/*+  initialize  +**************************
/***************************************** */
/*+ block + ------------------------------ */
/* *****************************************
/*+  intro  +*******************************
/***************************************** */
/*+ block + ------------------------------ */
#intro {
  background: #fff; }
  #intro .clearfix li {
    float: left; }

/* *****************************************
/*+  point  +*****************************
/***************************************** */
/*+ block + ------------------------------ */
#point > .title {
  background: #efe2c6; }
#point .point {
  background: #efe2c6;
  /*+ main + ------------------------------ */
  /*+ troubles + ------------------------------ */
  /*+ comment + ------------------------------ */ }
  #point .point h2 {
    position: relative; }
  #point .point .main {
    background: #fff;
    /*+ secret + ------------------------------ */ }
    #point .point .main h3 {
      color: #7c552f;
      font-weight: normal; }
    #point .point .main .secret {
      position: relative; }
      #point .point .main .secret .label {
        position: absolute;
        top: 0; }
  #point .point .troubles .trouble {
    background: #fde7b9;
    border: #633922 4px solid;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; }

/* *****************************************
/*+  exhibition-banner  +*******************
/***************************************** */
/*+ block + ------------------------------ */
/* *****************************************
/*+  exhibition  +**************************
/***************************************** */
/*+ block + ------------------------------ */
/* *****************************************
/*+  heater-banner  +***********************
/***************************************** */
/*+ block + ------------------------------ */
#heater-banner {
  background: #efe2c6; }

/* *************************************************************************************
/*+  PC  +******************************************************************************
/************************************************************************************* */
@media print, screen and (min-width: 768px) {
  /* *****************************************
  /*+  main-visual  +*************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #main-visual {
    background: url(../../structure/images/ind-main-bg.jpg) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    #main-visual h1 {
      background: url(../../structure/images/ind-main-rpt.png) repeat-x 0 167px; }

  /* *****************************************
  /*+  intro  +*******************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #intro {
    padding: 40px 0; }
    #intro h1 {
      margin-bottom: 30px;
      text-align: center; }
    #intro .clearfix li {
      margin-right: 30px;
      width: 380px; }
      #intro .clearfix li:last-of-type {
        margin-right: 0; }

  /* *****************************************
  /*+  point  +*****************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #point {
    /*+ point-1 + ------------------------------ */
    /*+ point-3 + ------------------------------ */ }
    #point h1 {
      height: 100px;
      background: #ea5532; }
    #point .point {
      padding: 40px 0 60px;
      /*+ main + ------------------------------ */
      /*+ troubles + ------------------------------ */
      /*+ comment + ------------------------------ */ }
      #point .point h2 {
        margin: 0 0 -40px 174px;
        width: 240px; }
      #point .point .main {
        margin-bottom: 45px;
        /*+ secret + ------------------------------ */ }
        #point .point .main .image {
          width: 50%;
          float: left; }
        #point .point .main .text {
          width: 50%;
          float: right; }
        #point .point .main h3 {
          padding: 30px 36px;
          font-size: 1.25em; }
        #point .point .main .secret {
          padding: 60px 36px 20px; }
          #point .point .main .secret .label {
            width: 170px;
            left: 0; }
          #point .point .main .secret h4 {
            margin-right: -20px;
            margin-left: -20px;
            text-align: center; }
            #point .point .main .secret h4 img {
              width: auto; }
          #point .point .main .secret figure {
            margin: 10px 0; }
      #point .point .troubles {
        margin-bottom: 50px; }
        #point .point .troubles h3 {
          margin: 0 auto 10px;
          width: 420px; }
        #point .point .troubles .trouble {
          margin-bottom: 25px;
          padding: 20px 35px;
          position: relative; }
          #point .point .troubles .trouble h4 {
            position: absolute;
            top: 25px;
            left: 35px; }
            #point .point .troubles .trouble h4 img {
              width: auto;
              height: 70px; }
          #point .point .troubles .trouble .text {
            padding-top: 95px;
            width: 710px;
            font-size: 1.125em;
            float: left; }
          #point .point .troubles .trouble .image {
            width: 390px;
            float: right; }
      #point .point .comment {
        margin-bottom: 15px; }
    #point #point-1 {
      padding-top: 50px; }
    #point #point-3 .main {
      margin-bottom: 10px; }
      #point #point-3 .main + .notes {
        margin-bottom: 40px; }

  /* *****************************************
  /*+  exhibition-banner  +*******************
  /***************************************** */
  /*+ block + ------------------------------ */
  .exhibition-banner {
    border-bottom: #fff 40px solid; }
    .exhibition-banner .inner {
      padding: 60px 0; }

  /* *****************************************
  /*+  heater-banner  +***********************
  /***************************************** */
  /*+ block + ------------------------------ */
  #heater-banner {
    background-color: #fbf8ec; }
    #heater-banner .inner {
      padding: 60px 0; } }
/* *************************************************************************************
/*+  SP  +******************************************************************************
/************************************************************************************* */
@media print, screen and (max-width: 767px) {
  /* *****************************************
  /*+  intro  +*******************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #intro {
    padding: 4% 0; }
    #intro h1 {
      margin-bottom: 2%; }
    #intro .clearfix li {
      margin-right: 2.25352%;
      width: 31.83099%; }
      #intro .clearfix li:last-of-type {
        margin-right: 0; }

  /* *****************************************
  /*+  point  +*****************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #point {
    /*+ point-3 + ------------------------------ */ }
    #point .point {
      padding: 20px 0;
      /*+ main + ------------------------------ */
      /*+ troubles + ------------------------------ */
      /*+ comment + ------------------------------ */ }
      #point .point h2 {
        margin: 0 auto -8.4507%;
        width: 36.61972%; }
      #point .point .main {
        margin-bottom: 6%;
        /*+ secret + ------------------------------ */ }
        #point .point .main h3 {
          padding: 4% 7.04225%;
          font-size: 1.25em; }
        #point .point .main .secret {
          padding: 12% 4.22535% 4%; }
          #point .point .main .secret .label {
            width: 50.70423%;
            left: -1.40845%; }
          #point .point .main .secret figure {
            margin: 4% 0; }
      #point .point .troubles {
        margin-bottom: 6%; }
        #point .point .troubles h3 {
          margin: 0 auto 1%;
          width: 70.42254%; }
        #point .point .troubles .trouble {
          margin-bottom: 3%;
          padding: 4.5584%;
          border-width: 2px;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px; }
          #point .point .troubles .trouble h4 {
            margin-bottom: 4%; }
            #point .point .troubles .trouble h4 img {
              width: auto;
              height: 12vw; }
          #point .point .troubles .trouble .image {
            margin-bottom: 4%; }
      #point .point .comment {
        margin-bottom: 4%; }
    #point #point-3 .main {
      margin-bottom: 3%; }
      #point #point-3 .main + .notes {
        margin-bottom: 6%; }

  /* *****************************************
  /*+  exhibition-banner  +*******************
  /***************************************** */
  /*+ block + ------------------------------ */
  .exhibition-banner {
    border-bottom: #fff 25px solid; }
    .exhibition-banner .inner {
      padding: 8% 0; }

  /* *****************************************
  /*+  exhibition  +**************************
  /***************************************** */
  /*+ block + ------------------------------ */
  #exhibition {
    padding-top: 5%; }

  /* *****************************************
  /*+  heater-banner  +***********************
  /***************************************** */
  /*+ block + ------------------------------ */
  #heater-banner .inner {
    padding: 8% 0; } }