@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● トップページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


/* --------------------------------------------------- */
/* MainImageBlock                                      */
/* メイン画像用ブロック                                */
/* --------------------------------------------------- */

/* MainImageBlock
--------------------------------------------------- */
.MainImageBlock{
  background: #f5f5f5;
  position:relative;
}
  .MainImageBlock .BlockHeader{
    position: absolute;
    top: 100px;
    left: 50%;
    margin-left: -450px;
    z-index:2;
  }
    .MainImageBlock .BlockHeader a{
      display:block;
    }


              
/*モーダルウィンドウ内*/
  .iziModal .iziModal-wrap .iziModal-content table{
      margin: 10px auto;
      border-collapse: collapse;
    }
    .iziModal .iziModal-wrap .iziModal-content table th{
      text-align: left;
      vertical-align:middle;
      width:170px;
      padding:20px;
      border-bottom: 1px dotted #ccc;
    }
    .iziModal .iziModal-wrap .iziModal-content table tr:last-child th{
      border-bottom: none;
    }
    .iziModal .iziModal-wrap .iziModal-content table td{
      text-align: left;
      vertical-align:middle;
      width:400px;
      padding:20px;
      border-bottom: 1px dotted #ccc;
    }
    .iziModal .iziModal-wrap .iziModal-content table tr:last-child td{
      border-bottom: none;
      font-size:80%;
      line-height: 1.3;
    }
      .iziModal .iziModal-wrap .iziModal-content table td ul{
        list-style:none;
      }
        .iziModal .iziModal-wrap .iziModal-content table td ul li{
          width:80px;
          height:100px;
          float:left;
          text-align: center;
        }
          .iziModal .iziModal-wrap .iziModal-content table td ul li .Caption{
            display: block;
            text-align: center;
            font-size: 80%;
          }
          .iziModal .iziModal-wrap .iziModal-content table td ul li img{
            width:80px;
          }
  
              
              
              
      .MainImageBlock .BlockFooter .IconListParagraph{
        background: #e0eb33;
        border-radius: 15px;
        width:440px;
        padding:10px 20px;
        position:absolute;
        bottom:20px;
        right: 20px

      }
        .MainImageBlock .BlockFooter .IconListParagraph .ParagraphHeader{
          margin-bottom: 10px;
        }
          .MainImageBlock .BlockFooter .IconListParagraph .ParagraphHeader p{
            font-size:130%;
            font-weight: bold;
            text-align:center;
            line-height:2;
          }
        .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents{
            width:420px;
            margin:0 auto;
        }

          .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul{
          }
            .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul li{
              position: relative;
              width: 50px;
              height: 50px;
              margin-right:10px;
              margin-bottom:10px;
              float: left;
              list-style: none;
            }
            .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul li.List7th{
              margin-right:0;
            }
              .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul li .IconBox {
                margin:0;
                padding: 0;
                display:block;
              }
                .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul li .IconBox img{
                  width: 50px;
                }
              .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul li .TextBox {
                display: none;
                position: absolute;
                top:-30px;
                right: -10px;
                padding: 0.5em;
                border-radius: 5px;
                background: #fff;
                color: #333;
                font-size: 78.5%;
                overflow: visible;
                white-space: nowrap;
              }
              .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul li .TextBox:after {
                position: absolute;
                width: 0;
                height: 0;
                right: 25px;
                bottom: -18px;
                margin-left: 10px;
                border: solid transparent;
                border-color: rgba(255, 255, 255, 0);
                border-top-color: #fff;
                border-width: 10px;
                pointer-events: none;
                content: " ";
              }
              .MainImageBlock .BlockFooter .IconListParagraph .ParagraphContents ul li .IconBox:hover + .TextBox {
                display: inline-block;
              }

      .HowToBlock,
      .FacilitiesBlock{
        padding: 50px 0 100px;
      }
      .HowToBlock{
        background:#feffef;
      }

      .HowToBlock .BlockHeader h2,
      .FacilitiesBlock .BlockHeader h2{
        font-size:200%;
        padding: 50px;
        text-align:center;
      }
      .HowToBlock .BlockHeader h2 .TitleText,
      .FacilitiesBlock .BlockHeader h2 .TitleText{
        border-bottom: 5px solid #eb6133;
        letter-spacing: 0.2em;
      }

      .HowToBlock .BlockContents ul{
        width: 80%;
        margin: 0 auto;
      }
        .HowToBlock .BlockContents ul li{
          line-height: 1.5;
          padding-bottom: 1.5em;
          list-style: none;
          background: url(../img/common/icon/list-icon.png) no-repeat;
          padding-left: 40px;
        }

      .FacilitiesBlock .BlockContents table{
        border-collapse: collapse;
        border:3px solid #eb6133;
        width:100%;
      }

      .FacilitiesBlock .BlockContents table th,
      .FacilitiesBlock .BlockContents table td{
        padding:5px 20px;
        border-left:1px dotted #eb6133;
        border-bottom:1px dotted #eb6133;
      }


      .FacilitiesBlock .BlockContents table th.HeaderCell,
      .FacilitiesBlock .BlockContents table td.HeaderCell{
        font-weight:bold;
        text-align:center;
        vertical-align: middle;
        background: #eaaf75;
      }
      
      .FacilitiesBlock .BlockContents table tr td:first-child {
        text-align:center;
        width: 5em;
      }
      .FacilitiesBlock .BlockContents table tr.FirstRow td{
        border-top:1px solid #eb6133;
      }
      .FacilitiesBlock .BlockContents table tr.Even td{
        background:#ffe;
      }
      
            .FacilitiesBlock .BlockContents table td.ExIcon ul li{
              position: relative;
              width: 70px;
              height: 70px;
              margin-right:5px;
              float: left;
              list-style: none;
            }
              .FacilitiesBlock .BlockContents table td.ExIcon ul li .IconBox {
                margin:0;
                padding: 0;
                display:block;
              }
                .FacilitiesBlock .BlockContents table td.ExIcon ul li .IconBox img{
                  width: 70px;
                }
              .FacilitiesBlock .BlockContents table td.ExIcon ul li .TextBox {
                display: none;
                position: absolute;
                top:-30px;
                left: 10px;
                padding: 0.5em;
                border-radius: 5px;
                background: #e8e3de;
                color: #000;
                font-size: 78.5%;
                overflow: visible;
                white-space: nowrap;
              }
              .FacilitiesBlock .BlockContents table td.ExIcon ul li .TextBox:after {
                position: absolute;
                width: 0;
                height: 0;
                left: 1px;
                bottom: -18px;
                margin-left: 10px;
                border: solid transparent;
                border-color: rgba(255, 255, 255, 0);
                border-top-color: #e8e3de;
                border-width: 10px;
                pointer-events: none;
                content: " ";
              }
              .FacilitiesBlock .BlockContents table td.ExIcon ul li .IconBox:hover + .TextBox {
                display: inline-block;
              }