/* スマートフォン用CSS */
   @media screen and (max-width: 640px) {
 
     img{
       max-width: 100%;
       height: auto;
       width /***/:auto;
      }

/*全体*/

   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.5;
      position: fixed;
      z-index: 20;
     }

   .header-title {
      margin-top: 10px;
      font-size: 24px;
     }

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

   .header-add_mob {
      text-align: center;
      font-size: 14px;
      display: block;
     }

   .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);
     }

/* :::::: contents :::::: */
   #wrapper {
     display: block;
     overflow: hidden;
     min-width: 320px;
     height: auto;
     padding: 0;
     }

   .contents {
     -webkit-transition: -webkit-transform .6s;
     transition: transform .6s;
     }

   #navTgl:checked ~ .contents {
     -webkit-transform: translateX(250px);
     transform: translateX(250px);
     }
 
/* :::::: toggle button :::::: */
   #navTgl {
     display: none;
     overflow: hidden;
     }

   label {
     cursor: pointer;
     position: fixed;
     top: 0;
     left: 0;
     }

   .open {
     z-index: 2;
     width: 50px;
     height: 50px;
     color: white;
     background-color: #999;
     font-size: 2em;
     line-height: 50px;
     text-align: center;
     -webkit-transition: background-color .6s, -webkit-transform .6s;
     transition: background-color .6s, transform .6s;
     }

   #navTgl:checked + .open {
     background-color: #006400;
     -webkit-transform: translateX(250px);
     transform: translateX(250px);
     }

   .close {
     pointer-events: none;
     z-index: 1;
     width: 100%;
     height: 100%;
     transition: background-color .6s;
     }

   #navTgl:checked ~ .close {
     pointer-events: auto;
     background-color: rgba(0,0,0,.3);
     }
 
/* :::::: drawer menu :::::: */
   .menu {
     z-index: 1;
     position: fixed;
     overflow: auto;
     top: 0;
     left: 0;
     width: 250px;
     height: 100%;
     padding: 10px;
     background-color: rgba(0,0,0,.6);
     -webkit-transform: translateX(-100%);
     transform: translateX(-100%);
     -webkit-transition: -webkit-transform .6s;
     transition: transform .6s;
     }

   #navTgl:checked ~ .menu {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     }

   .menu h3,
   .menu li a {
     color: #fff;
     }

   .menu h3 {
     text-align: center;
     }

   .menu ul,
    header nav ul {
     padding: 0;
     }

   .menu li {
     border-bottom: 1px solid rgba(255,255,255,.6);
     font-size: .8em;
     line-height: 2.5;
     }

   .menu li:first-child {
     border-top: 1px solid rgba(255,255,255,.6);
     }

   .menu li a,
     header nav li a {
     display: block;
     padding: 1em 2em;
     text-decoration: none;
     transition: background-color .6s;
     }

   .menu li a:hover {
     background-color: black;
     }

/*ナビゲーション*/

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

   .nav-group {
      margin-top: 120px;
      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;
     }

/* メインイメージ */

   .main02 {
      position: fixed;
      z-index: -100;
      display: none;
     }

   .article {
      max-width: 55%;
      margin: 0 auto;
      overflow: hidden;
      display: none;
     }

   .article_mob {
      max-width: 100%;
      height:auto;
      display: block;
      margin-top: 180px;
     }

   .title_mob {
       max-width: 100%;
       height:auto;
       margin-top: 30px;
       font-size: 18px;
       color: #006400;
       text-align: center;
     }

   .sub_2_mob {
       line-height: 1.5;
       font-size: 14px;
       color: #333;
       font-family: MSゴシック;
       max-width: 100%;
       letter-spacing: 1px;
       margin: 10px;
       text-align: justify;
	}

   .paragraph_mob {
       text-align: justify;
       text-justify: inter-ideograph;
       max-width: 80%;
       line-height: 2;
       font-size: 14px;
       color: #333;
       font-family: MSゴシック;
	}

   .paragraph_mob li {
       padding-top:10px;
       padding-bottom:10px;
     }


/*メニュー*/

   .effect i {
       display: block;
       max-width: 100%;
       margin: 0 auto;
       transition: .8s;
     }

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

   .effect ul {
       list-style: none;
     }

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

   .effect ul li {
       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);
       text-align: center;
       display: none;
     }

   .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;
     }

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

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

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


/* フッター */

   .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: 14px;       
        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: 8px;
     }

   .wrap {
	overflow: hidden;
}



}/*削除不可*/
