@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@700&display=swap");
@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: #fff;
  scroll-behavior: smooth;
}

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

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: #1c0d00;
  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: #fff;
}

@media (max-width: 480px) {
  body {
    position: relative;
    width: 100%;
    min-width: 100%;
    font-size: 1.5em;
    -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;
}

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

#header .header {
  margin: 0 auto;
  padding: 20px 50px;
  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: 340px;
}

@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 #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: #626262;
    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: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -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;
}

#gnavi > ul > li {
  margin: 0 0 0 2em;
}

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

#gnavi > ul > li > a {
  color: #1c0d00;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
  letter-spacing: 2px;
  line-height: 1.5;
  padding: 17px 0;
  background: #fff;
  display: block;
  position: relative;
  z-index: 1;
  font-weight: bold;
}

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

#gnavi > ul > li > a::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #0282c1;
  bottom: 20px;
  /*アンダーラインが現れ始める位置（aタグの下辺からの高さ）*/
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

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

#gnavi > ul > li > a:hover::after {
  visibility: visible;
  bottom: 12px;
  /*アニメーションが止まる位置*/
  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 {
  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);
  }
}

#contents {
  background: #fff;
}

#contents .contents_header {
  background: url(../img/stitle.jpg) no-repeat;
  background-size: cover;
  background-position: bottom center;
  padding: 100px 10px 140px;
}

@media (max-width: 480px) {
  #contents .contents_header {
    padding: 50px 10px 70px;
  }
}

#contents .contents_header .head_inner .title {
  font-size: 48px;
  text-align: center;
}

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

#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: #111;
  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.bg1 {
  background: #e1f2f9;
}

#contents .section.bg2 {
  background: #a7daed;
}

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

#contents .section h2.section_title {
  color: #0282c1;
  font-size: 38px;
  margin: 0 auto 40px;
  max-width: 1020px;
  text-align: center;
  line-height: 1.6;
}

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

#contents .section h3.section_title {
  font-size: 28px;
  border-left: solid 10px #0282c1;
  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 10px 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: #626262;
  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: #1c0d00;
  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;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  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: 320px;
  margin: 0 0 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 .footernavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

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

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

.footer .footer_inner .footernavi > ul li {
  font-weight: bold;
  margin: 0 0 .2em;
}

.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 .footernavi li a:hover {
  border-bottom: solid 1px;
}

.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;
  background: #fff;
}

@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: #1c0d00;
  text-decoration: none;
}

@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: #1c0d00;
}

.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 #0282c1;
  margin-bottom: 30px;
  padding: 10px 15px;
  background-color: #f7f8f9;
}

@media (max-width: 480px) {
  .privacy_section .privacy_section_inner .privacy_set .privacy_set_title {
    border-left: 3px solid #0282c1;
    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: #1c0d00;
}

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

@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: #0282c1;
  border: 2px solid #0282c1;
  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: #0282c1;
  background: #fff;
}

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

.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: #0282c1;
  border: 2px solid #0282c1;
  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: #0282c1;
  background: #fff;
}

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

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

.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: #0282c1;
  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: #0282c1 !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;
}

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

.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: #1c0d00;
  font-size: 0.9rem;
  text-decoration: none;
  border-radius: 3px;
  padding: 2px 6px;
  background: #ffff01;
  display: inline-block;
  font-weight: bold;
}

.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: #0282c1;
  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: #1c0d00;
}

.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: #1c0d00;
  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%, #ffff01));
  background: linear-gradient(transparent 60%, #ffff01 60%);
}

.btn_nom a {
  min-width: 320px;
  display: inline-block;
  background: #0282c1 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: #0282c1 url(../img/ico-arrow1.png) no-repeat;
  background-size: 22px;
  background-position: right 1em center;
}

@media (max-width: 480px) {
  .btn_nom a:hover {
    background: #0282c1 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;
  }
}
/*# sourceMappingURL=common.css.map */