@charset "UTF-8";
/*------------------------------------------------------------------------------
gloval style
------------------------------------------------------------------------------*/
body { font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; font-weight: 400; font-style: normal; color: #000000; padding: 0px; margin: 0px; font-weight:400; background-color:#fff; -webkit-text-size-adjust:100%; font-size:16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.0em; }

.cl:after { content: ""; display: block; clear: both; height: 0px; visibility: hidden; overflow: hidden; }

a{ text-decoration:none; color:#000000; transition: color 0.33s cubic-bezier(0.42, 0, 0.58, 1) 0.0s, opacity 0.33s cubic-bezier(0.42, 0, 0.58, 1) 0.0s; }
a:hover{ color:#000000; opacity: .7; }
img { vertical-align: top; }


body.page-id-4007 img{ pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; touch-callout:none; user-select:none; }
body.home img{ pointer-events:none; -webkit-touch-callout:none; -webkit-user-select:none; -moz-touch-callout:none; -moz-user-select:none; touch-callout:none; user-select:none; }



::selection { background-color:#e7e7e7; }
::-moz-selection { background-color:#e7e7e7; }

#navskip{ display: none; }
#wrap{ }

header{ width: 100%; position: fixed; left: 0px; top: 0px; z-index: 15; padding: 10px; box-sizing: border-box; background-color: rgba(255,255,255,0.4); }
header .inner{ max-width: 1346px; box-sizing: border-box; margin-left: auto; margin-right: auto; border-radius: 10px; background-color:#fff; background: linear-gradient(#e7e7e7 0%, #fff 27.2%, #fff 100%); display: flex; align-items: center; padding: 0px 20px; }
header .inner ul{ display: flex; align-items: center; }
header .inner .g_navi>ul>li>a{ margin-right: 15px; }
header .inner ul li:last-child a{ margin-right: 0px; }
header .inner .logo{ font-size: 15px; display: flex; align-items: center; font-family: 'Noto Sans JP', sans-serif; letter-spacing: .2em; }
header .inner .logo .ico_logo{ margin-right: 18px; }

header .inner .g_navi-wrap{ margin-left: auto; }
header .inner .g_navi{ margin-left: auto; display: flex; }
header .inner .g_navi>ul{ display: flex; margin-right: 30px; }
header .inner .g_navi>ul>li{ position: relative; }
header .inner .g_navi>ul>li a{ display: inline-block; padding:12px 10px; font-family: 'Noto Sans JP', sans-serif; font-size: 13px; letter-spacing: .15em; }

header .inner .g_navi>ul>li>ul.sub-menu{ display: none; position:absolute; top: 36px; min-width: 130px; padding: 10px; box-sizing: border-box; border-radius: 4px; background: #fff; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
header .inner .g_navi>ul>li:hover>ul.sub-menu{ display: block; }
header .inner .g_navi>ul>li>ul.sub-menu>li{ padding-bottom: 0.8em; }
header .inner .g_navi>ul>li>ul.sub-menu>li:last-child{ padding-bottom: 5px; }
header .inner .g_navi>ul>li>ul.sub-menu>li a{ font-size: 0.75rem; letter-spacing: 0.1em; padding: 0px; color: #6B5A1D; white-space: nowrap; }
header .inner .g_navi ul.sub_navi{ margin-right: 0px; }

#accessbtn{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 42px; height: 36px; font-size: 10px; margin-right: 0px; letter-spacing: 0em; }
#accessbtn i{ margin-bottom: 5px; }

#mn{ display: none; }

#content{ max-width: 100%; margin-left: auto; margin-right: auto; position:relative; padding-bottom: 80px; }
.sec{ max-width: 900px; margin-left: auto; margin-right: auto; }

#content:before{ content: ""; display: block; position: absolute; right: 0px; bottom: 0px; height:80px; width: 465px; background-image: url(../img/content_ft.svg); background-size:contain; background-position: right; background-repeat: no-repeat; }

footer{ background-color: #eceae6; background-image: url(../img/ft_bg.png); display: block; position: relative; }
footer .inner{ padding-bottom: 47px; max-width: 986px; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; }
footer .inner .g_navi{ padding-top: 45px; margin-bottom: 40px; }
footer .inner .g_navi ul{ flex-wrap: wrap; margin-right: 0px; }
footer .inner .g_navi>ul>li{ padding: 10px 5px; }
footer .inner .g_navi>ul>li{ width: 100%; border-bottom: solid 1px #CDC8AA; margin-bottom: 30px; }
footer .inner .g_navi>ul>li:first-child{ margin-bottom: 25px; }
footer .inner .g_navi>ul>li:last-child{ margin-bottom: 0px; }
footer .inner .g_navi>ul>li>ul{ display: flex; padding-bottom: 50px; }

footer .inner .g_navi>ul>li>ul.col5>li{ width: calc(100% / 5); box-sizing: border-box; padding-right: 0px; }
footer .inner .g_navi ul li ul.col5>li>a{ display: inline-block; font-size: 0.75rem; line-height: 1.6em; color: #D0A404; margin-bottom: .8em; }
footer .inner .g_navi ul li ul.col5>li>a:before{ content: "● "; }
footer .inner .g_navi ul li ul.col5>li ul.sub-menu li{ margin-bottom: .5em; }
footer .inner .g_navi ul li ul.col5>li ul.sub-menu li a{ font-size: 0.937rem; line-height: 1.6em; color: #6B5A1D; }

footer .inner .g_navi>ul>li>ul.row{ padding-bottom: 25px; }
footer .inner .g_navi>ul>li>ul.row li{ padding-right: 50px; }

footer .inner .g_navi>ul>li ul.column li{ width: 100%; margin-bottom: 5px; }
footer .inner .g_navi ul li a{ font-size: 0.937rem; line-height: 1.6em; color: #6B5A1D; }
footer .inner .g_navi ul li p{ font-size: 0.75rem; line-height: 1.6em; color: #D0A404; margin-bottom: 7px; }
footer .inner .g_navi ul li p a{ font-size: 0.75rem; line-height: 1.6em; color: #D0A404; }
/*
footer .inner .g_navi ul li ul li{ width: 100%; padding: 0px; }
*/

footer .inner.full:before{ position: absolute; right: 35px; top: -90px; content: ""; display: block; width: 246px; height: 105px; background-image: url(../img/ico_dog.svg); background-size: 100%; background-position: center; }
footer .inner.full{ max-width: 100%; width: 100%; padding-bottom: 0px; background-color: #7EB94F; position: relative; }
footer .inner.full .copyright{ text-align: left; max-width: 986px; margin-left: auto; margin-right: auto; height: 130px; width: 100%; display: flex; align-items: center; }

.adress{  }
.adress .row{ display: flex; align-items: center; margin-left: 0px; max-width: 100%; }
.adress .row .col:first-child{ padding-right: 50px; }
.adress .row .col:first-child p{ color: #77693B; font-weight: bold; font-size: 1.125rem; letter-spacing: 0.1em; }
.adress .row .col:last-child{ font-size: 0.875rem; color: #77693B; line-height: 2em; }

footer .inner.full .copyright p{ letter-spacing: 0.04em; font-size: 0.75rem; color: #fff; }

#pagetop{ width: 35px; color: #7EB94F; position: fixed; right: 75px; bottom: 190px; font-size: 0.75rem; line-height: 1.2em; font-weight: bold; font-family: 'Montserrat', sans-serif; letter-spacing: 0.1em; text-align: center; z-index: 5; }
#pagetop .ico_pagetop{ display: block; width: 35px; height: 35px; margin-bottom: 7px; }
#pagetop .ico_pagetop:before{ display: block; content: ""; width: 35px; height: 35px; background-image: url(../img/pagetop.svg); background-size: 100%; background-position: center; }

/*
* lower
 */


.ico_logo{ display: inline-block; }
.ico_logo:before{ content: ""; display: inline-block; width: 35px; height: 36px; background-image: url(../img/logo.svg); background-size: 100%; background-position: center; }


.ico_access{ display: inline-block; }
.ico_access:before{ content: ""; display: inline-block; width: 10px; height: 15px; background-image: url(../img/access.svg); background-size: 100%; background-position: center; }

.ico_arrow{ display: inline-block; }
.ico_arrow:before{ content: ""; display: inline-block; width: 6px; height: 11px; background-image: url(../img/arrow.svg); background-size: 100%; background-position: center; }


.pc{ display: block; }
.sp{ display: none; }

@media (max-width: 1140px){
  header{ padding: 0px; padding-bottom: 10px; top: 0px; }
  header .inner .logo{ font-size: 12px; display: flex; align-items: center; font-family: 'Noto Sans JP', sans-serif; letter-spacing: .1em; }
  header .inner .logo .ico_logo{ margin-right: 9px; width: 24px; height: 25px; }
  header .inner .logo .ico_logo:before{ width: 24px; height: 25px; }
  header .inner{ border-radius: 0; padding: 15px; }

  header .inner .g_navi{ display: none; width: 100%; height: auto; background-color: #87B431; padding-top: 60px; box-sizing: border-box; }
  header .inner .g_navi ul.sub_navi{ display: none; }
  header .inner .g_navi ul{ display: block; margin: 0px; }
  header .inner .g_navi ul li{ display: block; }
  header .inner .g_navi ul li a{ position: relative; padding: 22px; color: #fff; background-color: #87B431; font-weight: bold; font-size: 15px; border-bottom: solid 1px #fff; display: block; width: 100%; box-sizing: border-box; }
  header .inner .g_navi>ul>li:hover>ul.sub-menu{ display: none; }

  header .inner .g_navi>ul>li>a:before{ content: ""; display: block; height: 2px; width: 20px; position: absolute; right: 17px; top: calc(50% - 1px); background-color: #fff; }
  header .inner .g_navi>ul>li>a:after{ content: ""; display: block; height: 20px; width: 2px; position: absolute; right: 26px; top: calc(50% - 10px); background-color: #fff; }

  header .inner .g_navi>ul>li>a.open:before{ content: ""; display: block; height: 2px; width: 20px; position: absolute; right: 17px; top: calc(50% - 1px); background-color: #fff; }
  header .inner .g_navi>ul>li>a.open:after{ content: ""; display: block; height: 20px; width: 2px; position: absolute; right: 26px; top: calc(50% - 10px); background-color: #fff; transform: rotate(90deg); }

  header .inner .g_navi>ul>li:nth-child(1)>a:before,
  header .inner .g_navi>ul>li:nth-child(1)>a:after{ display: none; }

  header .inner .g_navi>ul>li:nth-child(2)>a:before,
  header .inner .g_navi>ul>li:nth-child(2)>a:after{ display: none; }

  header .inner .g_navi>ul>li>ul.sub-menu{ display: none; position:static; min-width:inherit; padding: 0px; box-sizing: border-box; border-radius: 0px; background-color: #507B00; box-shadow: none; margin: 0px; }
  header .inner .g_navi>ul>li>ul.sub-menu li{ padding: 0px; }
  header .inner .g_navi>ul>li>ul.sub-menu>li:last-child{ padding: 0px; }
  header .inner .g_navi>ul>li>ul.sub-menu li a{ padding: 22px; color: #fff; font-weight: bold; font-size: 15px; border-bottom: solid 1px #fff; display: block; width: 100%; box-sizing: border-box; background-color: #507B00; }

  header .inner .g_navi .logo{ position: absolute; left: 17px; top: 22px; font-size: 20px; display: block; font-family: 'Noto Sans JP', sans-serif; letter-spacing: .1em; color: #fff; }

  header .inner .g_navi-wrap{ }
  header .inner .g_navi-wrap.open{ position: fixed; width: 100%; height: 100%;  top: 0px; left: 0px; overflow: auto; background-color: #87B431;}

  header .inner #mn{ display: block; width: 29px; height: 29px; position:absolute; top: 16px; right: 17px; }
  header .inner #mn span{ display: block; width: 29px; height: 2px; position: absolute; left: 0px; top: calc(50% - 5px); background-color: #313131; }
  header .inner #mn span:after{ content: ""; display: block; width: 15px; height: 2px; position: absolute; left: 0px; top: 10px; background-color: #313131; }
  header .inner #mn span:before{ content: ""; display: block; width: 29px; height: 2px; position: absolute; left: 0px; top: -10px; background-color: #313131; }

  header .inner #mn.open{ display: block; width: 29px; height: 29px; position:absolute; top: 18px; right: 15px; }
  header .inner #mn.open span{ display: block; width: 22px; height: 2px; position: absolute; left: calc(50% - 11px); top: calc(50% - 1px); background-color: rgba(0,0,0,0); }
  header .inner #mn.open span:after{ content: ""; display: block; width: 22px; height: 2px; position: absolute; left: 0px; top: 0px; background-color: #fff; transform: rotate(45deg); }
  header .inner #mn.open span:before{ content: ""; display: block; width: 22px; height: 2px; position: absolute; left: 0px; top: 0px; background-color: #fff; transform: rotate(-45deg); }

}

@media (max-width: 768px){

  .fix-btn{ display: none; }
  .fix-btn a{ width: 100px; font-size: 0.875rem; }
  .fix-btn a span{  }

  footer .inner{ padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  footer .inner .g_navi{ margin-bottom: 40px; }
  footer .inner .copyright p{ font-size: 0.562rem; }
  footer .inner.full .copyright{ box-sizing: border-box; }

  #content{ margin-top: 55px; }


  footer .inner .g_navi>ul>li>ul.col5>li{ width: calc(100% / 3);
    box-sizing: border-box;
    padding-right: 25px; }
  footer .inner.full:before{ position: absolute; right: 15px; top: -65px; content: ""; display: block; width: 180px; height: 75px; background-image: url(../img/ico_dog.svg); background-size: 100%; background-position: center; background-repeat: no-repeat; }

  #pagetop{ width: 35px; color: #7EB94F; position: absolute; right: 35px; top: -110px; font-size: 0.75rem; line-height: 1.2em; font-weight: bold; font-family: 'Montserrat', sans-serif; letter-spacing: 0.1em; text-align: center; }
  #pagetop .ico_pagetop{ display: block; width: 35px; height: 35px; margin-bottom: 7px; }
  #pagetop .ico_pagetop:before{ display: block; content: ""; width: 35px; height: 35px; background-image: url(../img/pagetop.svg); background-size: 100%; background-position: center; }


}

@media (max-width: 640px){

  .pc{ display: none; }
  .sp{ display: block; }

/*
  header{ padding: 0px; padding-bottom: 10px; top: 0px; }
  header .inner .logo{ font-size: 12px; display: flex; align-items: center; font-family: 'Noto Sans JP', sans-serif; letter-spacing: .1em; }
  header .inner .logo .ico_logo{ margin-right: 9px; width: 24px; height: 25px; }
  header .inner .logo .ico_logo:before{ width: 24px; height: 25px; }
  header .inner{ border-radius: 0; padding: 15px; }


  header .inner .g_navi{ display: none; position:fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #87B431; padding-top: 60px; }
  header .inner .g_navi ul.sub_navi{ display: none; }
  header .inner .g_navi ul{ display: block; margin: 0px; }
  header .inner .g_navi ul li{ display: block; }
  header .inner .g_navi ul li a{ position: relative; padding: 22px; color: #fff; font-weight: bold; font-size: 15px; border-bottom: solid 1px #fff; display: block; width: 100%; box-sizing: border-box; }
  header .inner .g_navi>ul>li:hover>ul.sub-menu{ display: none; }

  header .inner .g_navi>ul>li>a:before{ content: ""; display: block; height: 2px; width: 20px; position: absolute; right: 17px; top: calc(50% - 1px); background-color: #fff; }
  header .inner .g_navi>ul>li>a:after{ content: ""; display: block; height: 20px; width: 2px; position: absolute; right: 26px; top: calc(50% - 10px); background-color: #fff; }

  header .inner .g_navi>ul>li>a.open:before{ content: ""; display: block; height: 2px; width: 20px; position: absolute; right: 17px; top: calc(50% - 1px); background-color: #fff; }
  header .inner .g_navi>ul>li>a.open:after{ content: ""; display: block; height: 20px; width: 2px; position: absolute; right: 26px; top: calc(50% - 10px); background-color: #fff; transform: rotate(90deg); }

  header .inner .g_navi>ul>li:nth-child(1)>a:before,
  header .inner .g_navi>ul>li:nth-child(1)>a:after{ display: none; }

  header .inner .g_navi>ul>li:nth-child(2)>a:before,
  header .inner .g_navi>ul>li:nth-child(2)>a:after{ display: none; }

  header .inner .g_navi>ul>li>ul.sub-menu{ display: none; position:static; min-width:inherit; padding: 0px; box-sizing: border-box; border-radius: 0px; background-color: #507B00; box-shadow: none; margin: 0px; }
  header .inner .g_navi>ul>li>ul.sub-menu li{ padding: 0px; }
  header .inner .g_navi>ul>li>ul.sub-menu>li:last-child{ padding: 0px; }
  header .inner .g_navi>ul>li>ul.sub-menu li a{ padding: 22px; color: #fff; font-weight: bold; font-size: 15px; border-bottom: solid 1px #fff; display: block; width: 100%; box-sizing: border-box; }

  header .inner .g_navi .logo{ position: absolute; left: 17px; top: 22px; font-size: 20px; display: block; font-family: 'Noto Sans JP', sans-serif; letter-spacing: .1em; color: #fff; }

  header .inner #mn{ display: block; width: 29px; height: 29px; position:absolute; top: 16px; right: 17px; }
  header .inner #mn span{ display: block; width: 29px; height: 2px; position: absolute; left: 0px; top: calc(50% - 5px); background-color: #313131; }
  header .inner #mn span:after{ content: ""; display: block; width: 15px; height: 2px; position: absolute; left: 0px; top: 10px; background-color: #313131; }
  header .inner #mn span:before{ content: ""; display: block; width: 29px; height: 2px; position: absolute; left: 0px; top: -10px; background-color: #313131; }

  header .inner #mn.open{ display: block; width: 29px; height: 29px; position:absolute; top: 16px; right: 20px; }
  header .inner #mn.open span{ display: block; width: 22px; height: 2px; position: absolute; left: calc(50% - 11px); top: calc(50% - 1px); background-color: rgba(0,0,0,0); }
  header .inner #mn.open span:after{ content: ""; display: block; width: 22px; height: 2px; position: absolute; left: 0px; top: 0px; background-color: #fff; transform: rotate(45deg); }
  header .inner #mn.open span:before{ content: ""; display: block; width: 22px; height: 2px; position: absolute; left: 0px; top: 0px; background-color: #fff; transform: rotate(-45deg); }
*/
  #content{ margin-top: 55px; }

  footer .inner .g_navi{ padding-top: 0px; margin-bottom: 0px; }
  footer .inner .g_navi ul{ display: block; margin-right: 0px; }
  footer .inner .g_navi>ul>li{ padding: 0px 0px; display: block; }
  footer .inner .g_navi>ul>li{ width: 100%; border-bottom:none; margin-bottom: 0px; }
  footer .inner .g_navi>ul>li:first-child{ margin-bottom: 0px; display: none; }



  footer .inner .g_navi>ul>li:last-child{ margin-bottom: 0px; }
  footer .inner .g_navi>ul>li>ul{ display: flex; padding-bottom: 0px; }

  footer .inner .g_navi>ul>li>ul.col5{ padding-bottom: 0px; }
  footer .inner .g_navi>ul>li>ul.col5>li{ display: block; width:100%; box-sizing: border-box; padding-right: 0px; }
  footer .inner .g_navi ul li ul.col5>li>a{ display:block; font-size: 0.937rem; line-height: 1.6em; color: #D0A404; color: #6B5A1D; margin-bottom: 0em; padding: 15px 17px; border-bottom: solid 1px #D1A405; position: relative; }

  footer .inner .g_navi ul li ul.col5>li>a:before{ content: ""; display: block; height: 2px; width: 20px; position: absolute; right: 17px; top: calc(50% - 1px); background-color: #6B5A1D; }
  footer .inner .g_navi ul li ul.col5>li>a:after{ content: ""; display: block; height: 20px; width: 2px; position: absolute; right: 26px; top: calc(50% - 10px); background-color: #6B5A1D; }

  footer .inner .g_navi ul li ul.col5>li>a.open:before{ content: ""; display: block; height: 2px; width: 20px; position: absolute; right: 17px; top: calc(50% - 1px); background-color: #6B5A1D; }
  footer .inner .g_navi ul li ul.col5>li>a.open:after{ content: ""; display: block; height: 20px; width: 2px; position: absolute; right: 26px; top: calc(50% - 10px); background-color: #6B5A1D; transform: rotate(90deg); }

  footer .inner .g_navi ul li ul.col5>li ul.sub-menu{ display: none; }
  footer .inner .g_navi ul li ul.col5>li ul.sub-menu li{ display: block;  margin-bottom:0em; width:100%; }
  footer .inner .g_navi ul li ul.col5>li ul.sub-menu li a{ display: block; font-size: 0.937rem; line-height: 1.6em; color: #6B5A1D; padding: 15px 17px; border-bottom: solid 1px #D1A405; }

  footer .inner .g_navi>ul>li>ul.row{ padding-bottom: 0px; }
  footer .inner .g_navi>ul>li>ul.row li{ padding-right: 0px; width: 100%; }

  footer .inner .g_navi>ul>li ul.column li{ display: block;  width: 100%; margin-bottom: 0px; }
  footer .inner .g_navi ul li a{ display: block; font-size: 0.937rem; line-height: 1.6em; color: #6B5A1D; padding: 15px 17px; border-bottom: solid 1px #D1A405; }
  footer .inner .g_navi ul li p{ font-size: 0.75rem; line-height: 1.6em; color: #D0A404; margin-bottom: 0px; }
  footer .inner .g_navi ul li p a{ font-size: 0.75rem; line-height: 1.6em; color: #D0A404; }

  footer .inner.full:before{ display: none; }

  .adress{ padding: 20px 17px; }
  .adress .row{ flex-wrap: wrap; }
  .adress .row .col,
  .adress .row .col:first-child{ width: 100%; padding: 0px; }
  .adress .row .col:first-child{ padding-bottom: 15px; }

  footer .inner{ padding: 0px 0px; padding-bottom: 0px; }
  footer .inner.full .copyright{ box-sizing: border-box; height: auto; padding: 20px 10px 20px 15px; }
  footer .inner:last-child{ padding: 0px; }

  #pagetop{ width: 35px; color: #7EB94F; position: absolute; right: 20px; top: -80px; font-size: 0.75rem; line-height: 1.2em; font-weight: bold; font-family: 'Montserrat', sans-serif; letter-spacing: 0.1em; text-align: center; }
  #pagetop .ico_pagetop{ display: block; width: 35px; height: 35px; margin-bottom: 7px; }
  #pagetop .ico_pagetop:before{ display: block; content: ""; width: 35px; height: 35px; background-image: url(../img/pagetop.svg); background-size: 100%; background-position: center; }

#content{ padding-bottom: 40px; }
  #content:before{ content: ""; display: block; position: absolute; right: 0px; bottom: 0px; height:40px; width: 232px; background-image: url(../img/content_ft.svg); background-size:contain; background-position: right; background-repeat: no-repeat; }
}

@media (max-width: 320px){

}