/*----------------------------------------------------

Base

----------------------------------------------------*/
/*日本語  font-family: 'Noto Sans JP', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
/*日本語  font-family: "Noto Serif JP", serif;*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
/*英語  font-family: 'Marcellus SC', serif;*/
@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap');
/*英語  font-family: 'Raleway', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');
/*ROOT
----------------------------------------------------*/
:root {
  --font-jp: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  --font-gothic: 'Noto Sans JP', sans-serif;
  --font-en: 'Marcellus SC', serif;
  --lh-base: 1.8;
  --lh-base-b: 2;
  --lh-base-s: 1.6;
  --lh-base-ss: 1.4;
  --shadow: 0 0 6px #eee;
  --clr-wh: #fff;
  --clr-333: #333;
  --clr-bk: #000;
  --clr-red: #c00;
  --clr-blue: #127ddd;
  --clr-gray: #ccc;
  --clr-beige: #f6f3ea;
  --aft: #7f6a37;
  --aft-l: #af9864;
  --aft-d: #4c3a11;
}
html {  font-size: 62.5%;}
body {
  color: var(--clr-333);
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 1.5rem;
}
.preload {  transition: 0 !important;}
#wrap {  display: block;  overflow: hidden;}
article {
  font-family: var(--font-jp);
  background-image: url("../img/bg-fix.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}
section {}
.sp {}
.pc {  display: none;}
.inner {  padding-left: 5vw;  padding-right: 5vw;}
@media (min-width: 600px) {
  article {}
  section {}
  .sp {  display: none;}
  .pc {  display: block;}
  .inner {  padding-left: 8vw;  padding-right: 8vw;}
}
@media (min-width:1025px) {
  #wrap {  overflow: visible}
  article {}
  section {}
  .inner {  padding-left: 10vw;  padding-right: 10vw;  max-width: 1400px;  margin: 0 auto;}
}
/* Header
----------------------------------------------------*/
header {
  width: 100%;
  padding: 10px;
  transition: all .5s;
  background: var(--clr-wh);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header a, footer a {  text-decoration: none !important;}
header h1 {  width: 25%;}
header h1 a {
  display: block;
  height: 0;
  width: 100%;
  padding-top: 67%;
  background: url("img/logo.svg") no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
  font-size: 0;
}
header .top_link {  display: none;}
header .nav_box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
header .sns {  width: 38px;  margin-left: 8px;}
header .sns a {
  display: block;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  height: 0;
}
.sns01 a {  background-image: url("img/ico-tw.png");}
.sns02 a {  background-image: url("img/ico-fb.png");}
.sns03 a {  background-image: url("img/ico-in.png");}
@media (min-width: 600px) {
  header {  padding: 10px 20px;}
  header h1 {  width: 105px;}
  header .top_link {  display: block;  margin-right: 40px;}
  header .top_link a {
    display: block;
    line-height: 1;
    position: relative;
    background: #bbb url("img/hdr_bt_icon01.jpg") no-repeat left 20px center;
  }
  header .top_link a:hover {  text-decoration: none;  background-position: left 17px center;}
  header .top_link a strong {
    color: #fff;
    display: block;
    width: 200px;
    text-align: center;
    padding: 11px;
    font-weight: lighter;
  }
  header .top_link a::before, header .top_link a::after, header .top_link a strong::before, header .top_link a strong::after {
    content: '';
    width: 0;
    height: 0;
    border: 4px solid transparent;
    position: absolute;
  }
  header .top_link a::before {  border-top-color: #fff;  border-left-color: #fff;  top: 0;  left: 0;}
  header .top_link a::after {  border-top-color: #fff;  border-right-color: #fff;  top: 0;  right: 0;}
  header .top_link a strong::before {  border-bottom-color: #fff;  border-left-color: #fff;  bottom: 0;  left: 0;}
  header .top_link a strong::after {  border-bottom-color: #fff;  border-right-color: #fff;  bottom: 0;  right: 0;}
}
@media (min-width: 1025px) {
  header h1 {  width: 115px;}
}
/* Container
----------------------------------------------------*/
/* Footer
----------------------------------------------------*/
footer {
  font-size: 1.2rem;
  background: var(--clr-wh);
  position: relative;
  padding-top: 40px;
}
footer .footer {  padding: 30px 0;}
footer .footer .bnr {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
footer .footer .sns {  width: 38px;  margin: 0 8px;}
footer .footer .sns a {
  display: block;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  overflow: hidden;
  height: 0;
}
footer .footer .bnr_link {  margin-top: 20px;  width: 100%;}
footer .footer .bnr_link img {  margin: 0 auto;}
footer .footer_nav {  text-align: center;}
footer .footer_nav li {
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 1px solid var(--clr-bk);
  margin-top: 20px;
}
footer .footer_nav li:first-child {  border-left: 0;}
footer .footer_logo {  width: 150px;  margin: 20px auto 0;}
footer .footer_logo a {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 25.3%;
  background: url("img/logo_kintetsu.png") no-repeat center;
  background-size: cover;
  overflow: hidden;
  font-size: 0;
}
footer .copylight {
  background: #dddee0;
  padding: 20px 10px;
  text-align: center;
}
@media (min-width: 600px) {}
@media (min-width: 1025px) {
  footer .footer {
    padding: 0 5%;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-flow: row-reverse;
  }
  footer .footer .bnr {  width: 400px;}
  footer .footer .bnr_link {
    margin-top: 0;
    margin-left: 10px;
    width: 225px;
  }
  footer .footer_nav {  text-align: left;  width: calc(100% - 640px);}
  footer .footer_nav li {}
  footer .footer_logo {  margin: 0;}
  footer .copylight {  padding: 20px 50px;  text-align: right;}
}
/* 2024.11
----------------------------------------------------*/
article#ah-tat2411 {
  background-image: url("../img/bg-fix2411.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center top;
  overflow: hidden;
}