@charset "UTF-8";
/*  ------------------------------------------------------------------
	WebFont
---------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Kanit:100,100i,400,400i,500,500i");
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 100;
  src: url("../font/NotoSansCJKjp-Thin_subset.eot");
  src: url("../font/NotoSansCJKjp-Thin_subset.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Thin_subset.woff") format("woff"), url("../font/NotoSansCJKjp-Thin_subset.ttf") format("truetype"); }
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 200;
  src: url("../font/NotoSansCJKjp-Light_subset.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Light_subset.woff") format("woff"), url("../font/NotoSansCJKjp-Light_subset.ttf") format("truetype"); }
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 300;
  src: url("../font/NotoSansCJKjp-DemiLight_subset.eot");
  src: url("../font/NotoSansCJKjp-DemiLight_subset.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-DemiLight_subset.woff") format("woff"), url("../font/NotoSansCJKjp-DemiLight_subset.ttf") format("truetype"); }
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 400;
  src: url("../font/NotoSansCJKjp-Regular_subset.eot");
  src: url("../font/NotoSansCJKjp-Regular_subset.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Regular_subset.woff") format("woff"), url("../font/NotoSansCJKjp-Regular_subset.ttf") format("truetype"); }
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 500;
  src: url("../font/NotoSansCJKjp-Medium_subset.eot");
  src: url("../font/NotoSansCJKjp-Medium_subset.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Medium_subset.woff") format("woff"), url("../font/NotoSansCJKjp-Medium_subset.ttf") format("truetype"); }
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 600;
  src: url("../font/NotoSansCJKjp-Bold_subset.eot");
  src: url("../font/NotoSansCJKjp-Bold_subset.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Bold_subset.woff") format("woff"), url("../font/NotoSansCJKjp-Bold_subset.ttf") format("truetype"); }
@font-face {
  font-family: 'NotoSansCJKjp';
  font-style: normal;
  font-weight: 700;
  src: url("../font/NotoSansCJKjp-Black_subset.eot");
  src: url("../font/NotoSansCJKjp-Black_subset.eot?#iefix") format("embedded-opentype"), url("../font/NotoSansCJKjp-Black_subset.woff") format("woff"), url("../font/NotoSansCJKjp-Black_subset.ttf") format("truetype"); }
/*  ------------------------------------------------------------------
	frame
---------------------------------------------------------------------*/
body {
  background: #FFF;
  color: black;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  width: 100%;
  font-family: "NotoSansCJKjp", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500; }

#wrapper {
  width: 100%;
  min-width: 1200px;
  padding-top: 80px;
  margin: 0;
  position: relative; }
  @media only screen and (max-width: 767px) {
    #wrapper {
      min-width: inherit;
      overflow-x: hidden;
      padding-top: 55px; } }
  #wrapper img {
    max-width: 100%;
    height: auto; }
  #wrapper #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 80px;
    background-color: #fff; }
    @media only screen and (max-width: 767px) {
      #wrapper #header {
        height: 55px; } }
    #wrapper #header .siteID {
      position: absolute;
      top: 24px;
      left: 83px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1;
      font-weight: 600; }
      #wrapper #header .siteID a {
        height: 33px;
        display: block; }
      #wrapper #header .siteID img {
        width: 112px;
        margin-right: 25px;
        vertical-align: middle; }
      @media only screen and (max-width: 767px) {
        #wrapper #header .siteID {
          top: 12px;
          left: 4%;
          font-size: 12px;
          font-size: 1.2rem; }
          #wrapper #header .siteID a {
            height: 28px; }
          #wrapper #header .siteID img {
            width: 96px;
            margin-right: 20px; } }
    #wrapper #header #gNav_lg {
      position: absolute;
      top: 0;
      right: 0; }
      @media only screen and (max-width: 767px) {
        #wrapper #header #gNav_lg {
          display: none; } }
      #wrapper #header #gNav_lg li {
        font-size: 0px;
        font-size: 0rem;
        display: inline-block;
        vertical-align: top;
        margin-left: 30px; }
        #wrapper #header #gNav_lg li a {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 600;
          line-height: 1;
          text-align: center;
          padding: 18px 5px;
          margin: 0;
          display: block; }
          #wrapper #header #gNav_lg li a span {
            font-size: 12px;
            font-size: 1.2rem;
            font-family: 'Kanit', sans-serif;
            font-style: italic;
            font-weight: 500;
            color: #008B32;
            margin-top: 8px;
            display: block; }
        #wrapper #header #gNav_lg li:last-child a {
          color: white;
          padding: 18px 25px;
          background-color: #008B32; }
          #wrapper #header #gNav_lg li:last-child a span {
            font-size: 19px;
            font-size: 1.9rem;
            color: white; }
  #wrapper #gNav_xs {
    display: none; }
    @media only screen and (max-width: 767px) {
      #wrapper #gNav_xs {
        display: block;
        position: relative; }
        #wrapper #gNav_xs .menuBtn {
          display: block;
          position: fixed;
          top: 0;
          right: 0;
          width: 55px;
          height: 55px;
          background-color: #008B32;
          z-index: 110; }
          #wrapper #gNav_xs .menuBtn span {
            display: inline-block;
            position: absolute;
            background-color: white;
            width: 35px;
            height: 2px;
            transition: 0.4s all ease; }
            #wrapper #gNav_xs .menuBtn span:nth-of-type(1) {
              top: 15px;
              left: 10px; }
            #wrapper #gNav_xs .menuBtn span:nth-of-type(2) {
              top: 25px;
              left: 10px; }
          #wrapper #gNav_xs .menuBtn.open span:nth-of-type(1) {
            -webkit-transform: translateY(5px) translateX(0px) rotate(-30deg);
            transform: translateY(5px) translateX(0px) rotate(-30deg); }
          #wrapper #gNav_xs .menuBtn.open span:nth-of-type(2) {
            -webkit-transform: translateY(-5px) translateX(0px) rotate(30deg);
            transform: translateY(-5px) translateX(0px) rotate(30deg); }
          #wrapper #gNav_xs .menuBtn em {
            position: absolute;
            bottom: 5px;
            left: 11px;
            font-family: 'Kanit', sans-serif;
            font-style: italic;
            font-size: 12px;
            font-size: 1.2rem;
            font-weight: 500;
            color: white; }
        #wrapper #gNav_xs ul {
          position: fixed;
          top: 55px;
          right: 0;
          z-index: 50;
          width: 100%;
          padding: 4%;
          padding-top: 0;
          background-color: white;
          overflow: hidden;
          -webkit-overflow-scrolling: touch;
          -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
          transition: 0.6s all ease;
          opacity: 1;
          border-top: solid 2px #008B32; }
          #wrapper #gNav_xs ul.open {
            -webkit-transform: translateY(0);
            transform: translateY(0); }
          #wrapper #gNav_xs ul li {
            font-size: 0px;
            font-size: 0rem;
            display: block;
            padding: 0;
            margin: 0; }
            #wrapper #gNav_xs ul li a {
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: 600;
              line-height: 1;
              display: block;
              text-align: left;
              padding: 15px 0;
              border-bottom: solid 1px #E3E3E3; }
              #wrapper #gNav_xs ul li a:nth-of-type(4), #wrapper #gNav_xs ul li a:nth-of-type(5) {
                border-bottom: none; }
              #wrapper #gNav_xs ul li a:nth-of-type(5) {
                padding: 0; }
              #wrapper #gNav_xs ul li a span {
                font-size: 10px;
                font-size: 1rem;
                font-family: 'Kanit', sans-serif;
                font-style: italic;
                font-weight: 500;
                color: #008B32;
                margin-top: 4px;
                display: block; }
            #wrapper #gNav_xs ul li:last-child a {
              color: white;
              padding: 15px 0;
              text-align: center;
              background-color: #008B32; }
              #wrapper #gNav_xs ul li:last-child a span {
                font-size: 12px;
                font-size: 1.2rem;
                color: white;
                padding-top: 6px; } }
  #wrapper #container {
    padding: 90px 0 0; }
    @media only screen and (max-width: 767px) {
      #wrapper #container {
        padding: 100px 0 0; } }
    #wrapper #container .section {
      width: 100%; }
      #wrapper #container .section p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 2.625; }
        @media only screen and (max-width: 767px) {
          #wrapper #container .section p {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 2.14; } }
    #wrapper #container .contents_inner_1000 {
      width: 1000px; }
    #wrapper #container .contents_inner_1200 {
      width: 1200px; }
    #wrapper #container .contents_inner_1000, #wrapper #container .contents_inner_1200 {
      margin-right: auto;
      margin-left: auto; }
      @media only screen and (max-width: 767px) {
        #wrapper #container .contents_inner_1000, #wrapper #container .contents_inner_1200 {
          width: 100%;
          padding-right: 4%;
          padding-left: 4%; } }
    #wrapper #container .contactBlock {
      width: 900px;
      padding: 40px 0;
      margin: 0 auto;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        #wrapper #container .contactBlock {
          width: 100%;
          padding: 25px 4%; } }
      #wrapper #container .contactBlock .contactBlock_text {
        float: left;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1;
        padding: 20px 0; }
        @media only screen and (max-width: 767px) {
          #wrapper #container .contactBlock .contactBlock_text {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.8;
            padding: 0;
            margin-bottom: 20px; } }
      #wrapper #container .contactBlock .contactBlock_btn {
        float: right; }
        #wrapper #container .contactBlock .contactBlock_btn a {
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: 600;
          line-height: 1;
          color: #008B32;
          display: block;
          padding: 20px 100px;
          border: solid 1px #008B32;
          border-radius: 3px;
          background-image: url("../img/frame/linkArrow01.png");
          background-repeat: no-repeat;
          background-position: right center;
          background-size: 60px; }
          @media only screen and (max-width: 767px) {
            #wrapper #container .contactBlock .contactBlock_btn a {
              font-size: 14px;
              font-size: 1.4rem;
              padding: 15px 0; } }
      @media only screen and (max-width: 767px) {
        #wrapper #container .contactBlock .contactBlock_text, #wrapper #container .contactBlock .contactBlock_btn {
          float: none; } }
  #wrapper #footer {
    width: 100%;
    color: white;
    background-color: #008B32; }
    #wrapper #footer .footer_inner {
      width: 1200px;
      margin: 0 auto;
      padding: 45px 0 40px; }
      @media only screen and (max-width: 767px) {
        #wrapper #footer .footer_inner {
          width: 100%;
          margin: 0;
          padding: 50px 0;
          text-align: center; } }
      #wrapper #footer .footer_inner .siteID {
        float: left; }
        @media only screen and (max-width: 767px) {
          #wrapper #footer .footer_inner .siteID {
            float: none;
            margin-bottom: 15px; } }
        #wrapper #footer .footer_inner .siteID img {
          width: 110px; }
      #wrapper #footer .footer_inner .address {
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 400;
        float: left;
        margin-top: -3px;
        margin-left: 30px; }
        @media only screen and (max-width: 767px) {
          #wrapper #footer .footer_inner .address {
            float: none;
            margin: 0;
            margin-bottom: 6.666666%; } }
      #wrapper #footer .footer_inner #fNav, #wrapper #footer .footer_inner #uNav {
        font-size: 0px;
        font-size: 0rem;
        float: right;
        width: 51%;
        text-align: right; }
        @media only screen and (max-width: 767px) {
          #wrapper #footer .footer_inner #fNav, #wrapper #footer .footer_inner #uNav {
            float: none;
            width: 100%;
            text-align: center; } }
        #wrapper #footer .footer_inner #fNav li, #wrapper #footer .footer_inner #uNav li {
          font-weight: 500;
          line-height: 1;
          display: inline-block; }
          #wrapper #footer .footer_inner #fNav li a, #wrapper #footer .footer_inner #uNav li a {
            color: white; }
          #wrapper #footer .footer_inner #fNav li:hover, #wrapper #footer .footer_inner #uNav li:hover {
            text-decoration: underline; }
      #wrapper #footer .footer_inner #fNav {
        margin-top: 10px;
        margin-bottom: 40px; }
        #wrapper #footer .footer_inner #fNav li {
          font-size: 14px;
          font-size: 1.4rem;
          margin-left: 40px; }
      #wrapper #footer .footer_inner #uNav {
        display: flex;
        align-items: center;
        justify-content: end; }
        @media only screen and (max-width: 767px) {
          #wrapper #footer .footer_inner #uNav {
            display: block; } }
        #wrapper #footer .footer_inner #uNav .logo {
          line-height: 2.8rem; }
        #wrapper #footer .footer_inner #uNav li {
          font-size: 12px;
          font-size: 1.2rem;
          margin-left: 20px; }
          @media only screen and (max-width: 767px) {
            #wrapper #footer .footer_inner #uNav li {
              margin: 0 3.333333%;
              margin-bottom: 6.666666%; } }
      #wrapper #footer .footer_inner .copy {
        font-size: 12px;
        font-size: 1.2rem;
        font-family: 'Kanit', sans-serif;
        font-style: italic;
        font-weight: 400;
        line-height: 1;
        float: left; }
        @media only screen and (max-width: 767px) {
          #wrapper #footer .footer_inner .copy {
            float: none;
            font-size: 11px;
            font-size: 1.1rem; } }

/*  ------------------------------------------------------------------
	clearfix
---------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clear {
  clear: both; }

/*# sourceMappingURL=common.css.map */