/*全体*/

   body {
      background: #ffffff;
      color: #333;
      font-size: 16px;
      font-family: 'Garamond','HG正楷書体-PRO','MSゴシック',sans-serif;
      line-height: 1.5;
     }

   a:link {
      color: #006400;
      text-decoration: none;
     }

   a:hover {
      color: #333;
      text-decoration: none;
     }
   a:visited {
      color: #696969;
      text-decoration: none;
     }

/*ヘッダー*/

   .header {
      padding: 12px ;
      width: 100%;
      box-shadow: 0 3px 6px rgba(0,0,0,0.2);
      background: rgba(255, 255, 255, 0.8);
      color: #333;
      text-align: center;
      line-height: 1;
      position: fixed;
      z-index: 20;
     }

   .header-title {
      margin: 0;
      font-size: 38px;
     }

   .header-add {
      text-align: center;
      font-size: 18px;
     }

   .link {
      position: relative;
      display: inline-block;
      text-decoration: none;
     }

   .link::after {
      position: absolute;
      bottom: -4px;
      left: 0;
      content: '';
      width: 100%;
      height: 2px;
      background: #333;
      transform: scale(0, 1);
      transform-origin: center top;
      transition: transform .3s;
     }

   .link:hover::after {
      transform: scale(1, 1);
     }

   .header-add_mob {
      display: none;
     }

   #wrapper {
      display: none;
     }

/*ナビゲーション*/

   .nav {
      z-index: 1;
      padding: 12px ;
      width: 100%;
      background: #ffffff;
      text-align: center;
     }

   .nav-group {
      margin-top: 120px;
      margin-bottom: 30px;
      padding: 0;
      display: -moz-inline-stack;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      zoom: 1;
      *display: inline;
     }

   .nav-group > li {
       margin: 0;
       padding: 0 12px;
       display: -moz-inline-stack;
       display: inline-block;
       vertical-align: middle;
       *vertical-align: auto;
       zoom: 1;
       *display: inline;
       font-size: 20px;
     }

   .nav-group > li a {
       display: block;
       padding: 6px 12px;
       color: #006400;
       text-decoration: none;
     }

   .nav-group > li a:hover {
       color: #999;
     }

   .nav-group > li a.active {
       border-bottom: #333 solid 2px;
       color: #999;
     }

/* メインイメージ */

   .photo-show {       
       height: 550px; /*表示したい大きさ*/
       margin: 0px auto; /*縦余白30pxは任意*/
       max-width: 100%;
       position: relative;
       width: 750px; /*表示したい大きさ、height と合わせる*/
     }

   .photo-show img { 
       animation: show 30s infinite;
       -webkit-animation: show 30s infinite;
       height: 550px;
       max-width: 100%;
       opacity: 0;
       position: absolute; /*画像を全て重ねる*/
     }

/*アニメーション*/

   @keyframes show {
       0% { opacity:0; }
       7% { opacity:1; }
       18% { opacity:1; }
       25% { opacity:0; }
       100% { opacity:0; }
     }

   @-webkit-keyframes show {
       0% { opacity:0; }
       7% { opacity:1; }
       18% { opacity:1; }
       25% { opacity:0; }
       100% { opacity:0; }
     }

/*各画像のアニメーションの開始時間をずらす*/

   .photo-show img:nth-of-type(1) {
       animation-delay: 0s;
       -webkit-animation-delay: 0s;
     }

   .photo-show img:nth-of-type(2) {
       animation-delay: 10s;
       -webkit-animation-delay: 10s;
     }

   .photo-show img:nth-of-type(3) {
       animation-delay: 20s;
       -webkit-animation-delay: 20s;
     }

   .article_mob {
      max-width: 100%;
      height:auto;
      display: none;
     }

   .article {
      max-width: 50%;
      margin: 0 auto;
      overflow: hidden;
     }

   .article-title {
       font-size: 36px;
       margin-top: 50px;
       padding-bottom: 6px;
       color: #006400;
     }

   .article-sub {
       font-family: MSゴシック;
       letter-spacing: 5px;
       background: #f0fff0;/*背景色*/
       border-left: double 7px #006400;/*左線*/
       border-right: double 7px #006400;/*右線*/
       box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
       width: 160px;
       color: #333;
       margin-top: 50px;
       margin-bottom: -20px;
       padding-top: 10px;
       padding-bottom: 10px;
     }

   .article-paragraph {
       font-size: 14px;
       color: #333;
       font-family: MSゴシック;
     }

   .article-paragraph_2 {       
       padding: 10px;
       position: relative;       
     }

   .article-paragraph_2 > li {
       font-family: MSゴシック;
       font-size: 18px;
       line-height: 1.5;
       padding-left: 20px;
       padding-bottom: 5px;
       border-bottom: dashed 1px silver;
       background-image: url("../image/018.gif");/*アイコン種類*/
       background-repeat: no-repeat;
       background-position: 5px 5px;
       .background-position-x:5px;
       .background-position-y:55px;
       list-style-type: none!important;       
     }

   .ap2-sub {
       font-family: MSゴシック;
       font-size: 14px;
       color: #333;
       margin-top: -20px;
     }



/*ライン*/

   hr {
       clear : both ;
       margin-top: 50px;
       border-width: 1px 0px 0px 0px; /* 太さ1px */
       border-style: solid x; /* 線種を破線に */
       border-color: #333;   /* 線色を灰色に */
       width: 970px;
       height: 1px;         /* 高さ(※古いIE用) */       
     }

/*メニュー*/

   .effect i {
       padding: 0 380px;
       transition: .8s;
     }

   .effect div {
       clear: both;
       transition: .8s;
       transition-delay: .8s;
       margin: 0 auto;
       max-width: 65%;
     }

   .effect ul {
       list-style: none;
     }

   .effect dl {
       width: 260px;
       height: 170px;
     }

   .effect ul li {
       display: inline-block;
       position: relative;
       overflow: hidden;
       margin: 20px;
     }

   .effect ul dl {
       position: absolute;
       top: 0;
       margin: 0;
       padding: 20px 25px;
       box-sizing: border-box;
       background: rgba(255, 255, 255, 0.8);
     }

    .effect ul dl dt {
       margin-bottom: 0.3em;
       color: #006400;
       font-size: 20px;
     }

    .effect ul dl dd {
       font-family: MSゴシック;
       color: #333;
       margin: 0;
       font-size: 12px;
       line-height: 1.6;
       text-align: justify;
       word-break: break-all;
     }

   .effect ul dl dd:last-of-type {
       margin-top: 10px;
     }
 
/* type1 */
   .type1 dl {
       opacity: 0;
       -webkit-transform: translateY(100%);
       transform: translateY(100%);
       -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
       transition: opacity 0.6s, transform 0.6s;
     }

   .type1:hover dl {
       opacity: 1;
       -webkit-transform: translateY(0);
       transform: translateY(0);
     }

   .btn {
       padding: 0.5em 1em;
       text-decoration: none;
       box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
     }

   .btn:active {
       box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
       transform: translateY(2px);
     }

/*アドレス*/

   .address {
       padding: 24px 0 24px 0;
       box-shadow: 0 3px 6px rgba(0,0,0,0.2);
       background: rgba(255, 255, 255, 0.8);
       background: #fff;
       text-align: center;
     }

   .address-body {
       text-align: center;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       display: -moz-inline-stack;
       display: inline-block;
       vertical-align: middle;
       *vertical-align: auto;
        zoom: 1;
       *display: inline;
     }

   .address-body-name {
        display: block;
        margin-bottom: 12px;
        font-size: 24px;
     }

   .address-body-addressline {
        display: block;
        margin-bottom: 6px;
        font-size: 16px;
     }

   .address-body-tel {
        display: block;
        font-size: 1.1em;
     }

/* フッター */

   .footer {
        padding: 12px 0;
        border-top: #ccd1d9 solid 1px;
        text-align: right;
     }

   .footer-nav {
        margin-bottom: 12px;
        width: 100%;
     }

   .footer-nav-group {
        margin: 0;
        padding: 0;
       list-style-type: none;
     }

   .footer-nav-group > li {
        font-family: MSゴシック;
        font-size: 18px;       
        background-image: url("../image/018.gif");/*アイコン種類*/
        background-repeat: no-repeat;
        background-position: 0px 5px;
        .background-position-x:0px;
        .background-position-y:5px;
        text-align: right;
        margin: 10px;
        display: inline-block;
     }

   .footer-nav-group > li a {
        color: #000;
        text-decoration: none;
     }

   .footer-nav-group > li a:hover {
        color: #999;
     }

   .footer-copyright {
        color: #999;
        font-size: 0.8em;
     }

