@charset "UTF-8";
@font-face {
  font-family: "Arial Black";
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: local("Arial Black"), url("ariblk_0.ttf") format("ttf");
}

html {
  font-size: 62.5%;
  min-height: 100%;
  overflow-y: scroll;
  background: #f7f0e7;
}

@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 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: #595757;
  font-size: 1.6em;
  font-family: "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: #f7f0e7;
}

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

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

#header {
  min-width: 1020px;
  background: url(../img/header-background-pc.png) no-repeat top center;
}

@media (max-width: 480px) {
  #header {
    min-width: 100%;
    background: url(../img/header-background-sp.png) no-repeat top center/cover;
  }
}

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

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

#header .header img {
  display: block;
}

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

@media (max-width: 480px) {
  #header .header .head-logo {
    width: 40%;
  }
}

#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-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@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-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 480px) {
  #gnavi ul {
    padding: 5% 0;
    display: block;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

#gnavi ul li a {
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#gnavi ul li:not(.contact) {
  margin-right: 30px;
}

@media (max-width: 480px) {
  #gnavi ul li:not(.contact) {
    border-bottom: 1px solid #666;
    margin-right: 0;
  }
}

#gnavi ul li:not(.contact) a {
  color: #333;
  font-size: 1.5rem;
  letter-spacing: 0;
  line-height: 1.5;
  padding: 10px 3px;
  display: block;
  position: relative;
  z-index: 1;
}

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

#gnavi ul li:not(.contact) a:after {
  height: 3px;
  width: 0;
  background: #c7000b;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 480px) {
  #gnavi ul li:not(.contact) a:after {
    content: none;
  }
}

#gnavi ul li:not(.contact) a:hover:after {
  width: 100%;
}

@media (max-width: 480px) {
  #gnavi ul li.contact {
    padding-top: 15px;
  }
}

#gnavi ul li.contact a {
  color: #fff;
  font-size: 1.2rem;
  padding: 17px 15px 13px;
  background: #c7000b;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 480px) {
  #gnavi ul li.contact a {
    font-size: 1.5rem;
    padding: 11px 0 9px;
    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: none;
    transition: none;
  }
}

#gnavi ul li.contact a span {
  margin-bottom: 5px;
  display: block;
}

@media (max-width: 480px) {
  #gnavi ul li.contact a span {
    margin: 0 10px 0 0;
    width: 28px;
    position: relative;
    top: 1px;
  }
}

#gnavi ul li.contact a span img {
  margin: 0 auto;
}

@media (max-width: 480px) {
  #gnavi ul li.contact a span img {
    width: 100%;
    display: block;
  }
}

#gnavi ul li.contact a:hover {
  opacity: 0.7;
}

@media (max-width: 480px) {
  #gnavi ul li.contact a:hover {
    opacity: 1;
  }
}

#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 {
  border-bottom: 3px solid #bce2e8;
  border-radius: 0 0 4px 4px;
  padding: 0 14px;
  height: inherit;
  width: 100%;
  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: #222;
    display: block;
    position: inherit;
    zoom: 1;
  }
}

#gnavi ul li.navi_slide ul li {
  color: #595757;
  text-align: center;
  border-bottom: 1px solid #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;
  }
}

#gnavi ul li.navi_slide ul li a:hover {
  color: #660000;
  -webkit-box-shadow: inherit;
          box-shadow: inherit;
}

@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;
    text-align: center;
    border: 1px solid #555;
    padding: 5px 0;
    width: 100%;
    background: #222;
  }
  #gnavi #close span {
    font-size: 1.7rem;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    margin-left: 5px;
  }
}

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

#contents .contents_header {
  padding: 60px 0;
  background: url(../img/s-title-pc.jpg) no-repeat top center/cover;
}

@media (max-width: 480px) {
  #contents .contents_header {
    padding: 40px 0;
    background: url(../img/s-title-sp.jpg) no-repeat top center/cover;
  }
}

#contents .contents_header .head_inner {
  padding: 35px 0;
  background: url(../img/s-title-back-pc.png) repeat-y center;
}

@media (max-width: 480px) {
  #contents .contents_header .head_inner {
    padding: 20px 0;
    background: url(../img/s-title-back-sp.png) repeat-y center/100%;
  }
}

#contents .contents_header .head_inner .title {
  font-family: 'Noto Serif JP', serif;
  font-size: 2.8rem;
  font-weight: normal;
  letter-spacing: 4px;
  text-align: center;
}

@media (max-width: 480px) {
  #contents .contents_header .head_inner .title {
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}

#contents .breadcrumbs {
  padding: 5px 0;
  background: url(../img/background-ptn02.jpg) repeat;
}

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

#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: #111;
  margin-right: 4px;
  display: inline-block;
}

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

#contents .section {
  padding: 60px 0 40px;
}

#contents .section:nth-child(odd) {
  background: url(../img/background-img01-pc.png) no-repeat top center;
}

@media (max-width: 480px) {
  #contents .section:nth-child(odd) {
    background: url(../img/background-img01-sp.png) no-repeat top -30px right -40px/70%;
  }
}

#contents .section:nth-child(even) {
  background: url(../img/background-img03-pc.png) no-repeat top center;
}

@media (max-width: 480px) {
  #contents .section:nth-child(even) {
    background: url(../img/background-img01-sp.png) no-repeat top left -30px/55%;
  }
}

#contents .section:not(:last-child) {
  position: relative;
}

#contents .section:not(:last-child):after {
  height: 3px;
  width: 100%;
  background: url(../img/background-ptn02.jpg) repeat;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

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

#contents .section > .section_title {
  font-family: 'Noto Serif JP', serif;
  font-size: 3.4rem;
  font-weight: normal;
  letter-spacing: 3px;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 40px;
  position: relative;
}

@media (max-width: 480px) {
  #contents .section > .section_title {
    font-size: 2.7rem;
    letter-spacing: 2px;
    line-height: 1.5;
  }
}

#contents .section > .section_title:before {
  height: 50px;
  width: 2px;
  background: #c7000b;
  content: "";
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

#contents .section > .section_title span {
  color: #c7000b;
  font-size: 1.4rem;
  letter-spacing: 5px;
  padding-top: 5px;
  display: block;
}

@media (max-width: 480px) {
  #contents .section > .section_title span {
    letter-spacing: 3px;
  }
}

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

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

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

#contents .section .section_inner .child_content_section .section_title {
  font-family: 'Noto Serif JP', serif;
  font-size: 2.2rem;
  text-align: center;
  border-top: 1px solid #727171;
  border-bottom: 1px solid #727171;
  margin-bottom: 30px;
  padding: 5px 0;
  position: relative;
  z-index: 0;
}

@media (max-width: 480px) {
  #contents .section .section_inner .child_content_section .section_title {
    font-size: 1.9rem;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 11px 10px 9px;
  }
}

#contents .section .section_inner .child_content_section .section_title:after {
  height: 95%;
  width: 100%;
  background: #e9e0d0;
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: -1;
}

#contents .section .section_inner .child_content_section .section_title span.free {
  color: #c7000b;
  margin-right: 10px;
}

@media (max-width: 480px) {
  #contents .section .section_inner .child_content_section .section_title span.free {
    display: block;
    margin-right: 0;
  }
}

#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 .section_inner .two_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 480px) {
  #contents .section .section_inner .two_section {
    display: block;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

#contents .section .section_inner .two_section .child_content_section {
  width: 48%;
}

@media (max-width: 480px) {
  #contents .section .section_inner .two_section .child_content_section {
    width: 100%;
  }
}

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

#contents .pick_text {
  color: #c7000b;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 15px;
}

@media (max-width: 480px) {
  #contents .pick_text {
    font-size: 2rem;
    line-height: 1.5;
  }
}

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

.footer {
  border-top: 5px solid #c7000b;
  min-width: 1020px;
  background: #fff;
  position: relative;
}

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

.footer #pagetop {
  display: none;
}

.footer #pagetop a {
  text-align: center;
  display: block;
  padding: 20px 20px 0;
  color: #000;
  text-decoration: none;
}

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

.footer #pagetop a:hover img {
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
}

@media (max-width: 480px) {
  .footer #pagetop a:hover img {
    -webkit-transform: unset;
            transform: unset;
  }
}

.footer #pagetop a img {
  display: block;
  -webkit-transition: all 1s;
  transition: all 1s;
}

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

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

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

.footer .footer_inner {
  padding: 30px 0 0;
}

@media (max-width: 480px) {
  .footer .footer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.footer .footer_inner a {
  color: #000;
  text-decoration: none;
  font-size: 1.7rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

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

@media (max-width: 480px) {
  .footer .footer_inner .footernavi {
    border-top: 1px solid #c9caca;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.footer .footer_inner .footernavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi ul {
    display: block;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi ul li {
    border-bottom: 1px solid #c9caca;
  }
}

.footer .footer_inner .footernavi ul li:not(:last-child) {
  margin-right: 22px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi ul li:not(:last-child) {
    margin-right: 0;
  }
}

.footer .footer_inner .footernavi ul li:nth-child(1):before {
  font-size: 1.5rem;
  margin-right: 22px;
  content: "|";
  position: relative;
  bottom: 1px;
}

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

.footer .footer_inner .footernavi ul li:after {
  font-size: 1.5rem;
  margin-left: 22px;
  content: "|";
  position: relative;
  bottom: 1px;
}

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

.footer .footer_inner .footernavi ul li a {
  letter-spacing: 2px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi ul li a {
    font-size: 1.5rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 20px 7px 35px;
    background: url(../img/arrow03-sp.png) no-repeat left 20px center/7px;
    display: block;
  }
}

.footer .footer_inner .footernavi ul li a:hover {
  color: #c7000b;
  text-decoration: underline;
}

@media (max-width: 480px) {
  .footer .footer_inner .footernavi ul li a:hover {
    color: #595757;
    text-decoration: none;
  }
}

.footer .footer_inner .footer_company_navi {
  margin-bottom: 25px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_company_navi {
    margin: 0 auto 25px;
    width: 90%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.footer .footer_inner .footer_company_navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_company_navi ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

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

.footer .footer_inner .footer_company_navi ul li:not(:last-child) {
  margin-right: 45px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_company_navi ul li:not(:last-child) {
    margin-right: 0;
  }
}

.footer .footer_inner .footer_company_navi ul li a {
  font-size: 1.5rem;
}

.footer .footer_inner .footer_company_navi ul li a:before {
  margin-right: 6px;
  content: url(../img/arrow03-pc.png);
  position: relative;
  bottom: 2px;
}

.footer .footer_inner .footer_company_navi ul li a:hover {
  text-decoration: underline;
}

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

.footer .footer_inner .footer_info {
  text-align: center;
  border-top: 1px solid #727171;
  padding: 20px 0 15px;
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_info {
    border-top: 0px;
    padding: 0 0 20px;
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

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

@media (max-width: 480px) {
  .footer .footer_inner .footer_info .footerlogo img {
    width: 100%;
    display: block;
  }
}

@media (max-width: 480px) {
  .footer .footer_inner .footer_info .footer_detail {
    font-size: 1.4rem;
  }
}

.footer .copy {
  text-align: center;
  padding: 7px 0;
  background: #000;
}

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

.footer .copy a {
  color: #fff;
  font-size: 1.2rem;
  text-decoration: none;
}

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

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

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

.access_map {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 480px) {
  .access_map {
    margin-bottom: 20px;
    display: block;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.access_map .googlemap {
  border: 1px solid #c9caca;
  margin-bottom: 23px;
  padding: 3px;
  height: 335px;
  width: 62%;
  background: #fff;
}

@media (max-width: 480px) {
  .access_map .googlemap {
    margin-bottom: 15px;
    height: 200px;
    width: 100%;
  }
}

.access_map .map_illust img {
  border: 1px solid #c9caca;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}

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

.access_data dl {
  padding: 0 5px;
}

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

.access_data dl dt {
  color: #c7000b;
  font-weight: bold;
  float: left;
}

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

.access_data dl dd a {
  color: #595757;
}

.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 #c7000b;
  margin-bottom: 20px;
  padding: 10px 15px;
}

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

.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_everywhere_block {
  text-align: center;
  line-height: 2.2;
  padding: 70px 0 60px;
  position: relative;
}

@media (max-width: 480px) {
  .inquiry_everywhere_block {
    line-height: inherit;
    text-align: left;
    padding: 40px 5%;
  }
}

.inquiry_everywhere_block:after {
  height: 3px;
  width: 100%;
  background: url(../img/background-ptn02.jpg) repeat;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

.inquiry_info {
  text-align: center;
  margin-bottom: 30px;
}

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

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

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

.inquiry_info .no a span {
  font-size: 65%;
  margin-right: 10px;
}

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

@media (max-width: 480px) {
  .inquiry_info .time {
    font-size: 1.5rem;
  }
}

.fax_info {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding: 40px 40px 30px;
  max-width: 800px;
  background: #e9e0d0;
}

@media (max-width: 480px) {
  .fax_info {
    padding: 35px 30px 30px;
    max-width: 100%;
  }
}

.fax_info_title {
  font-family: 'Noto Serif JP', serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  border-left: 5px solid #c7000b;
  margin-bottom: 22px;
  padding-left: 10px;
}

.fax_info_list li {
  line-height: 1.5;
  text-indent: -1em;
  padding-left: 1em;
}

.fax_info_list li:not(:last-child) {
  margin-bottom: 5px;
}

.fax_info_list li:before {
  color: #c7000b;
  font-size: 2rem;
  margin-right: 3px;
  content: "\02666";
}

.line_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

@media (max-width: 480px) {
  .line_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .line_block:last-child {
    margin-bottom: 0;
  }
  .line_block.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .line_block.reverse .line_image {
    margin: 15px auto 0;
  }
}

.line_block .line_image {
  margin-right: 30px;
  width: 20%;
}

@media (max-width: 480px) {
  .line_block .line_image {
    margin: 0 auto 30px;
    width: 90%;
  }
}

.line_block .line_image_set:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .line_block .line_image_set:not(:last-child) {
    margin-bottom: 25px;
  }
}

.line_block .line_image_title {
  font-family: 'Noto Serif JP', serif;
  font-weight: bold;
  letter-spacing: 0;
  font-size: 1.45rem;
  text-align: center;
  color: #c7000b;
  line-height: 1;
}

@media (max-width: 480px) {
  #contents .line_block .line_image_title {
    margin-bottom: 10px;
    font-size: 1.6rem;
  }
}

.line_block .line_image img {
  width: 180px;
  margin: 0 auto 15px;
  display: block;
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
}

.line_block .line_image span {
  font-size: 1.3rem;
  text-align: center;
  display: block;
}

@media (max-width: 480px) {
  .line_block .line_image a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 11px 0 9px 20px;
    background: url(../img/icon-line-sp.png) no-repeat center left 80px/25px #51b035;
    display: block;
  }
}

.line_block .line_contents {
  padding-top: 10px;
}

.line_block .line_contents dl dt {
  font-family: 'Noto Serif JP', serif;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1;
  border-left: 5px solid #c7000b;
  margin-bottom: 15px;
  padding-left: 7px;
}

.line_block .line_contents dl dd {
  line-height: 1.5;
}

.line_block .line_contents dl dd:not(:last-child) {
  margin-bottom: 25px;
}

.line_block .line_contents dl dd ul li {
  text-indent: -1.1em;
  padding-left: 1.1em;
}

.line_block .line_contents dl dd ul li span {
  display: block;
  padding: 5px 0 20px 1.1em;
}

@media (max-width: 480px) {
  .line_block .line_contents dl dd ul li span {
    padding: 10px 0 20px 0;
    text-indent: 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;
}

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

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

.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: #9b0000;
}

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

#MailForm table {
  border: 2px solid #999;
  margin: 0 0 25px;
  width: 100%;
  background: #fff;
}

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

#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: #e9e0d0;
  position: relative;
}

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

@media (max-width: 480px) {
  #MailForm table th:before {
    color: #666666;
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 1;
    margin-right: 5px;
    content: "\025a0";
  }
}

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

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

@media (max-width: 480px) {
  #MailForm table td {
    margin-bottom: 35px;
    padding: 0;
  }
}

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

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

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

#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_list {
  color: #5a4727;
  margin-bottom: 27px;
}

#MailForm .important_list li {
  line-height: 1.5;
  text-indent: -0.5em;
  padding-left: 0.5em;
}

@media (max-width: 480px) {
  #MailForm .important_list li {
    font-size: 1.6rem;
    text-indent: -1.1em;
    padding-left: 1.1em;
  }
}

#MailForm .important_list li:not(:last-child) {
  margin-bottom: 5px;
}

@media (max-width: 480px) {
  #MailForm .important_list li:not(:last-child) {
    margin-bottom: 10px;
  }
}

#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 {
  text-align: center;
  padding: 15px 0 20px;
}

.send_btn_inner .send_btn {
  color: #727171;
  cursor: pointer;
  font-size: 2.2rem;
  letter-spacing: 3px;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #727171;
  margin: 0 auto;
  padding: 17px 0 15px;
  background: url(../img/arrow01-pc.png) no-repeat center right 40px;
  display: block;
}

@media (max-width: 480px) {
  .send_btn_inner .send_btn {
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 2px;
    padding: 17px 10px 15px 0;
    background: url(../img/arrow02-pc.png) no-repeat center right 30px, url(../img/background-ptn01.jpg) repeat;
  }
}

.send_btn_inner .send_btn:hover {
  color: #fff;
  background: url(../img/arrow02-pc.png) no-repeat center right 40px, url(../img/background-ptn01.jpg) repeat;
}

@media (max-width: 480px) {
  .send_btn_inner .send_btn:hover {
    background: url(../img/arrow02-pc.png) no-repeat center right 30px, url(../img/background-ptn01.jpg) repeat;
  }
}

.send_btn_inner .submit_btn {
  width: 50%;
}

@media (max-width: 480px) {
  .send_btn_inner .submit_btn {
    margin-bottom: 15px;
    width: 90%;
  }
}

.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 {
  padding: 12px 0 20px;
}

.send_inner .send_step_msg {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 15px;
}

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

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

.send_inner .send_btn_inner .send_btn {
  color: #fff;
  font-size: 2rem;
  letter-spacing: 1px;
  cursor: pointer;
  border: 0;
  margin: 0 10px;
  padding: 15px 30px;
  background: #ff9900;
  display: inline-block;
}

.send_inner .send_btn_inner .btn_return {
  background: #797979;
}

.send_confirm_table {
  padding: 17px 0 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-size: 1.1rem;
  font-weight: normal;
  line-height: 1.5;
  border: 1px solid #ccc;
  padding: 17px 20px;
  background: #fff;
}

@media (max-width: 480px) {
  .send_confirm_table table td,
  .send_confirm_table table th {
    border: 0 solid #ccc;
    padding: 17px 20px;
    background: #fff;
    display: block;
  }
}

.send_confirm_table table th {
  width: 40%;
  background: #f5f5f5;
}

@media (max-width: 480px) {
  .send_confirm_table table th {
    text-align: left;
    margin-bottom: 5px;
    padding: 10px 15px;
    width: 100%;
    background: #f5f5f5;
  }
}

@media (max-width: 480px) {
  .send_confirm_table table td {
    margin-bottom: 30px;
  }
}

.send_inner .send_error {
  padding: 15px 0 30px;
}

.send_inner .send_error li {
  font-size: 1.1rem;
  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 {
  padding: 0 0 25px;
}

.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-bottom: 1px solid #999;
  padding: 30px 17px 20px;
}

@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 span.map_jump {
  margin-left: 10px;
  position: relative;
  top: -2px;
}

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

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

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

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

@media (max-width: 480px) {
  .table_base table tbody td {
    margin-bottom: 30px;
    padding-left: 12px;
  }
}

.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-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 .msg {
  line-height: 2;
}

@media (max-width: 480px) {
  .content_inner .msg {
    line-height: 1.8;
    margin-bottom: 30px;
  }
}

.content_inner.w_margin350 .images {
  width: 350px;
}

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

@media (max-width: 480px) {
  .content_inner.w_margin350 .images.w70 {
    margin: 0 auto;
    width: 70%;
  }
}

.content_inner.w_margin350 .msg {
  width: 600px;
}

@media (max-width: 480px) {
  .content_inner.w_margin350 .msg {
    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-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(91% / 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: #000;
  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 {
  width: 300px;
}

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

.btn_base a {
  color: #727171;
  font-size: 1.7rem;
  letter-spacing: 3px;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #727171;
  padding: 12px 0 8px;
  display: block;
  position: relative;
  z-index: 0;
}

@media (max-width: 480px) {
  .btn_base a {
    color: #fff;
    font-size: 1.5rem;
    background: url(../img/arrow02-pc.png) no-repeat center right 40px, url(../img/background-ptn01.jpg) repeat;
  }
}

.btn_base a:before {
  height: 100%;
  width: 100%;
  background: url(../img/background-ptn01.jpg) repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  z-index: -1;
}

@media (max-width: 480px) {
  .btn_base a:before {
    content: none;
  }
}

.btn_base a:after {
  content: url(../img/arrow01-pc.png);
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: 0.2s 0.5s;
  transition: 0.2s 0.5s;
}

@media (max-width: 480px) {
  .btn_base a:after {
    content: none;
  }
}

.btn_base a:hover {
  color: #fff;
}

.btn_base a:hover:before {
  opacity: 1;
}

.btn_base a:hover:after {
  content: url(../img/arrow02-pc.png);
  right: 25px;
}

@media (max-width: 480px) {
  .btn_base a:hover:after {
    content: none;
  }
}

.btn_list {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

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

.btn_list li a {
  color: #727171;
  font-size: 1.6rem;
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #727171;
  padding: 12px 0 8px;
  display: block;
  position: relative;
  z-index: 0;
}

@media (max-width: 480px) {
  .btn_list li a {
    color: #fff;
    font-size: 1.5rem;
    background: url(../img/arrow05-pc.png) no-repeat center right 15px, url(../img/background-ptn01.jpg) repeat;
  }
}

.btn_list li a:before {
  height: 100%;
  width: 100%;
  background: url(../img/background-ptn01.jpg) repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  z-index: -1;
}

@media (max-width: 480px) {
  .btn_list li a:before {
    content: none;
  }
}

.btn_list li a:after {
  content: url(../img/arrow04-pc.png);
  position: absolute;
  right: 35px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: 0.2s 0.5s;
  transition: 0.2s 0.5s;
}

@media (max-width: 480px) {
  .btn_list li a:after {
    content: none;
  }
}

.btn_list li a:hover {
  color: #fff;
}

.btn_list li a:hover:before {
  opacity: 1;
}

.btn_list li a:hover:after {
  content: url(../img/arrow05-pc.png);
}

@media (max-width: 480px) {
  .btn_list li a:hover:after {
    content: none;
  }
}

.btn_list.three {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 480px) {
  .btn_list.three {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.btn_list.three li {
  width: 31%;
}

@media (max-width: 480px) {
  .btn_list.three li {
    margin: 0 auto;
    width: 90%;
  }
}

@media (max-width: 480px) {
  .btn_list.three li:not(:last-child) {
    margin-bottom: 10px;
  }
}

.everywhere_block {
  text-align: center;
  line-height: 2.2;
  padding: 35px 0 60px;
}

@media (max-width: 480px) {
  .everywhere_block {
    line-height: inherit;
    text-align: left;
    padding: 40px 5%;
  }
}
/*# sourceMappingURL=common.css.map */