@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@700&display=swap");
html {
  font-size: 62.5%;
  min-height: 100%;
  overflow-y: scroll;
  background: #F9F4E0;
}

@media (max-width: 480px) {
  html {
    width: 100%;
    height: 100%;
  }
}

html body,
html dd,
html div,
html dl,
html dt,
html fieldset,
html form,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6,
html input,
html li,
html ol,
html p,
html td,
html textarea,
html th,
html ul {
  padding: 0;
  margin: 0;
}

html img {
  max-width: 100%;
  vertical-align: bottom;
}

html article,
html aside,
html details,
html figcaption,
html figure,
html footer,
html header,
html hgroup,
html menu,
html nav,
html section {
  display: block;
  padding: 0;
  margin: 0;
}

html address,
html caption,
html em,
html strong,
html th {
  font-style: normal;
}

html caption,
html th {
  text-align: left;
}

html hr,
html legend {
  display: none;
}

html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-size: 100%;
}

html ol,
html ul {
  list-style: none;
}

html a img,
html fieldset {
  border: none;
}

html a:visited {
  text-decoration: none;
}

html p {
  margin-bottom: 12px;
}

html * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html blockquote,
html dl,
html ol,
html pre,
html table,
html ul {
  margin-bottom: 0;
}

html table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  color: #512700;
  font-size: 1.5em;
  font-family: "Noto Sans JP", "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  -webkit-text-size-adjust: none;
  letter-spacing: 1.5px;
  line-height: 1.8;
  height: 100%;
  min-width: 1040px;
  background: #F9F4E0;
}

@media (max-width: 480px) {
  body {
    position: relative;
    width: 100%;
    min-width: 100%;
    font-size: 1.5em;
    -webkit-overflow-scrolling: touch;
  }
}

.font-en {
  font-family: "Roboto", sans-serif;
}

#page {
  margin: 0 auto;
  width: auto;
}

@media (max-width: 480px) {
  #page {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 480px) {
  #page.open {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: fixed;
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0);
  }
}

.fixed #header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-animation: slideDown 0.7s ease forwards;
          animation: slideDown 0.7s ease forwards;
}

@-webkit-keyframes slideDown {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideDown {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.fixed_btnlist {
  position: fixed;
  z-index: 99;
  right: 0;
  bottom: 20%;
}

@media (max-width: 480px) {
  .fixed_btnlist {
    width: calc(100% - 10px);
    right: 5px;
    bottom: 5px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    gap: 5px;
    text-align: center;
  }
}

.fixed_btnlist li:nth-child(2) a {
  background: #000;
}

.fixed_btnlist li:nth-child(2) a:hover {
  color: #C8161D;
}

.fixed_btnlist li:nth-child(2) a:hover span {
  background: url(../img/ico-mail.svg) no-repeat;
  background-position: top center;
}

@media (max-width: 480px) {
  .fixed_btnlist li:nth-child(2) a:hover span {
    background: none;
  }
}

.fixed_btnlist li:nth-child(2) a span {
  background: url(../img/ico-mail-wh.svg) no-repeat;
  background-position: top center;
  -webkit-transition: .7s;
  transition: .7s;
}

@media (max-width: 480px) {
  .fixed_btnlist li:nth-child(2) a span {
    background: none;
  }
}

.fixed_btnlist li a {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  background: #C8161D;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  padding: 20px 10px;
  -webkit-transition: .7s;
  transition: .7s;
  border-left: solid 1px #fff;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

@media (max-width: 480px) {
  .fixed_btnlist li a {
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    border: none;
    display: block;
    padding: 15px 10px;
    border-radius: 8px;
    border: solid 2px #fff;
  }
}

.fixed_btnlist li a:hover {
  background: #fff;
  color: #C8161D;
}

.fixed_btnlist li a:hover span {
  background: url(../img/ico-cart-red.svg) no-repeat;
  background-position: top center;
}

@media (max-width: 480px) {
  .fixed_btnlist li a:hover span {
    background: none;
  }
}

.fixed_btnlist li a span {
  background: url(../img/ico-cart.svg) no-repeat;
  background-position: top center;
  padding: 30px 0 0;
  -webkit-transition: .7s;
  transition: .7s;
}

@media (max-width: 480px) {
  .fixed_btnlist li a span {
    background: none;
    padding: 0;
  }
}

#header {
  min-width: 1020px;
  border-bottom: solid 3px #C8161D;
  background: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (max-width: 480px) {
  #header {
    min-width: 100%;
  }
}

#header .header {
  margin: 0 auto;
  padding: 10px 50px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 480px) {
  #header .header {
    padding: 0;
    max-width: 100%;
  }
}

#header .header img {
  display: block;
}

@media (max-width: 480px) {
  #header .header img {
    width: 100%;
  }
}

#header .header .head-logo {
  width: 240px;
}

@media (max-width: 480px) {
  #header .header .head-logo {
    width: 50%;
    padding: 0 0 0 15px;
  }
}

@media (max-width: 480px) {
  #header .header .head-inquiry {
    display: none;
  }
}

#header .header .head-inquiry img {
  width: 280px;
}

#header .header .head-inquiry .time {
  font-weight: bold;
  font-size: 12px;
  margin: 0;
}

#header .header #sp_navi {
  display: none;
}

@media (max-width: 480px) {
  #header .header #sp_navi {
    width: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (max-width: 480px) {
  #header .header #sp_navi li {
    width: 47%;
  }
}

@media (max-width: 480px) {
  #gnavi {
    font-size: 1.1rem;
    border-top: inherit;
    border-bottom: inherit;
    padding: 20px 5%;
    height: 100%;
    width: 80%;
    min-width: 80%;
    background: #000;
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    right: -80%;
    top: 0;
  }
}

#gnavi > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 480px) {
  #gnavi > ul {
    padding: 5% 0;
    max-width: 100%;
    display: block;
  }
}

#gnavi > ul:after {
  content: '';
  display: block;
  clear: both;
}

@media (max-width: 480px) {
  #gnavi > ul > li {
    border-bottom: 1px solid #fff;
    width: 100%;
    float: none;
    margin: 0;
  }
}

#gnavi > ul > li:first-child > a:before {
  content: none;
}

#gnavi > ul > li > a {
  color: #512700;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
  letter-spacing: 2px;
  line-height: 1.5;
  display: block;
  position: relative;
  z-index: 1;
  font-weight: normal;
  line-height: 1;
  padding: 17px 1em;
  -webkit-transition: .7s;
  transition: .7s;
}

@media (max-width: 480px) {
  #gnavi > ul > li > a {
    color: #fff;
    text-align: left;
    padding: 14px 0;
    background: #000;
  }
}

#gnavi > ul > li > a::before {
  content: '';
  display: block;
  width: 1px;
  height: 1em;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

#gnavi > ul > li > a:hover {
  color: #C8161D;
  font-weight: bold;
}

#gnavi > ul li.navi_slide {
  cursor: pointer;
  position: relative;
}

@media (max-width: 480px) {
  #gnavi > ul li.navi_slide {
    border-bottom: 0;
    cursor: default;
  }
}

#gnavi > ul li.navi_slide:hover ul {
  display: block;
}

#gnavi > ul li.navi_slide a {
  cursor: default;
}

@media (max-width: 480px) {
  #gnavi > ul li.navi_slide a {
    cursor: default;
  }
}

#gnavi > ul li.navi_slide ul {
  padding: 0 14px;
  height: inherit;
  width: 200%;
  background: rgba(255, 255, 255, 0.95);
  display: none;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  overflow: hidden;
  z-index: 5000;
}

@media (max-width: 480px) {
  #gnavi > ul li.navi_slide ul {
    font-size: 1.3rem;
    border-bottom: inherit;
    border-radius: 0 0 4px 4px;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 0;
    height: inherit;
    width: 100%;
    background: #505050;
    display: block;
    position: inherit;
    zoom: 1;
  }
}

#gnavi > ul li.navi_slide ul li {
  color: #595757;
  text-align: center;
  border-bottom: 1px dashed #cccccc;
  margin: 0;
  width: 100%;
  float: none;
}

@media (max-width: 480px) {
  #gnavi > ul li.navi_slide ul li {
    border-bottom: 1px dashed #666;
  }
}

#gnavi > ul li.navi_slide ul li:last-child {
  border: 0;
}

#gnavi > ul li.navi_slide ul li a {
  color: #444;
  cursor: pointer;
  font-size: 1.2rem;
  text-align: left;
  text-decoration: none;
  text-shadow: inherit;
  letter-spacing: 1px;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0 auto;
  padding: 12px 0;
  background: none;
  display: block;
  position: inherit;
}

@media (max-width: 480px) {
  #gnavi > ul li.navi_slide ul li a {
    color: #fff;
    text-align: left;
    text-decoration: none;
    text-shadow: inherit;
    letter-spacing: 1px;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0 auto;
    padding: 15px 5%;
    background: none;
    display: block;
    position: inherit;
  }
}

#gnavi > ul li.navi_slide ul li a:after, #gnavi > ul li.navi_slide ul li a:before {
  border: 0;
  content: " ";
}

@media (max-width: 480px) {
  #gnavi > ul li.navi_slide ul li a:after, #gnavi > ul li.navi_slide ul li a:before {
    content: none;
  }
}

@media (max-width: 480px) {
  #gnavi > ul li.navi_slide ul li a:hover {
    color: #fff;
  }
}

#gnavi > ul li.navi_slide ul li a:hover:before {
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
  background: none;
}

@media (max-width: 480px) {
  #gnavi #close {
    color: #fff;
    font-size: 1.5rem;
    border: 1px solid #555;
    padding: 5px 5%;
    width: 100%;
    background: #393939;
  }
  #gnavi #close span {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  #drawer_underlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media (max-width: 480px) {
  #gnavi.open {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.color-red {
  color: #C8161D;
}

#contents .contents_header {
  background: url(../img/bg5-pc.jpg) repeat-y;
  background-size: 100%;
  padding: 0 15px;
  height: 178px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  #contents .contents_header {
    height: 150px;
  }
}

#contents .contents_header .head_inner .title {
  font-size: 36px;
  text-align: center;
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media (max-width: 480px) {
  #contents .contents_header .head_inner .title {
    font-size: 26px;
  }
}

#contents .breadcrumbs {
  padding: 5px 0;
}

@media (max-width: 480px) {
  #contents .breadcrumbs {
    padding: 5px;
  }
}

#contents .breadcrumbs ul {
  margin: 0 auto;
  max-width: 1020px;
}

@media (max-width: 480px) {
  #contents .breadcrumbs ul {
    max-width: 100%;
  }
}

#contents .breadcrumbs ul:after {
  content: '';
  display: block;
  clear: both;
}

#contents .breadcrumbs ul li {
  font-size: 1.3rem;
  margin-right: 5px;
  float: left;
}

#contents .breadcrumbs ul li a {
  color: #512700;
  margin-right: 4px;
  display: inline-block;
}

#contents .breadcrumbs ul li a:hover {
  text-decoration: none;
}

#contents .section {
  padding: 80px 0;
}

@media (max-width: 480px) {
  #contents .section {
    padding: 60px 0 40px;
  }
}

#contents .section:last-child {
  padding-bottom: 100px;
}

#contents .section h2.section_title {
  font-size: 44px;
  margin: 0 auto 80px;
  max-width: 1020px;
  text-align: center;
  line-height: 1.4;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media (max-width: 480px) {
  #contents .section h2.section_title {
    max-width: 100%;
    font-size: 24px;
    margin: 0 0 40px;
  }
}

#contents .section h2.section_title > div {
  display: inline-block;
  background: url(../img/ttl-left.png) no-repeat, url(../img/ttl-right.png) no-repeat;
  background-size: 304px, 304px;
  background-position: left top, bottom right;
  padding: 30px 50px;
  min-width: 400px;
}

@media (max-width: 480px) {
  #contents .section h2.section_title > div {
    background-size: 180px, 180px;
    background-position: left top, bottom right;
    padding: 30px 40px;
    min-width: 300px;
  }
}

#contents .section h2.section_title .font-large {
  font-size: 60px;
}

#contents .section h3.section_title {
  font-size: 28px;
  border-left: solid 10px #C8161D;
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  line-height: 1.6;
}

@media (max-width: 480px) {
  #contents .section h3.section_title {
    font-size: 22px;
  }
}

#contents .section h4.section_title {
  background: #efefef;
  border-radius: 8px;
  font-size: 20px;
  color: #666767;
  padding: 10px 15px;
  margin: 40px 0 30px;
  position: relative;
  line-height: 1.6;
}

@media (max-width: 480px) {
  #contents .section h4.section_title {
    font-size: 18px;
  }
}

#contents .section h4.section_title:after {
  content: '';
  display: block;
  background: url(../img/illust1.png) no-repeat;
  background-size: 100%;
  width: 90px;
  height: 70px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 480px) {
  #contents .section h4.section_title:after {
    width: 70px;
    height: 60px;
  }
}

#contents .section .section_inner {
  margin: 0 auto;
  padding: 0 0 20px;
  max-width: 1020px;
}

@media (max-width: 480px) {
  #contents .section .section_inner {
    padding: 0 15px 20px;
    max-width: 100%;
  }
}

#contents .section .section_inner .child_content_section {
  margin-bottom: 20px;
}

#contents .section .section_inner .child_content_section .section_title {
  font-size: 1.8rem;
  border-left: 6px solid #b6c8d3;
  margin-bottom: 30px;
  padding: 10px 15px;
  background: #eef2f4;
}

#contents .section .section_inner .child_content_section .section_inner {
  padding: 0 10px 15px;
  /* .in_content */
}

#contents .section .section_inner .child_content_section .section_inner .in_content {
  padding: 12px 5px 20px;
}

#contents .section .section_inner .child_content_section .section_inner .in_content .title {
  color: #000;
  font-size: 1.6rem;
  margin-bottom: 12px;
  padding: 10px 15px;
  background: #f1f1f1;
}

#contents .section .section_inner .child_content_section .section_inner .in_content .in_content_inner {
  padding: 10px 5px;
}

#contents .section.line {
  border-top: 1px dashed #ccc;
}

#contents .pick_text {
  color: #6699CC;
  font-size: 1.9rem;
  margin-bottom: 16px;
}

#contents .pick_text.fc_red {
  color: #ff0000;
}

.footer {
  min-width: 1020px;
  background: #000;
  position: relative;
}

@media (max-width: 480px) {
  .footer {
    min-width: 100%;
  }
}

.footer #pagetop {
  display: none;
  width: 60px;
}

@media (max-width: 480px) {
  .footer #pagetop {
    width: 15%;
  }
}

.footer #pagetop a {
  text-align: center;
  color: #512700;
  text-decoration: none;
  display: block;
}

.footer #pagetop a img {
  display: block;
}

@media (max-width: 480px) {
  .footer #pagetop a img {
    width: 100%;
  }
}

.footer #pagetop.fixed {
  right: 3%;
  bottom: 50px;
  display: block;
  z-index: 10000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (max-width: 480px) {
  .footer #pagetop.fixed {
    right: 9px;
    bottom: 50px;
    display: block;
    z-index: 10000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.footer .footer_inner {
  padding: 40px 0 20px;
  max-width: 1020px;
  margin: 0 auto;
  color: #fff;
  font-size: .9em;
}

@media (max-width: 480px) {
  .footer .footer_inner {
    display: block;
    padding: 40px 10px 20px;
  }
}

.footer .footer_inner a {
  color: #fff;
}

.footer .footer_inner .footer_info .footer_logo {
  width: 216px;
  margin: 0 auto 20px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_info .footer_logo {
    max-width: 50%;
    margin: 0 auto 20px;
  }
}

.footer .footer_inner .footer_info .tel {
  font-family: 'Roboto';
}

.footer .footer_inner .footer_info .tel a {
  font-size: 28px;
}

.footer .footer_inner .footer_bnr {
  width: 240px;
  margin: 0 auto;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_bnr {
    width: 200px;
  }
}

.footer .footer_inner .footernavi {
  margin-bottom: 40px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi {
    margin: 40px 0 0;
    max-width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.footer .footer_inner .footernavi:after {
  content: '';
  display: block;
  clear: both;
}

.footer .footer_inner .footernavi > ul {
  margin: 0 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi > ul {
    margin: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 40px;
  }
}

.footer .footer_inner .footernavi > ul li {
  margin: 0 0 .2em;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi > ul li {
    width: 50%;
    margin: 0 0 .5em;
  }
}

.footer .footer_inner .footernavi > ul li:first-child a:before {
  content: none;
}

.footer .footer_inner .footernavi > ul li a {
  font-weight: normal;
  padding: 0 1em;
  position: relative;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi > ul li a {
    background: url(../img/ico-arrow2.svg) no-repeat;
    background-position: left center;
    padding: 0 0 0 1.5em;
  }
}

.footer .footer_inner .footernavi > ul li a:before {
  content: '';
  display: block;
  width: 1px;
  height: 1em;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi > ul li a:before {
    content: none;
  }
}

.footer .footer_inner .footernavi > ul .sub {
  margin-top: .2em;
}

.footer .footer_inner .footernavi > ul .sub li {
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer .footer_inner .footernavi > ul .sub li:before {
  content: '-';
  margin-right: .5em;
}

.footer .footer_inner .footernavi > ul .sub li a:hover {
  border: none;
}

.footer .footer_inner .footernavi li a {
  text-decoration: none;
}

.footer .footer_inner .footer_company_navi {
  border-top: 1px solid #fff;
  margin: 0 auto;
  padding: 15px 0;
  max-width: 1020px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_company_navi {
    border-top: 1px solid #58461c;
    padding: 25px 0;
    max-width: 100%;
  }
}

.footer .footer_inner .footer_company_navi ul {
  margin: 0 auto;
  max-width: 1020px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_company_navi ul {
    padding: 0 15px;
    max-width: 100%;
  }
}

.footer .footer_inner .footer_company_navi ul:after {
  content: '';
  display: block;
  clear: both;
}

.footer .footer_inner .footer_company_navi ul li {
  font-size: 1.2rem;
  margin-right: 25px;
  float: left;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_company_navi ul li {
    float: none;
  }
}

.footer .footer_inner .footer_company_navi ul li:before {
  margin-right: 8px;
  content: url("img/footer-point01.png");
  position: relative;
  top: 2px;
}

.footer .copy {
  text-align: center;
  padding: 10px 0;
  color: #fff;
  border-top: solid 1px rgba(255, 255, 255, 0.4);
}

@media (max-width: 480px) {
  .footer .copy {
    padding: 10px 0 13px;
  }
}

.footer .copy p {
  margin: 0;
}

.footer .copy img {
  vertical-align: bottom;
  position: relative;
  top: -4px;
  left: 14px;
}

@media (max-width: 480px) {
  .footer .copy img {
    margin: 0 auto;
    display: block;
    top: 2px;
    left: auto;
  }
}

.footer .copy a {
  font-size: 1.3rem;
  color: #512700;
  text-decoration: none;
  font-size: .8em;
  color: #fff;
}

@media (max-width: 480px) {
  .footer .copy a {
    font-size: 2vw;
  }
}

.access_map {
  width: 100%;
}

@media (max-width: 480px) {
  .access_map {
    width: 100%;
  }
}

.access_map .map_set {
  margin-bottom: 23px;
  height: 450px;
  width: 100%;
}

@media (max-width: 480px) {
  .access_map .map_set {
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    height: 200px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .access_map .map_set .guide {
    font-size: 1rem;
    padding: 13px 10px;
  }
}

.access_map .access_data {
  padding: 15px 0 0;
}

.access_map .access_data dl:after {
  content: '';
  display: block;
  clear: both;
}

.access_map .access_data dl dt {
  font-weight: bold;
  float: left;
}

@media (max-width: 480px) {
  .access_map .access_data dl dt {
    float: none;
  }
}

.access_map .access_data dl dd {
  padding-left: 80px;
}

@media (max-width: 480px) {
  .access_map .access_data dl dd {
    padding-left: 0;
    margin-bottom: 12px;
  }
}

.access_map .access_data dl dd .postal_code {
  margin-right: 1.5rem;
}

@media (max-width: 480px) {
  .access_map .access_data dl dd .postal_code {
    margin-right: 0;
    display: block;
  }
}

.access_map .access_data dl dd a {
  color: #512700;
}

.privacy_section {
  padding: 50px 0 70px;
}

@media (max-width: 480px) {
  .privacy_section {
    padding: 30px 0 40px;
  }
}

.privacy_section .privacy_section_inner {
  margin: 0 auto;
  max-width: 1020px;
}

@media (max-width: 480px) {
  .privacy_section .privacy_section_inner {
    padding: 0 10px;
    max-width: 100%;
  }
}

.privacy_section .privacy_section_inner .privacy_set {
  margin-bottom: 20px;
}

.privacy_section .privacy_section_inner .privacy_set .privacy_set_title {
  font-size: 1.6rem;
  border-left: 6px solid #C8161D;
  margin-bottom: 30px;
  padding: 10px 15px;
  background-color: #000;
  color: #fff;
}

@media (max-width: 480px) {
  .privacy_section .privacy_section_inner .privacy_set .privacy_set_title {
    border-left: 3px solid #C8161D;
    margin-bottom: 20px;
  }
}

.privacy_section .privacy_section_inner .privacy_set .privacy_set_inner {
  padding: 0 10px 15px;
}

@media (max-width: 480px) {
  .privacy_section .privacy_section_inner .privacy_set .privacy_set_inner {
    padding: 0 5px 15px;
  }
}

.privacy_section .privacy_section_inner .privacy_set .privacy_set_inner ul.privacy_list li {
  margin-bottom: 10px;
}

@media (max-width: 480px) {
  .privacy_section .privacy_section_inner .privacy_set .privacy_set_inner ul.privacy_list li {
    text-indent: -45px;
    margin-bottom: 10px;
    padding-left: 35px;
  }
}

.privacy_section .privacy_section_inner .privacy_set .privacy_set_inner dl.privacy_item dt {
  margin-bottom: 4px;
}

@media (max-width: 480px) {
  .privacy_section .privacy_section_inner .privacy_set .privacy_set_inner dl.privacy_item dt {
    margin-bottom: 10px;
  }
}

.privacy_section .privacy_section_inner .privacy_set .privacy_set_inner dl.privacy_item dd {
  margin-bottom: 15px;
  padding-left: 40px;
}

@media (max-width: 480px) {
  .privacy_section .privacy_section_inner .privacy_set .privacy_set_inner dl.privacy_item dd {
    margin-bottom: 30px;
    padding-left: 0;
  }
}

.inquiry_info {
  text-align: center;
}

.inquiry_info .no {
  margin-bottom: 10px;
}

.inquiry_info .no a {
  font-size: 5rem;
  font-family: "arial bold";
  letter-spacing: -1px;
  line-height: 1.0;
  text-decoration: none;
}

@media (max-width: 480px) {
  .inquiry_info .no a {
    font-size: 2.2rem;
    font-family: "Noto Sans JP", "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  }
}

.inquiry_info .no a span {
  font-size: 65%;
}

.inquiry_info .time {
  margin-bottom: 0;
}

.attent_block {
  margin-bottom: 20px;
}

.attent_block .title {
  font-size: 1.6rem;
  text-shadow: 0.3px 0 0 #000;
  border-bottom: 1px solid #333;
  margin: 0 0 10px;
  padding: 5px 0;
}

.attent_block .title:before {
  content: "■";
  font: normal normal normal 18px/1 FontAwesome;
  margin-right: 6px;
}

.attent_block a {
  color: #512700;
}

.thanks_title {
  font-size: 1.9rem;
  text-align: center;
  margin-bottom: 30px;
}

.thanks_msg {
  text-align: center;
  line-height: 2;
}

@media (max-width: 480px) {
  .thanks_msg {
    text-align: left;
  }
}

.thanks_msg p {
  margin-bottom: 20px;
}

#MailForm span.any,
#MailForm span.required {
  color: #fff;
  font-size: 85%;
  border-radius: 3px;
  margin-right: 5px;
  padding: 2px 4px;
}

#MailForm span.required {
  background: #f44747;
}

#MailForm span.any {
  background: #999;
}

#MailForm table {
  margin: 0 0 25px;
  width: 100%;
}

@media (max-width: 480px) {
  #MailForm table {
    border: 0;
  }
}

#MailForm table td,
#MailForm table th {
  font-weight: normal;
  border: 1px solid #999;
  padding: 25px;
}

@media (max-width: 480px) {
  #MailForm table td,
  #MailForm table th {
    border: 0;
    width: 100%;
    display: block;
  }
}

#MailForm table th {
  padding-left: 75px;
  width: 25%;
  background: #F2F2F2;
  position: relative;
}

@media (max-width: 480px) {
  #MailForm table th {
    padding: 12px;
    width: 100%;
  }
}

#MailForm table th span {
  position: absolute;
  left: 25px;
}

@media (max-width: 480px) {
  #MailForm table th span {
    left: auto;
    right: 5px;
  }
}

#MailForm table td {
  background: #fff;
}

@media (max-width: 480px) {
  #MailForm table td {
    padding: 12px;
  }
}

#MailForm input,
#MailForm textarea {
  color: #444;
  font-size: 1.5rem;
  letter-spacing: 1px;
  line-height: 1.4;
  border: 1px solid #e1e1e1;
  padding: 10px;
}

@media (max-width: 480px) {
  #MailForm input,
  #MailForm textarea {
    width: 100%;
  }
}

@media (max-width: 480px) {
  #MailForm input[type="radio"] {
    width: auto;
  }
}

#MailForm select {
  font-size: 1.5rem;
  border: 1px solid #e1e1e1;
  padding: 12px 27px 12px 13px;
  cursor: pointer;
  background: url("../img/select-arrow.png") no-repeat center right 7px/9% #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media all and (-ms-high-contrast: none) {
  #MailForm select {
    background: none;
    padding-right: 13px;
  }
}

#MailForm label {
  padding: 2px 0;
  cursor: pointer;
}

@media (max-width: 480px) {
  #MailForm input[type="submit"],
  #MailForm input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    -moz-appearance: button;
         appearance: button;
    border: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: pointer;
  }
}

@media (max-width: 480px) {
  #MailForm input[type="submit"]::-webkit-search-decoration,
  #MailForm input[type="button"]::-webkit-search-decoration {
    display: none;
  }
}

@media (max-width: 480px) {
  #MailForm input[type="submit"]:focus,
  #MailForm input[type="button"]:focus {
    outline-offset: -2px;
  }
}

#MailForm .form3 {
  vertical-align: middle;
  width: 3%;
}

#MailForm .form25 {
  width: 25%;
}

@media (max-width: 480px) {
  #MailForm .form25 {
    width: 100%;
  }
}

#MailForm .form45 {
  width: 45%;
}

@media (max-width: 480px) {
  #MailForm .form45 {
    width: 100%;
  }
}

#MailForm .form60 {
  width: 60%;
}

@media (max-width: 480px) {
  #MailForm .form60 {
    width: 100%;
  }
}

#MailForm .form90 {
  width: 93%;
}

@media (max-width: 480px) {
  #MailForm .form90 {
    width: 100%;
  }
}

#MailForm .focus {
  background: #ffe7e0;
}

#MailForm .important_text {
  line-height: 1.4;
  margin-bottom: 40px;
}

#MailForm .important_text ul {
  list-style: disc;
  padding: 0 0 0 20px;
}

#MailForm .important_text ul li {
  margin: 0 0 .8em;
}

#MailForm .inquiry_inset {
  margin-bottom: 25px;
}

#MailForm .confirm_txt {
  text-align: center;
}

@media (max-width: 480px) {
  #MailForm .confirm_txt {
    text-align: left;
  }
}

.send_btn_inner {
  padding: 30px 0 0;
}

@media (max-width: 480px) {
  .send_btn_inner {
    padding-top: 0;
  }
}

.send_btn_inner button {
  min-height: 62px;
  line-height: 1.4;
  padding-top: 10px 30px;
  color: #fff;
  width: 400px;
  display: block;
  margin: 0 auto;
  font-size: 1.7rem;
  letter-spacing: 1.5px;
  padding: 15px 47px 16px;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans JP", "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background: #C8161D;
  border: 2px solid #C8161D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 480px) {
  .send_btn_inner button {
    width: 90%;
    min-height: 48px;
    margin: 0 auto;
    -webkit-transition: unset;
    transition: unset;
  }
}

.send_btn_inner button:hover {
  color: #C8161D;
  background: #fff;
}

@media (max-width: 480px) {
  .send_btn_inner button:hover {
    color: #fff;
    background: #C8161D;
  }
}

.inputarea li {
  margin: 0 15px 0 0;
  float: left;
}

@media (max-width: 480px) {
  .inputarea li {
    margin: 0 15px 0 0;
    float: left;
  }
}

#thanks p {
  line-height: 300px;
  text-align: center;
}

#contents .inquiry-info {
  margin: 0;
  overflow: hidden;
}

#contents .inquiry-info li {
  margin-right: 15px;
  float: left;
}

.send_inner .send_step_msg {
  text-align: center;
  margin-bottom: 25px;
}

@media (max-width: 480px) {
  .send_inner .send_step_msg {
    margin-bottom: 3vw;
    padding: 10px 0;
  }
}

.send_guide_msg {
  color: #444;
  text-align: center;
  padding: 0 0 15px;
}

.send_inner .send_btn_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .send_inner .send_btn_inner {
    display: block;
  }
}

.send_inner .send_btn_inner .send_btn {
  min-height: 62px;
  line-height: 1.4;
  padding-top: 10px 30px;
  color: #fff;
  width: 400px;
  display: block;
  font-size: 1.7rem;
  letter-spacing: 1.5px;
  padding: 15px 47px 16px;
  line-height: 1;
  cursor: pointer;
  outline: none;
  font-family: "Noto Sans JP", "Arial", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  background: #C8161D;
  border: 2px solid #C8161D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 5px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 480px) {
  .send_inner .send_btn_inner .send_btn {
    width: 90% !important;
    min-height: 48px;
    margin: 0 auto;
    -webkit-transition: unset;
    transition: unset;
  }
}

.send_inner .send_btn_inner .send_btn:hover {
  color: #C8161D;
  background: #fff;
}

@media (max-width: 480px) {
  .send_inner .send_btn_inner .send_btn:hover {
    color: #fff;
    background: #C8161D;
  }
}

.send_inner .send_btn_inner .send_btn:not(:last-child) {
  margin-right: 50px;
}

@media (max-width: 480px) {
  .send_inner .send_btn_inner .send_btn:not(:last-child) {
    margin: 0 auto 5vw;
  }
}

.send_inner .send_btn_inner .btn_return {
  background: #797979;
  border-color: #797979;
  width: 300px;
}

.send_inner .send_btn_inner .btn_return:hover {
  color: #333333;
}

@media (max-width: 480px) {
  .send_inner .send_btn_inner .btn_return:hover {
    color: #fff;
    background: #797979;
  }
}

.send_inner .send_btn_inner .btn_return + .btn_run {
  width: 200px;
  margin: 0;
}

@media (max-width: 480px) {
  .send_inner .send_btn_inner .btn_return + .btn_run {
    margin: 0 auto;
  }
}

.send_confirm_table {
  padding-bottom: 30px;
}

.send_confirm_table table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 90%;
}

@media (max-width: 480px) {
  .send_confirm_table table {
    width: 100%;
  }
}

.send_confirm_table table td,
.send_confirm_table table th {
  font-weight: normal;
  border: 1px solid #dddddd;
  padding: 25px 40px;
}

@media (max-width: 480px) {
  #contents .send_confirm_table table td, #contents
  .send_confirm_table table th {
    padding: 12px 15px;
    display: block;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .send_confirm_table table tbody tr {
    display: block;
  }
  .send_confirm_table table tbody tr:not(:last-child) {
    margin-bottom: 20px;
  }
}

.send_confirm_table table tbody th {
  text-align: center;
  width: 28%;
  background: #C8161D;
  color: #fff;
  font-weight: bold;
}

@media (max-width: 480px) {
  .send_confirm_table table tbody th {
    text-align: left;
  }
  #contents .send_confirm_table table tbody th {
    padding: 10px 15px;
  }
}

.send_confirm_table table tbody td {
  background: #fff;
  text-align: left;
}

@media (max-width: 480px) {
  #contents .send_confirm_table table tbody td {
    padding: 10px 15px;
  }
}

.send_confirm_table table tbody td > a {
  color: #C8161D !important;
}

.send_confirm_table table tbody td > a:hover {
  text-decoration: none;
}

@media (max-width: 480px) {
  .send_confirm_table table tbody td > a:hover {
    text-decoration: underline;
  }
}

.send_inner .send_error {
  padding: 0 0 30px;
  display: table;
  margin: 0 auto;
}

@media (max-width: 480px) {
  .send_inner .send_error {
    padding: 0 0 10vw 2vw;
  }
}

.send_inner .send_error li {
  padding: 5px 0;
}

.send_inner .send_error li:before {
  color: #c2c2c2;
  font-size: 85%;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  margin-right: 8px;
  content: "\0025cf";
}

.send_inner .send_error li span {
  color: #ff3333;
  margin-right: 5px;
  display: inline-block;
}

.table_base table {
  width: 100%;
}

@media (max-width: 480px) {
  .table_base table {
    border: 0;
  }
}

.table_base table td,
.table_base table th {
  font-weight: normal;
  border: 1px solid #ececec;
  padding: 25px 16px;
}

@media (max-width: 480px) {
  .table_base table td,
  .table_base table th {
    font-weight: normal;
    border: 0;
    padding: 12px;
    display: block;
  }
}

.table_base table td {
  background: #fff;
}

.table_base table td span.map_jump {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

.table_base table td span.map_jump a {
  color: #512700;
  font-size: 0.9rem;
  text-decoration: none;
  border-radius: 3px;
  padding: 2px 6px;
  background: #C59C5C;
  display: inline-block;
  font-weight: bold;
  color: #fff;
}

.table_base table td span.map_jump a:hover {
  opacity: 0.7;
}

@media (max-width: 480px) {
  .table_base table td span.map_jump a:hover {
    opacity: 1;
  }
}

.table_base table tbody th {
  text-align: center;
  width: 28%;
  background: #C8161D;
  color: #fff;
  border: solid 1px #fff;
}

@media (max-width: 480px) {
  .table_base table tbody th {
    text-align: left;
    width: 100%;
    border: none;
  }
}

.table_base table tbody td {
  padding: 0 40px;
}

@media (max-width: 480px) {
  .table_base table tbody td {
    padding: 12px;
    border: 1px solid #ececec;
  }
}

.table_base table tbody td a {
  color: #512700;
}

.table_base table dd {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.table_base table dd:last-child {
  margin-bottom: 0;
  padding: 0;
  border: 0;
}

.content_inner {
  padding: 10px 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 480px) {
  .content_inner {
    padding: 0 0 25px;
    display: block;
  }
}

.content_inner .images img {
  width: 100%;
}

.content_inner.w_margin410 .images {
  width: 410px;
}

@media (max-width: 480px) {
  .content_inner.w_margin410 .images {
    width: 100%;
  }
}

.content_inner.w_margin410 .msg {
  width: 570px;
}

@media (max-width: 480px) {
  .content_inner.w_margin410 .msg {
    width: 100%;
  }
}

.content_inner.w_margin450 .images {
  width: 450px;
}

@media (max-width: 480px) {
  .content_inner.w_margin450 .images {
    width: 100%;
  }
}

.content_inner.w_margin450 .msg {
  width: 530px;
}

@media (max-width: 480px) {
  .content_inner.w_margin450 .msg {
    width: 100%;
  }
}

/* .image_list */
.image_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.image_list li img {
  width: 100%;
  display: block;
}

.image_list li span {
  padding: 15px 0 0;
  display: block;
}

.image_list.two_image li {
  width: calc(90% / 2);
}

.image_list.two_image li:nth-child(odd) {
  margin-right: 4%;
}

.image_list.three_image li {
  width: calc(90% / 3);
}

.image_list.three_image li:not(:nth-child(3n)) {
  margin-right: 3%;
}

.txt_c {
  text-align: center;
}

.txt_r {
  text-align: right;
}

.only_pc {
  display: block;
}

@media (max-width: 480px) {
  .only_pc {
    display: none;
  }
}

.only_sp {
  display: none;
}

@media (max-width: 480px) {
  .only_sp {
    display: block;
  }
}

.tel a {
  color: #512700;
  text-decoration: none;
  cursor: inherit;
  pointer-events: none;
}

@media (max-width: 480px) {
  .tel a {
    pointer-events: inherit;
  }
}

.fade_hover a {
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

@media (max-width: 480px) {
  .fade_hover a {
    -webkit-transition: none;
    transition: none;
  }
}

.fade_hover a:hover {
  opacity: 0.7;
}

@media (max-width: 480px) {
  .fade_hover a:hover {
    opacity: 1;
  }
}

.btn_base {
  margin: 0 auto;
  width: 400px;
}

@media (max-width: 480px) {
  .btn_base {
    width: 90%;
  }
}

.btn_base a {
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 14px 0;
  background: #247231;
  display: block;
}

.btn_base a:hover {
  background: #6fba2c;
}

@media (max-width: 480px) {
  .btn_base a:hover {
    background: #247231;
  }
}

.everywhere_block {
  text-align: center;
  line-height: 2.2;
  margin: 0 auto 50px;
  max-width: 1020px;
}

@media (max-width: 480px) {
  .everywhere_block {
    text-align: left;
    line-height: 1.8;
    margin: 0 auto 30px;
    padding: 0 20px;
    max-width: 100%;
  }
}

.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #C59C5C));
  background: linear-gradient(transparent 60%, #C59C5C 60%);
}

.btn_nom a {
  min-width: 320px;
  display: inline-block;
  background: #C8161D url(../img/ico-arrow1.png) no-repeat;
  background-size: 22px;
  background-position: right 1.5em center;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 66px;
  line-height: 66px;
  -webkit-transition: .7s;
  transition: .7s;
}

.btn_nom a:hover {
  background: #C8161D url(../img/ico-arrow1.png) no-repeat;
  background-size: 22px;
  background-position: right 1em center;
}

@media (max-width: 480px) {
  .btn_nom a:hover {
    background: #C8161D url(../img/ico-arrow1.png) no-repeat;
    background-size: 22px;
    background-position: right 1.5em center;
  }
}

.pcnon {
  display: none !important;
}

@media (max-width: 480px) {
  .pcnon {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .spnon {
    display: none !important;
  }
}

.text-center {
  text-align: center;
}

@media (max-width: 480px) {
  .text-center.sp-left {
    text-align: left;
  }
}

.btn_ptn1 a {
  min-width: 340px;
  height: 68px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50px;
  background: #C8161D url(../img/ico-arrow.svg) no-repeat;
  background-position: right 15px center;
  display: inline-block;
  line-height: 64px;
  border: solid 2px #C8161D;
  -webkit-transition: .7s;
  transition: .7s;
}

@media (max-width: 480px) {
  .btn_ptn1 a {
    min-width: 100%;
    height: 64px;
    line-height: 60px;
    font-size: 1em;
  }
}

.btn_ptn1 a:hover {
  background: #fff url(../img/ico-arrow-red.svg) no-repeat;
  background-position: right 15px center;
  color: #C8161D;
}

.btn_ptn2 a {
  min-width: 340px;
  height: 68px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50px;
  background: #fff url(../img/ico-arrow-red.svg) no-repeat;
  background-position: right 15px center;
  display: inline-block;
  line-height: 64px;
  border: solid 2px #fff;
  text-align: center;
  -webkit-transition: .7s;
  transition: .7s;
  color: #C8161D;
}

@media (max-width: 480px) {
  .btn_ptn2 a {
    min-width: 100%;
    height: 64px;
    line-height: 60px;
    font-size: 1em;
  }
}

.btn_ptn2 a:hover {
  background: #C8161D url(../img/ico-arrow.svg) no-repeat;
  background-position: right 15px center;
  color: #fff;
}

.footer_store {
  background: url(../img/kokko2.png) no-repeat, url(../img/bg5-pc.jpg) repeat-y;
  background-size: 207px, 100%;
  background-position: left bottom;
  padding: 60px 0;
}

@media (max-width: 480px) {
  .footer_store {
    padding: 40px 15px;
    background: url(../img/bg5-pc.jpg) repeat-y;
    background-size: 100%;
    background-position: left bottom;
  }
}

.footer_store .container {
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
}

.footer_store .container .head .subttl {
  text-align: center;
}

.footer_store .container .head .subttl img {
  height: 48px;
  width: auto;
}

@media (max-width: 480px) {
  .footer_store .container .head .subttl img {
    height: 38px;
  }
}

.footer_store .container .head h2 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 44px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
}

@media (max-width: 480px) {
  .footer_store .container .head h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
}

.footer_store .container .head h2 span {
  padding: 0 0 10px;
  border-bottom: solid 3px #fff;
}

@media (max-width: 480px) {
  .footer_store .container .head h2 span {
    padding: 0 0 5px;
    border-bottom: solid 2px #fff;
  }
}

.footer_store .container .text {
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  margin-bottom: 40px;
}

@media (max-width: 480px) {
  .footer_store .container .text {
    font-size: 1em;
    margin-bottom: 20px;
  }
}

.footer_store .container .btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .footer_store .container .btn-list {
    display: block;
  }
}

.footer_store .container .btn-list .btn_store {
  margin-right: 12px;
}

@media (max-width: 480px) {
  .footer_store .container .btn-list .btn_store {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.footer_store .container .btn-list .btn_store a {
  min-width: 340px;
  height: 68px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  border-radius: 50px;
  background: #C8161D;
  border: solid 2px #fff;
  background-position: right 15px center;
  display: inline-block;
  line-height: 64px;
  -webkit-transition: .7s;
  transition: .7s;
  text-align: center;
}

@media (max-width: 480px) {
  .footer_store .container .btn-list .btn_store a {
    min-width: 100%;
    height: 64px;
    line-height: 60px;
    font-size: 1em;
  }
}

.footer_store .container .btn-list .btn_store a span {
  background: url(../img/ico-cart.svg) no-repeat;
  background-position: left center;
  padding-left: 30px;
  -webkit-transition: .7s;
  transition: .7s;
}

.footer_store .container .btn-list .btn_store a:hover {
  background: #fff;
  color: #C8161D;
}

.footer_store .container .btn-list .btn_store a:hover span {
  background: url(../img/ico-cart-red.svg) no-repeat;
  background-position: left center;
}

.footer_store .container .btn-list .btn_ptn2 {
  margin-left: 12px;
}

@media (max-width: 480px) {
  .footer_store .container .btn-list .btn_ptn2 {
    margin-left: 0;
  }
}

.footer_contact {
  padding: 40px 0 80px;
}

.footer_contact .container {
  width: 1020px;
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 480px) {
  .footer_contact .container {
    padding: 0 15px;
  }
}

.footer_contact .container .title {
  text-align: center;
  background: url(../img/entitle-contact.png) no-repeat;
  background-size: auto 76px;
  background-position: top center;
  margin-bottom: 40px;
  padding: 40px 0 0;
}

@media (max-width: 480px) {
  .footer_contact .container .title {
    background-size: auto 32px;
    background-position: top center;
    padding: 20px 0 0;
    margin-bottom: 20px;
  }
}

.footer_contact .container .title h2 {
  color: #000;
  font-size: 44px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.6;
}

@media (max-width: 480px) {
  .footer_contact .container .title h2 {
    font-size: 24px;
  }
}

.footer_contact .container .text {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 40px;
}

@media (max-width: 480px) {
  .footer_contact .container .text {
    font-size: 1em;
    margin-bottom: 20px;
  }
}

.footer_contact .container .btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .footer_contact .container .btn-list {
    display: block;
  }
}

.footer_contact .container .btn-list .btn_tel {
  margin-right: 12px;
}

@media (max-width: 480px) {
  .footer_contact .container .btn-list .btn_tel {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.footer_contact .container .btn-list .btn_tel a {
  height: 80px;
  background: #C8161D;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  min-width: 380px;
  display: inline-block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .footer_contact .container .btn-list .btn_tel a {
    min-width: 100%;
  }
}

.footer_contact .container .btn-list .btn_tel a img {
  width: auto;
  height: 32px;
}

.footer_contact .container .btn-list .btn_tel a .time {
  display: block;
  font-size: 12px;
  font-weight: bold;
  white-space: pre;
}

.footer_contact .container .btn-list .btn_mail {
  margin-left: 12px;
}

@media (max-width: 480px) {
  .footer_contact .container .btn-list .btn_mail {
    margin-left: 0;
  }
}

.footer_contact .container .btn-list .btn_mail a {
  text-decoration: none;
  color: #C8161D;
  border: solid 2px #C8161D;
  height: 80px;
  min-width: 380px;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  background: #fff;
  display: inline-block;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: .7s;
  transition: .7s;
}

@media (max-width: 480px) {
  .footer_contact .container .btn-list .btn_mail a {
    min-width: 100%;
    font-size: 1em;
  }
}

.footer_contact .container .btn-list .btn_mail a:hover {
  background: #C8161D;
  color: #fff;
}

.footer_contact .container .btn-list .btn_mail a:hover span {
  background: url(../img/ico-mail-wh.svg) no-repeat;
  background-position: left center;
}

.footer_contact .container .btn-list .btn_mail a span {
  background: url(../img/ico-mail.svg) no-repeat;
  background-position: left center;
  padding-left: 30px;
  -webkit-transition: .7s;
  transition: .7s;
}
/*# sourceMappingURL=common.css.map */