.w1000 {
  width: 1000px;
  margin: 0 auto; }

@media print, screen and (min-width: 670px) {
  .sp {
    display: none; } }
#wrapper {
  font-size: 107%; }
  @media screen and (max-width: 670px) {
    #wrapper {
      font-size: 100%;
      width: 100%;
      background: url("../images/bg_kodawari_sp.jpg") repeat-y;
      background-size: contain; } }
  #wrapper #header {
    position: relative;
    width: 100%;
    min-width: 1000px;
    background: url(../../common/img/header-bg.gif) repeat-x; }
    #wrapper #header .header-in {
      padding-top: 23px;
      padding-bottom: 26px;
      width: 1000px;
      margin: 0 auto; }
      #wrapper #header .header-in .header-L {
        width: 465px;
        float: left; }
        #wrapper #header .header-in .header-L h1 {
          font-weight: normal;
          line-height: 1;
          font-size: 69%;
          color: #e60000;
          margin-bottom: 10px; }
      #wrapper #header .header-in .header-R {
        width: 261px;
        float: right; }
        #wrapper #header .header-in .header-R p {
          line-height: 1;
          margin-top: 14px;
          font-size: 75%;
          text-align: right; }
          #wrapper #header .header-in .header-R p a {
            color: #4f400d;
            text-decoration: underline; }
  #wrapper #nav {
    width: 100%;
    height: 61px;
    background: url(../../common/img/nav_bg.gif) repeat-x; }
    #wrapper #nav .nav-in {
      width: 1000px;
      margin: 0 auto; }
      #wrapper #nav .nav-in ul {
        margin: 0;
        padding: 0; }
        #wrapper #nav .nav-in ul li {
          width: 250px;
          float: left; }
  #wrapper #contents {
    min-width: 1000px;
    background: url(../../common/img/pankuzu_bg.gif) top center repeat-x; }
    @media screen and (max-width: 670px) {
      #wrapper #contents {
        width: 100%;
        min-width: 0;
        background: url(../../common/img/sp/top_sp.jpg) top center repeat-x;
        background-size: contain; } }
    #wrapper #contents #pankuzu {
      width: 100%;
      line-height: 1;
      padding-top: 30px;
      margin-bottom: 16px; }
      #wrapper #contents #pankuzu .pankuzu-in {
        width: 1000px;
        margin: 0 auto; }
        @media screen and (max-width: 670px) {
          #wrapper #contents #pankuzu .pankuzu-in {
            width: 93.75%;
            margin: 0 3.125%; } }
        #wrapper #contents #pankuzu .pankuzu-in ul li {
          font-size: 67%;
          display: inline;
          color: #4f400d; }
          #wrapper #contents #pankuzu .pankuzu-in ul li a {
            color: #946809; }
    #wrapper #contents p.p1 {
      width: 1000px;
      margin: 35px auto 0;
      font-size: 87%;
      color: #4f400d;
      line-height: 1.5; }
      @media screen and (max-width: 670px) {
        #wrapper #contents p.p1 {
          width: 93.75%;
          margin: 10px 3.125%;
          font-size: 75%; } }
    #wrapper #contents p.p1-2 {
      width: 1000px;
      margin: 15px auto 30px;
      color: #4f400d;
      font-size: 75%;
      line-height: 1.4; }
      @media screen and (max-width: 670px) {
        #wrapper #contents p.p1-2 {
          width: 93.75%;
          margin: 0 3.125% 20px;
          font-size: 63%; } }
    #wrapper #contents .main {
      width: 1000px;
      margin: 0 auto;
      line-height: 1; }
      @media screen and (max-width: 670px) {
        #wrapper #contents .main {
          width: 100%; } }
      #wrapper #contents .main .main-L {
        width: 720px;
        float: left; }
        @media screen and (max-width: 670px) {
          #wrapper #contents .main .main-L {
            width: 100%;
            float: none; } }
        #wrapper #contents .main .main-L .block {
          background: url(../../common/img/cont_bg.gif) repeat-y;
          margin-bottom: 30px; }
          @media screen and (max-width: 670px) {
            #wrapper #contents .main .main-L .block {
              background-size: contain;
              margin: 0 3.125% 30px; } }
          #wrapper #contents .main .main-L .block .block-in {
            width: 664px;
            margin: 0 auto;
            padding-top: 20px; }
            @media screen and (max-width: 670px) {
              #wrapper #contents .main .main-L .block .block-in {
                width: 100%;
                padding-top: 10px; } }
            #wrapper #contents .main .main-L .block .block-in .blo-L {
              width: 241px;
              float: left;
              height: 186px;
              background: url(../../common/img/logo_bg.gif) no-repeat center;
              position: relative; }
              @media screen and (max-width: 670px) {
                #wrapper #contents .main .main-L .block .block-in .blo-L {
                  width: 100%;
                  background-size: 80% 100%; } }
              #wrapper #contents .main .main-L .block .block-in .blo-L ul li {
                display: table; }
                @media screen and (max-width: 670px) {
                  #wrapper #contents .main .main-L .block .block-in .blo-L ul li {
                    width: 100%; } }
                #wrapper #contents .main .main-L .block .block-in .blo-L ul li p {
                  width: 241px;
                  height: 186px;
                  display: table-cell;
                  layout-grid-line: 186px;
                  text-align: center;
                  vertical-align: middle; }
                  @media screen and (max-width: 670px) {
                    #wrapper #contents .main .main-L .block .block-in .blo-L ul li p {
                      width: 100%; } }
            #wrapper #contents .main .main-L .block .block-in .blo-R {
              float: right;
              width: 403px; }
              @media screen and (max-width: 670px) {
                #wrapper #contents .main .main-L .block .block-in .blo-R {
                  width: 100%; } }
              #wrapper #contents .main .main-L .block .block-in .blo-R .ttl {
                width: 403px;
                margin: 4px 0 6px; }
                @media screen and (max-width: 670px) {
                  #wrapper #contents .main .main-L .block .block-in .blo-R .ttl {
                    width: 91.6%;
                    padding: 0 4.2%;
                    margin: 15px auto 5px; } }
                #wrapper #contents .main .main-L .block .block-in .blo-R .ttl .ttl-L {
                  width: 164px;
                  float: left; }
                  @media screen and (max-width: 670px) {
                    #wrapper #contents .main .main-L .block .block-in .blo-R .ttl .ttl-L {
                      width: 45%; }
                      #wrapper #contents .main .main-L .block .block-in .blo-R .ttl .ttl-L img {
                        width: 100%; } }
                #wrapper #contents .main .main-L .block .block-in .blo-R .ttl h4.ttl-R {
                  width: 231px;
                  float: left;
                  font-size: 119%;
                  color: #48250c;
                  line-height: 1.3;
                  padding: 4px 0 0 0;
                  margin-left: 8px; }
                  @media screen and (max-width: 670px) {
                    #wrapper #contents .main .main-L .block .block-in .blo-R .ttl h4.ttl-R {
                      width: 55%;
                      margin: 0;
                      font-size: 94%;
                      padding-top: 6px; } }
              #wrapper #contents .main .main-L .block .block-in .blo-R p.p2 {
                line-height: 1.6;
                font-size: 82%;
                color: #4f400d;
                margin-top: 10px;
                margin-bottom: 20px; }
                @media screen and (max-width: 670px) {
                  #wrapper #contents .main .main-L .block .block-in .blo-R p.p2 {
                    font-size: 75%;
                    margin: 10px 3.125% 10px; } }
              #wrapper #contents .main .main-L .block .block-in .blo-R table {
                display: block;
                border: 1px solid #efebe5;
                padding: 2px;
                background: #fff; }
                @media screen and (max-width: 670px) {
                  #wrapper #contents .main .main-L .block .block-in .blo-R table {
                    width: 90%;
                    margin: 0 auto; } }
                #wrapper #contents .main .main-L .block .block-in .blo-R table tr {
                  margin-left: 12px; }
                  #wrapper #contents .main .main-L .block .block-in .blo-R table tr td {
                    line-height: 1; }
                  #wrapper #contents .main .main-L .block .block-in .blo-R table tr td.tdleft {
                    width: 70px;
                    vertical-align: middle;
                    background: url(../../common/img/privilege_bg.gif) repeat-y; }
                    @media screen and (max-width: 670px) {
                      #wrapper #contents .main .main-L .block .block-in .blo-R table tr td.tdleft {
                        width: 70px; } }
                  #wrapper #contents .main .main-L .block .block-in .blo-R table tr td.tdright {
                    padding: 5px 20px; }
                    @media screen and (max-width: 670px) {
                      #wrapper #contents .main .main-L .block .block-in .blo-R table tr td.tdright {
                        padding: 5px 5px; } }
                    #wrapper #contents .main .main-L .block .block-in .blo-R table tr td.tdright ul {
                      list-style-position: inside; }
                      #wrapper #contents .main .main-L .block .block-in .blo-R table tr td.tdright ul li {
                        line-height: 1.6;
                        font-size: 87%;
                        color: #4f400d; }
                        @media screen and (max-width: 670px) {
                          #wrapper #contents .main .main-L .block .block-in .blo-R table tr td.tdright ul li {
                            font-size: 75%; } }
              #wrapper #contents .main .main-L .block .block-in .blo-R .btn-area {
                margin-top: 20px;
                padding-bottom: 18px; }
                @media screen and (max-width: 670px) {
                  #wrapper #contents .main .main-L .block .block-in .blo-R .btn-area {
                    width: 100%;
                    text-align: center; } }
        #wrapper #contents .main .main-L .caption {
          width: 720px;
          background: url(../../common/img/caption_bg.gif) left top repeat-y; }
          @media screen and (max-width: 670px) {
            #wrapper #contents .main .main-L .caption {
              width: 93.75%;
              margin: 0 3.125%; } }
          #wrapper #contents .main .main-L .caption p {
            font-size: 107%;
            line-height: 1;
            padding: 10px 0 7px 23px;
            color: #4f400d;
            font-weight: bold; }
            @media screen and (max-width: 670px) {
              #wrapper #contents .main .main-L .caption p {
                font-size: 88%;
                padding: 8px 0 5px 15px; } }
        #wrapper #contents .main .main-L .flow_txt {
          margin: 10px 0 15px;
          background: url(../../common/img/cont_bg.gif) repeat-y; }
          @media screen and (max-width: 670px) {
            #wrapper #contents .main .main-L .flow_txt {
              width: 93.75%;
              margin: 10px 3.125% 15px; } }
          #wrapper #contents .main .main-L .flow_txt ul {
            font-size: 82%;
            padding-left: 30px; }
            @media screen and (max-width: 670px) {
              #wrapper #contents .main .main-L .flow_txt ul {
                padding: 0;
                margin: 0 3.125%; } }
            #wrapper #contents .main .main-L .flow_txt ul li {
              line-height: 16px;
              margin-bottom: 12px;
              color: #8e6936; }
              @media screen and (max-width: 670px) {
                #wrapper #contents .main .main-L .flow_txt ul li {
                  font-size: 82%; } }
            #wrapper #contents .main .main-L .flow_txt ul li.flow_01 {
              padding-left: 25px;
              background: url(../../common/img/flow_icon_01.gif) left top no-repeat; }
            #wrapper #contents .main .main-L .flow_txt ul li.flow_02 {
              padding-left: 25px;
              background: url(../../common/img/flow_icon_02.gif) left top no-repeat; }
            #wrapper #contents .main .main-L .flow_txt ul li.flow_03 {
              padding-left: 25px;
              background: url(../../common/img/flow_icon_03.gif) left top no-repeat; }
        #wrapper #contents .main .main-L .anc-area {
          width: 460px;
          margin: 0 auto 70px; }
          @media screen and (max-width: 670px) {
            #wrapper #contents .main .main-L .anc-area {
              width: 93.75%; } }
          #wrapper #contents .main .main-L .anc-area .anc-L {
            width: 220px;
            float: left; }
            @media screen and (max-width: 670px) {
              #wrapper #contents .main .main-L .anc-area .anc-L {
                width: 50%;
                text-align: center; } }
          #wrapper #contents .main .main-L .anc-area .anc-R {
            width: 220px;
            float: right; }
            @media screen and (max-width: 670px) {
              #wrapper #contents .main .main-L .anc-area .anc-R {
                width: 50%;
                text-align: center; } }


        #wrapper #contents .main .main-L .anc-area3 {
          width: auto;
          margin: 0 auto 70px; }
          @media screen and (max-width: 670px) {
            #wrapper #contents .main .main-L .anc-area3 {
              width: 93.75%; } }
          #wrapper #contents .main .main-L .anc-area3 .anc-3 {
            width: 33.33333333%;
            float: left;
			text-align: center;}
            @media screen and (max-width: 670px) {
              #wrapper #contents .main .main-L .anc-area .anc-3 {
                width: 33.33333333%; } }

        #wrapper #contents .main .main-L .anc-area4 {
          width: auto;
          margin: 0 auto 70px; }
          @media screen and (max-width: 670px) {
            #wrapper #contents .main .main-L .anc-area4 {
              width: 93.75%; } }
          #wrapper #contents .main .main-L .anc-area4 .anc-4 {
            width: 25%;
            float: left;
			text-align: center;}
            @media screen and (max-width: 670px) {
              #wrapper #contents .main .main-L .anc-area4 .anc-4 {
                width: 50%;
				 padding-bottom: 20px;} }


      #wrapper #contents .main .main-R {
        width: 250px;
        float: right; }
        #wrapper #contents .main .main-R .side_nav {
          margin-bottom: 31px; }
    #wrapper #contents .go_top {
      width: 1000px;
      margin: 60px auto 30px; }
      @media screen and (max-width: 670px) {
        #wrapper #contents .go_top {
          margin-right: 3.125%;
          width: 100%; } }
      #wrapper #contents .go_top p {
        float: right; }
        @media screen and (max-width: 670px) {
          #wrapper #contents .go_top p {
            margin-right: 3.125%; } }
  #wrapper #footer {
    position: relative;
    background: #f7f3ed;
    min-width: 1000px; }
    #wrapper #footer .bottom_nav {
      position: relative;
      width: 100%;
      background: url(../../common/img/bottom_nav_bg.gif) top repeat-x; }
      #wrapper #footer .bottom_nav .nav_wrap {
        width: 1000px;
        display: block;
        margin: 0 auto;
        position: relative; }
        #wrapper #footer .bottom_nav .nav_wrap ul {
          padding-top: 35px;
          width: 942px;
          margin: 0 auto; }
          #wrapper #footer .bottom_nav .nav_wrap ul li {
            display: block;
            background: url(../../common/img/icon.gif) left center no-repeat;
            font-size: 69%;
            padding-left: 16px;
	/*width: 195px;*/
	width:170px;
            float: left;
            line-height: 1.3;
            background-position: 0 1px; }
            #wrapper #footer .bottom_nav .nav_wrap ul li a {
              color: #4f400d;
              text-decoration: none; }
        #wrapper #footer .bottom_nav .nav_wrap h3 {
          text-align: center;
          margin: auto;
          padding-top: 40px;
          padding-bottom: 30px;
          width: 1000px; }
    #wrapper #footer .copy_area {
      width: 100%;
      background: url(../../common/img/footer_bg.gif) repeat-x; }
      #wrapper #footer .copy_area .copy {
        width: 1000px;
        margin: 0 auto; }
        #wrapper #footer .copy_area .copy p {
          text-align: center;
          color: #fff;
          font-size: 69%;
          line-height: 56px; }
    #wrapper #footer p.p1 {
      text-align: right;
      font-size: 69%;
      padding-bottom: 10px; }
      #wrapper #footer p.p1 a {
        color: #614C06; }

@media screen and (max-width: 670px) {
  .pc {
    display: none; }

  .sp {
    max-width: 670px; }

  .sp-head {
    width: 100%; }
    .sp-head h1 {
      margin-bottom: 15px; }
    .sp-head .fl-area {
      width: 100%; }
      .sp-head .fl-area .fl-L {
        width: 48%;
        margin-left: 2%;
        float: left; }
        .sp-head .fl-area .fl-L p {
          font-size: 11px; }
          .sp-head .fl-area .fl-L p a {
            color: #946809;
            text-decoration: underline; }
      .sp-head .fl-area .fl-R {
        width: 50%;
        float: right; }

  .footersp {
    width: 100%;
    background: url(../../common/img/sp/ft_bg_sp.gif) repeat-y top center;
    background-size: contain; }
    .footersp ul {
      margin-left: 2%;
      width: 98%; }
      .footersp ul li {
        background: url(../../common/img/sp/icon_nav.gif) left top no-repeat;
        font-size: 11px;
        padding-left: 15px;
        margin-bottom: 15px;
        width: 45%;
        display: inline-block;
        line-height: 12px; }
        .footersp ul li a {
          color: #946809; }
    .footersp p.psp1 {
      font-size: 11px;
      text-align: center;
      padding-bottom: 20px; }
      .footersp p.psp1 a {
        color: #946809; }
    .footersp .copysp {
      width: 100%;
      background: url(../../common/img/sp/copy_bg_sp.gif) repeat-x; }
      .footersp .copysp p {
        text-align: center;
        font-size: 63%;
        line-height: 33px;
        color: #fff; } }
nav {
  width: 100%;
  z-index: 10; }

@media print, screen and (min-width: 670px) {
  /* line 32, ../sass/style.scss */
  nav {
    display: none; } }
/* line 42, ../sass/style.scss */
nav .menu {
  width: 100%;
  text-align: right;
  background: #f2f2ed; }

/* line 46, ../sass/style.scss */
nav .menu a {
  display: inline-block;
  width: 34px; }

/* line 51, ../sass/style.scss */
nav ul {
  width: 100%;
  display: none; }

/* line 54, ../sass/style.scss */
nav ul li {
  width: 100%;
  background: #f2f2ed; }

/* line 58, ../sass/style.scss */
nav ul a {
  font-size: 14px;
  line-height: 15px;
  display: block;
  padding: 15px 0 15px 45px;
  max-width: 100%;
  color: #946809;
  background: url("../images/icon_nav_arrow.png") left center no-repeat;
  background-size: 33px 15px; }

/* line 67, ../sass/style.scss */
nav ul a:link, nav ul a:visited, nav ul a:hover, nav ul a:active {
  color: #946809;
  text-decoration: none; }

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


#wrapper #contents .main .main-L .block .block-in .blo-R .btn-area .btn-L {
	width: 200px;
	float: left;
}
 @media screen and (max-width: 670px) {
 #wrapper #contents .main .main-L .block .block-in .blo-R .btn-area .btn-L {
 width: 100%;
 float: none;
 text-align: center;
 margin-bottom: 10px;
}
}
#wrapper #contents .main .main-L .block .block-in .blo-R .btn-area .btn-R {
	width: 192px;
	float: right;
}
 @media screen and (max-width: 670px) {
 #wrapper #contents .main .main-L .block .block-in .blo-R .btn-area .btn-R {
 width: 100%;
 float: none;
 text-align: center;
}
}