@charset "UTF-8";
html { font-size: 62.5%; }/* 16px x 0.625 = 10px(=1rem) */

/*sp*/
@media screen and (max-width:768px) {
body {
  font-size: 14px;
  font-size: 1.4rem;
}
}

/*tb*/
@media screen and (min-width:769px) and (max-width:959px) {
body {
  font-size: 16px;
  font-size: 1.6rem;
}
}

/*pc*/
@media screen and (min-width:960px) {
body {
  font-size: 16px;
  font-size: 1.6rem;
}
}
/*z-index*/
#swipebox-overlay { z-index: 999; }
.drawer-header { z-index: 998; }
body{position: relative;z-index: 0;}
main { z-index: 1; }
#header { z-index: 2; }
a#page-top { z-index: 2; }
/*background-color*/
body { background-color: #17110e; }
main { background-color: #272322; }
#header { background-color: #17110e; }
/*nav.breadcrumb { background-color: #33302f; }*/
footer > section:first-child { background-color: #33302f; }
.mb1 { margin-bottom: 1rem; }
.mb2 { margin-bottom: 2rem; }
.mb4 { margin-bottom: 4rem; }
.mb6 { margin-bottom: 6rem; }
.mb8 { margin-bottom: 8rem; }
.mb16 { margin-bottom: 16rem; }
.c-red { color: #e63d3e; }
/*setting-drawer*/
.sr-only {
  position: absolute;
  overflow: hidden;
  clip: rect(0,0,0,0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0
}
.drawer-overlay { background-color: rgba(0,0,0,.6) }
.drawer-hamburger {
  background-color: #e63d3e;
  width: 2.4rem;
  height: 2.4rem;
  padding: 1.3rem;
}
.drawer-hamburger-icon { margin-top: 0; }
.drawer-hamburger:hover { background-color: #e63d3e; }
.drawer-nav {
  background-color: #e63d3e;
  border-top: 2px solid #e63d3e;
  border-left: 2px solid #e63d3e;
}
.drawer--right.drawer-open .drawer-hamburger { right: 26rem }
.drawer--right .drawer-nav { right: -26rem; }
.drawer-nav { width: 26rem; }
ul.drawer-menu { margin-left: 2rem; }
ul.drawer-menu a {
  color: #fff;
  display: block;
  padding: 1.4rem 0 1.4rem 0;
}
ul.drawer-menu > li { border-bottom: 1px solid #e09191; }
ul.drawer-dropdown-menu {
  display: none;
  list-style: none;
  background-color: transparent;
}
ul.drawer-menu ul.drawer-dropdown-menu { margin-left: 2rem; }
ul.drawer-menu ul.drawer-dropdown-menu > li { width: 100%; }
ul.drawer-menu ul.drawer-dropdown-menu > li { border-bottom: 1px solid #e09191; }
ul.drawer-menu > li:last-child, ul.drawer-menu ul.drawer-dropdown-menu > li:last-child { border-bottom: 0; }
ul.drawer-dropdown-menu li span { display: block; }

@media screen and (min-width:769px) {
.drawer-hamburger { display: none; }
}
.drawer-dropdown.open > .drawer-dropdown-menu { display: block; }
.drawer-dropdown > a {
  width: 85%;
  float: left;
  position: relative;
  z-index: 0;
}
.drawer-dropdown { position: relative; }
.drawer-dropdown > ul { clear: both; }
.drawer-dropdown::after {
  content: "";
  display: block;
  clear: both;
}
.drawer-dropdown .drawer-caret {
  width: 15%;
  height: 5rem;
  float: right;
  display: block;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
.drawer-dropdown .drawer-caret::before {
  font-size: 3rem;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  transform-origin: center center;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  transform-origin: center center;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.5rem;
  margin-left: -.5rem;
}
.drawer-dropdown.open .drawer-caret {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.drawer-dropdown.open .drawer-caret::before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*setting-swipebox*/
#swipebox-slider .slide-loading { }
#swipebox-prev, #swipebox-next, #swipebox-close { background-image: url(../images/swipebox/icons.png); }
#swipebox-close { background-position: left center; }
#swipebox-prev { background-position: center center; }
#swipebox-next { background-position: right center; }
*, *::after, *::before { box-sizing: border-box; }
body {
  color: #a9a9a9;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: 'pkna';
  font-feature-settings: 'pkna';
  letter-spacing: normal;
}

html.win7 body {
  font-feature-settings: "liga" 1;
  -ms-font-feature-settings: "liga=1";
}
/* Fade */

.js body {
  opacity: 0;
  transition: opacity 0.3s;
}
.js body.render { opacity: 1; }
.js .loading {
  opacity: 1;
  overflow: hidden;
  height: 100vh;
}
.js .loading::before {
  content: '';
  position: fixed;
  z-index: 100000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #17110e;
}
.js .loading::after {
  content: '';
  position: fixed;
  z-index: 100001;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0.4;
  background-color: #e63d3e;
  animation: loaderAnim 1s linear infinite alternate forwards;
}
@-moz-keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5, 0.5, 1);
}
}
@-webkit-keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5, 0.5, 1);
}
}
@-ms-keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5, 0.5, 1);
}
}
@-o-keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5, 0.5, 1);
}
}
@keyframes loaderAnim {
to {
opacity: 1;
transform: scale3d(0.5, 0.5, 1);
}
}
svg.svg-hidden { display: none; }
svg { display: block; }
.scaling-svg-container {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: 100%;
  display: block;
}
.scaling-svg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
svg path {
  fill: inherit;
  stroke: inherit;
  stroke-width: inherit;
  transform: inherit;
}
.scaling-svg-container.svg-en-logo { padding-bottom: 11.263617%; /*51.7/459x100 */ }
.scaling-svg-container.svg-ja-logo { padding-bottom: 15.293454%; /*27.1/177.2x100 */ }
body { font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.en {
  font-family: 'Hind', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.en.b { font-weight: 600; }
.uppercase { text-transform: uppercase; }
main {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
  display: block;
}
main::after {
  content: '';
  display: table;
  clear: both;
}
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 4rem;
}
.container.medium {
  max-width: 960px;
  margin: 0 auto;
}
.container.small,
div.small{
  max-width: 520px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
.container { padding: 0 5vw; }
.container .minimum { padding: 0 2.5vw; }
.for-sp { display: block; }
.for-pc { display: none; }
}

@media screen and (min-width:769px) {
.for-sp { display: none; }
.for-pc { display: block; }
}
.flexy {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.flexy-item-top {
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}
.flexy-item-center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.flexy-jc-center {
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.flexy-jc-sbt {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.flexy-dir-row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.flexy-dir-row-reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.flexy-dir-column {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.phc {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}

/*@media all and (-ms-high-contrast:none){
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
}*/
@media screen and (max-width:768px) {
.flexy.sp-break { display: block; }
.grid.sp-break { display: block; }
}

@media screen and (max-width:959px) {
.phc.sp-break {
  top: 0%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
img {
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  width: auto\9;/*ie8*/
}
ul.inline-block { letter-spacing: -.4rem; }
ul.inline-block li {
  letter-spacing: normal;
  display: inline-block;
}
.all { text-align: left; }
.alc { text-align: center; }
.alr { text-align: right; }
a i.fa { margin-right: .5rem; }
.txt-justify {
  text-align: justify;
  text-justify: inter-ideograph;
}
.bg-set {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.bg-set::before, .bg-set::after {
  display: block;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.bg-set::before { z-index: -2; }
.bg-set::after { z-index: -1; }
.bg-set.gray::before {
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
.bg-set.blur::before {
  -webkit-filter: blur(3px);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><defs><filter id='blur'><feGaussianBlur in='SourceGraphic' stdDeviation='3' /></filter></defs></svg>#blur");
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
}
.panel::after { background-color: rgba(0,0,0,.8); }
.cover, .cover::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
a {
  text-decoration: none;
  color: #a9a9a9;
  outline: none;
}
.button {
  border: 0;
  padding: .5em 2em;
  margin: 0;
  color: inherit;
}
a.button.detail {
  display: block;
  padding: 2rem 0;
}

@media screen and (min-width:960px) {
a:hover, a:focus {
  color: #fff;
  outline: none;
}
a, .button, .img-wrap::after {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.img-wrap {
  position: relative;
  display: block;
}
.img-wrap::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  display: block;
  background-color: rgba(0,0,0,.7);
}
li:hover .img-wrap::after { background-color: rgba(0,0,0,0); }
.button:hover { opacity: .7; }
}
a.ct-tb {
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 0;
  background-color: #33302f;
  border: 4px solid #e63d3e inset;
}
a.ct-tb::before, a.ct-tb::after {
  z-index: -1;
  position: absolute;
  content: '';
  display: block;
  left: 0;
  right: 0;
  width: 100%;
  height: 50%;
  background-color: #e63d3e;
}
a.ct-tb::before { top: 0; }
a.ct-tb::after { bottom: 0; }
a.ct-lr {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width:960px) {
.ct-tb, .ct-tb::before, .ct-tb::after {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}
.ct-tb:hover { background-color: transparent; }
.ct-tb:hover::before, .ct-tb:hover::after { height: 2px; }
.box_link.op a:hover { background-color: rgba(255,255,255,.2); }
a.ct-lr::before, a.ct-lr::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #17110;
}
a.ct-lr::after {
  border-bottom: 4px solid #e63d3e;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}
a.ct-lr:hover::before, a.ct-lr:hover::after {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
}
.box_link {
  position: relative;
  width: 100%;
}
.box_link a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: -999em;
}
.box_link.op a { background-color: rgba(255,255,255,0); }
.under-line {
  position: relative;
  padding-bottom: .5em;
}
.under-line::after {
  content: '';
  position: absolute;
  width: 6rem;
  height: 4px;
  background-color: #e63d3e;
  left: 50%;
  bottom: 0;
  margin-left: -3rem;
}
.zerop { color: #e63d3e; }
.zerop::first-letter { color: #fff; }
#header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#header::before {
  content: '';
  display: block;
  top: 0;
  left: 0;
  right: 0;
  background-color: #e63d3e;
  height: 4px;
  width: 100%;
  position: absolute;
}
@media screen and (max-width:768px) {
#header::before { height: 4px; }
#header .info { height: 5rem; }
main { padding-top: 5rem; }
}

@media screen and (min-width:769px) {
#header::before { height: 8px; }
main { padding-top: 14rem; }
#header .info {height: 7rem;}
#header .nav { height: 7rem; }
}
#header .contact { vertical-align: top; }
#header .contact a {
  text-align: center;
  display: block;
  font-size: 3.2rem;
  color: #fff;
  line-height: 1.8;
  padding: 0 2rem;
  background-color: #e63d3e;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
#header .contact a i {
  vertical-align: middle;
  margin: 0;
  margin-bottom: 1.4rem;
}
#header .info h1 .use { fill: #6d6d6d; }
#header .info ul { text-align: right; }
#header .info ul li {
  text-align: center;
  margin-right: 1.5rem;
}
#header .info ul li:last-child { margin-right: 0; }
#header .info ul p { line-height: 1.2; }
#header .info ul em { display: block; }
#header .info ul em.en { letter-spacing: .04em; }
#header .nav.flexy > p { flex-basis: 14%; }
#header .nav > p .use { fill: #6d6d6d; }
#header .nav nav ul li { margin-right: 1.5em; }
#header .nav nav ul li a {
  font-weight: bold;
  position: relative;
  padding-bottom: 10px;
}
#header .nav nav ul li a::before {
  content: '';
  width: 0;
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e63d3e;
}
#header .nav nav ul li a.current { color: #fff; }
#header .nav nav ul li a.current::before { width: 100%; }
#header .info.flexy h1 { flex-basis: 26%; }
#header .info.flexy > div { flex-basis: 74%; }

/**/
@media screen and (max-width:768px) {
#header .info h1 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
#header .info > div, #header .nav { display: none; }
}

@media screen and (max-width:540px) {
#header .info h1 { width: 50%; }
}

@media screen and (min-width:541px) and (max-width:768px) {
#header .info h1 { width: 40%; }
}

@media screen and (min-width:769px) and (max-width:959px) {
#header .info ul p { font-size: 1rem; }
#header .info ul em.en { font-size: 1.6rem; }
#header .nav nav ul { font-size: 1.4rem; }
}
@media screen and (min-width:960px) {
#header .info ul p { font-size: 1.2rem; }
#header .info ul em.en { font-size: 1.6rem; }
#header .nav nav ul { font-size: 1.6rem; }
#header .nav nav ul a::before {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}
#header .nav nav ul li a:hover::before { width: 100%; }
#header .contact a:hover { background-color: #fff; }
#header .contact a:hover i { color: #e63d3e; }
}
@media screen and (max-width:820px) {
  #header .info ul li:not(.contact){
    display: none;
  }
}
@media screen and (min-width:769px) {
#header .info h1 { margin-top: 1rem; }
#header .info ul li > p { margin-top: 2rem; }
}
footer > section {
  max-width: 1600px;
  margin: 0 auto;
}
footer .flexy > nav { flex-basis: 72%; }
footer .flexy > nav > ul { line-height: 1.6; }
footer .flexy > nav > ul ul { margin-left: .5em; }
footer .flexy > div {
  flex-basis: 24%;
  position: relative;
}
footer .flexy > div > p {
  width: 60%;
  margin-bottom: 2rem;
}
footer .flexy > div > p .use { fill: #6d6d6d; }
footer .flexy > div dl { line-height: 1.2em; }
footer .flexy > div dl dt { width: 7em; }
footer .flexy > div dl dd {
  padding-left: 8em;
  margin-top: -1.2em;
  margin-bottom: .5em;
}
.copy {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.copy ul {
  font-size: 1.2rem;
  letter-spacing: -.4em;
  list-style: none;
}
.copy ul li {
  letter-spacing: normal;
  display: inline-block;
  margin-right: 1em;
}
.copy address {
  font-size: 1.2rem;
  color: #6d6d6d;
}

@media screen and (max-width:768px) {
footer > section:first-child > .container { padding: 0 0; }
footer .nav > div {
  padding: 4rem 0;
  background-color: #272322;
}
footer .nav > div > p {
  margin: 0 auto;
  margin-bottom: 2rem;
}
footer .nav > div dl {
  width: 15em;
  margin: 0 auto;
}
footer .nav > nav ul li {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
footer .nav > nav ul li a {
  padding-left: 1rem;
  padding: 1.4rem;
  display: block;
}
footer .nav > nav ul li { border-bottom: 1px solid #3b3b3b; }
footer .nav > nav ul li:last-child { border-bottom: 0; }
footer .nav > nav ul li li a { display: block; }
.copy ul { margin-bottom: 2rem; }
}

@media screen and (min-width:769px) {
footer .nav { font-size: 1.4rem; }
footer > section:first-child {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
footer > section:last-child {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
footer .flexy > div p, footer .flexy > div dl { margin-right: 3rem; }
footer .flexy > div::before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  background-color: #272322;
  width: 1px;
  height: 100%;
}
footer li.drawer-dropdown .drawer-caret { display: none; }
footer ul.drawer-dropdown-menu { display: block; }
}

@media all and (-ms-high-contrast:none) {
  html.win7 .drawer-dropdown { position:static; /*window 7 IE　バグ*/}
}

a#page-top {
  display: none;
  position: fixed;
  right: 2vw;
  bottom: 2vw;
  width: 50px;
  height: 50px;
}
a#page-top svg {
  display: block;
  width: 100%;
  height: 100%;
}
a#page-top svg .use {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
}
/**/
header.lead { /*margin-bottom: 2rem;*/ }
header.lead h2 {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 4rem;
  line-height: 1.2;
}
header.lead h2.en { font-size: 4.8rem; }
header.lead p {line-height: 2;}
header.lead h3 { font-size: 2rem; }
.header-page { min-height: 400px; }
.header-page.small { min-height: 200px; }
@media all and (-ms-high-contrast:none) {
.header-page { height: 400px; }
.header-page.small { height: 200px; }
}

@media screen and (max-width:959px) {
}

@media screen and (min-width:960px) {
header.lead h2.en span {
  text-wrap: none;
  white-space: nowrap;
}
header.lead h2.en span {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
}
}
nav.breadcrumb {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media screen and (max-width:768px) {
nav.breadcrumb { display: none; }
}
nav.breadcrumb ul {
  letter-spacing: -.4em;
  font-size: 1.2rem;
}
nav.breadcrumb ul li {
  letter-spacing: normal;
  display: inline-block;
  margin-right: 1em;
}
nav.breadcrumb ul li:last-child { margin-right: 0; }
nav.breadcrumb ul li::after {
  margin-left: 1em;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}
nav.breadcrumb ul li:last-child::after { display: none; }
nav.breadcrumb ul li::after { color: #6d6d6d; }
.flexy.column-page { }
.flexy.column-page .page-l { flex-basis: 24%; }
.flexy.column-page .page-r { flex-basis: 72%; }
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.sticky.sticky-fixed.is-sticky {
  margin-top: 0;
  margin-bottom: 0;
  position: fixed;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.sticky.sticky-fixed.is-sticky:not([style*="margin-top"]) { margin-top: 0 !important; }
.sticky.sticky-fixed.is-sticky:not([style*="margin-bottom"]) { margin-bottom: 0 !important; }
.sticky.sticky-fixed.is-absolute { position: absolute; }

@media screen and (orientation: landscape) {
/* 横 */
  
}

@media screen and (orientation: portrait) {
/* 縦 */
}