@charset "UTF-8";

@import url("../css/googlefont.css");

html {
  color: #000;
  background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
select,
main,
address,
span {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 140%;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
  box-sizing: border-box;
}

a,
span {
  box-sizing: border-box;
}

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

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

strong {
  font-style: normal;
}

ul li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

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

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-bottom;
}

sub {
  vertical-align: text-top;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

legend {
  color: #000;
}

figure {
  margin: 0;
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  color: #000;
  font-family: Hiragino Kaku Gothic Pro, Yu Gothic Medium, Yu Gothic, Meiryo, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

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

a {
  color: #000;
  text-decoration: none;
  transition: all 0.3s;
}

a img {
  opacity: 1;
  transition: all 0.3s;
}

a.link-underline {
  text-decoration: underline;
}

p {
  line-height: 190%;
}

p + p {
  margin-top: 1.2rem;
}

ol {
  padding-left: 2rem;
}

ruby rt {
  font-size: 40%;
}

em {
  color: #e13838;
}

input[type=text],
input[type=tel],
input[type=email],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 10px;
  border: 1px solid #b7b7b7;
}

select {
  padding: 8px 10px;
  border: 1px solid #b7b7b7;
}

textarea {
  width: 100%;
  height: 200px;
}

.btn-gray,
.btn-blue,
.btn-red {
  display: inline-block;
  border-radius: 10px;
  padding: 17px 50px 17px 30px;
  background: url(../img/common/arrow-r-white.svg) right 10px center/20px no-repeat #596977;
  color: #fff;
}

.btn-gray-en {
  display: block;
  float: right;
  margin-left: 30px;
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  color: rgba(255, 255, 255, 0.8);
}

.btn-blue{
  background: url(../img/common/arrow-r-white.svg) right 10px center/20px no-repeat #577fbc;
  margin-left: 20px;
  padding: 12px 40px 12px 20px;
}

.btn-red {
  background: url(../img/common/arrow-r-white.svg) right 10px center/20px no-repeat #ff0000;
  margin-left: 20px;
  padding: 12px 40px 12px 20px;
}
.col {
  display: flex;
  flex-flow: row wrap;
}

.col.is-oneline {
  flex-wrap: nowrap;
  justify-content: space-between;
}

.col-contents {
  width: 100%;
}

.is-oneline .col-contents {
  margin-bottom: 0;
}

.is-oneline .col-contents + .col-contents {
  margin-left: 2%;
}

.is-2 .col-contents {
  max-width: 48%;
}

.is-2 .col-contents:nth-child(even) {
  margin-left: calc(4% - 1px);
}

.is-2 .col-contents:nth-child(n+3) {
  margin-top: 30px;
}

.is-3 .col-contents {
  max-width: 32%;
}

.is-3 .col-contents:not(:nth-child(3n+1)) {
  margin-left: calc(2% - 1px);
}

.is-3 .col-contents:nth-child(n+4) {
  margin-top: 30px;
}

.is-4 .col-contents {
  max-width: 23%;
}

.is-4 .col-contents:not(:nth-child(4n+1)) {
  margin-left: calc(2.6% - 1px);
}

.is-4 .col-contents:nth-child(n+5) {
  margin-top: 30px;
}

.col-contents-title {
  margin-bottom: 5px;
}

.col-contents-text {
  margin-top: 5px;
}

.flImgContents-img {
  max-width: 37%;
  width: 100%;
}

.flImgContents-img.is-s {
  max-width: 200px;
}

.flImgContents-img.is-ss {
  max-width: 100px;
}

.flImgContents-img.is-l {
  max-width: 47%;
}

.flImgContents-img.is-fr {
  float: right;
  margin: 0 0 20px 40px;
}

.flImgContents-img.is-fl {
  float: left;
  margin: 0 40px 20px 0;
}

/*　テキスト、フォント　*/

.text-s {
  font-size: 85%;
}

.text-l {
  font-size: 120%;
}

.cl-red {
  color: #ff0000;
}

.text-red-l {
  color: #eb0a0a;
  display: block;
  font-size: 1.8rem;
}

.text-nowrap {
  white-space: nowrap;
}

/* リスト */

.list-normal > li {
  margin: 0 0 10px;
  text-indent: -1.6rem;
  padding-left: 1.6rem;
}

.list-normal > li::before {
  content: "●";
  margin-right: 5px;
  font-size: 10px;
  font-family: sans-serif;
  color: #eb0a0a;
}

.list-number {
  padding: 0 0 0 25px;
}

.list-number > li {
  list-style: decimal;
  margin: 0 0 10px;
}

.list-numbold {
  counter-reset: li;
  list-style: none;
  padding-left: 2.5rem;
}

.list-numbold > li::before {
  margin: 0 5px 0 -2rem;
  width: 2.5rem;
  content: counter(li) ". ";
  counter-increment: li;
  font-weight: bold;
}

/* 定義リスト */

.dl-normal dt {
  font-weight: bold;
  font-size: 1.8rem;
}

.dl-normal dd {
  margin-bottom: 30px;
}

.al-r {
  text-align: right;
}

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

.full {
  width: 100%;
}

.size-30 {
  width: 30%;
}

.size-60 {
  width: 60%;
}

.indent {
  width: 97%;
  margin: 0 0 0 auto;
}

.definition {
  margin-top: 20px;
}

.definition + .definition {
  margin-top: 30px;
}

.definition-title {
  font-size: 1.8rem;
  font-weight: bold;
}

.definition-text {
  margin-top: 10px;
}

/*　セクション　*/

.section-small {
  margin-top: 20px;
  margin-bottom: 20px;
}

.section-01 {
  margin-top: 30px;
  margin-bottom: 40px;
}

.section-01:first-child {
  margin-top: 0;
}

.section-02 {
  margin-top: 40px;
  margin-bottom: 70px;
}

.section-02:first-child {
  margin-top: 0;
}

.section-03 {
  margin-top: 40px;
  margin-bottom: 100px;
}

.section-03:first-child {
  margin-top: 0;
}

.section-center {
  max-width: 860px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.section-center_mu {
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
/* テーブル */

.nowrap {
  white-space: nowrap;
}

.caption {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}

.table-01 {
  border-collapse: collapse;
  width: 100%;
  font-size: 1.4rem;
}

.table-01 th,
.table-01 td {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  line-height: 1.67;
}

.table-01 th {
  position: relative;
  color: #000;
  width: 25%;
}

.table-01 th::before {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 2em;
  height: 1px;
  background: #eb0a0a;
}

.table-01 a {
  color: #fff;
}

.table-02 {
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.table-02 th,
.table-02 td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.67;
  padding: 0.5em 1em;
}

.table-02 th {
  background: #eee;
}

.wfix {
  table-layout: fixed;
}

/* タイトル */

.title-bold {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
}

.title-center {
  margin-bottom: 60px;
  text-align: center;
}

.title-center-main {
  display: block;
  font-family: Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 2.6rem;
  font-weight: 500;
}

.title-center-en {
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
}

.title-page {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
}

.title-page-ja {
  display: inline-block;
  margin-right: 20px;
  font-size: 4rem;
  font-weight: bold;
}

.title-page-en {
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 2rem;
}

.title-l {
  margin-bottom: 30px;
  padding-left: 15px;
  border-left: 5px solid #eb0a0a;
  font-size: 2.4rem;
}

.title-m {
  margin-bottom: 30px;
  font-size: 2.4rem;
}

.title-s {
  margin-bottom: 30px;
  padding-left: 10px;
  border-left: 3px solid grey;
  font-size: 2rem;
}
.title-ss {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 10px;
  border-left: 3px solid grey;
  font-size: 1.5rem;
}
.title-bg {
  background: #e3dddd;
  padding: 0.6em 0.75em;
  font-size: 1.6rem;
  margin-bottom: 16px;
}

.title-border {
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-size: 2rem;
}

body.forTb#top {
  overflow: auto;
}

.sideMenu {
  position: fixed;
  right: 0;
  top: 0;
  width: 180px;
  height: 100vh;
  background: #3c3c3c;
  z-index: 4;
  overflow: auto;
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.sideMenu::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

.sideMenu-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 76px;
  background: #eb0a0a;
}

.forTab .sideMenu-logo {
  width: 173px;
  height: 100%;
}

.sideMenu-logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.sideMenu-logo img {
  display: block;
  width: 80%;
}

.sideMenu-upicon {
  width: 30px;
  position: absolute;
  bottom: 40px;
  left: calc(50% - 15px);
  cursor: pointer;
  transition: all 0.2s;
  border-radius: 30px;
}

.sideMenu-upicon-top {
  display: none;
}

#top .sideMenu-upicon-top {
  display: block;
}

#top .sideMenu-upicon-lower {
  display: none;
}

.contents {
  padding-top: 60px;
  padding-right: 140px;
}

#top .contents {
  padding-top: 0;
}

#lw-cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  padding: 10px 0;
  background: rgba(255, 0, 0, 0.5);
  border-top: 1px solid #e60012;
  color: #ffffff;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "-apple-system", "BlinkMacSystemFont", "Meiryo", sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  z-index: 5;
}

#lw-cookie-consent .lw-cookie-consent-wrapper {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: calc(100% - 20px);
  max-width: 980px;
}

#lw-cookie-consent .lw-cookie-consent-lead {
  position: relative;
  margin: 0 30px 1em 0;
  padding-left: 24px;
  font-size: 13px;
  line-height: 20px;
}

#lw-cookie-consent .lw-cookie-consent-lead::before {
  content: "";
  display: inline-block;
  background: url(../img/common/icon-exclamation.svg) center center/contain no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 2px;
}

#lw-cookie-consent .lw-cookie-consent-lead > a {
  color: #ffffff;
  text-decoration: underline;
}

#lw-cookie-consent .lw-cookie-consent-form {
  white-space: nowrap;
  text-align: center;
}

#lw-cookie-consent button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 10em;
  margin: 5px;
  padding: 0.5em 0.8em 0.5em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  text-align: center;
}

#lw-cookie-consent button::before {
  content: "";
  width: 15px;
  height: 15px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding-right: 0.5em;
}

#lw-cookie-consent button.lw-cookie-consent-accept {
  background-color: #ffffff;
  border-color: #e60012;
  color: #e60012;
}

#lw-cookie-consent button.lw-cookie-consent-deny {
  background: #3d3a35;
  color: #ffffff;
}

#lw-cookie-consent button.lw-cookie-consent-accept::before {
  background-image: url(../img/common/icon-check.svg);
}

#lw-cookie-consent button.lw-cookie-consent-deny::before {
  background-image: url(../img/common/icon-batu.svg);
}

.footer {
  padding: 100px 140px 100px 0;
  background: linear-gradient(140deg, #fff 50%, #cfd2d5 50%);
}

#top .footer {
  padding-right: 0;
}

.footerBn {
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.footerBn-one {
  width: 30%;
}

.footerCopy {
  margin-top: 140px;
  padding-bottom: 40px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  text-align: right;
}

.dwMenu {
  position: absolute;
  top: calc(50% - 25px);
  right: calc(50% - 17px);
  width: 42px;
  height: 42px;
  cursor: pointer;
  z-index: 5;
  transform: scale(0.8);
}

.dwMenu-hamburger {
  position: relative;
  display: block;
  outline: none;
  border: none;
}

.dwMenu-hamburger span {
  position: absolute;
  left: 0;
  width: 50px;
  height: 1px;
  display: inline-block;
  background-color: #fff;
  transition: all 0.4s;
}

.dwMenu-hamburger span:nth-of-type(1) {
  top: 0;
  -webkit-animation: menu-bar01 0.75s forwards;
  animation: menu-bar01 0.75s forwards;
}

.dwMenu-hamburger span:nth-of-type(2) {
  top: 11.5px;
  transition: all 0.25s 0.25s;
  opacity: 1;
}

.dwMenu-hamburger span:nth-of-type(3) {
  top: 24px;
  -webkit-animation: menu-bar02 0.75s forwards;
  animation: menu-bar02 0.75s forwards;
}

.dwMenu-active .dwMenu-hamburger span:nth-of-type(1) {
  -webkit-animation: active-menu-bar01 0.75s forwards;
  animation: active-menu-bar01 0.75s forwards;
}

.dwMenu-active .dwMenu-hamburger span:nth-of-type(2) {
  opacity: 0;
}

.dwMenu-active .dwMenu-hamburger span:nth-of-type(3) {
  -webkit-animation: active-menu-bar03 0.75s forwards;
  animation: active-menu-bar03 0.75s forwards;
}

.dwMenu-text {
  display: block;
  margin-top: 30px;
  text-align: center;
  font-size: 2.0rem;
  font-family: "Roboto Condensed", Hiragino Kaku Gothic Pro, Yu Gothic Medium, Yu Gothic, Meiryo, sans-serif;
  color: #fff;
}

@-webkit-keyframes menu-bar01 {
  0% {
    transform: translateY(12px) rotate(45deg);
  }

  50% {
    transform: translateY(12px) rotate(0);
  }

  100% {
    transform: translateY(0) rotate(0);
  }
}

@keyframes menu-bar01 {
  0% {
    transform: translateY(12px) rotate(45deg);
  }

  50% {
    transform: translateY(12px) rotate(0);
  }

  100% {
    transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes menu-bar02 {
  0% {
    transform: translateY(-12px) rotate(-45deg);
  }

  50% {
    transform: translateY(-12px) rotate(0);
  }

  100% {
    transform: translateY(0) rotate(0);
  }
}

@keyframes menu-bar02 {
  0% {
    transform: translateY(-12px) rotate(-45deg);
  }

  50% {
    transform: translateY(-12px) rotate(0);
  }

  100% {
    transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }

  50% {
    transform: translateY(12px) rotate(0);
  }

  100% {
    transform: translateY(12px) rotate(45deg);
  }
}

@keyframes active-menu-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }

  50% {
    transform: translateY(12px) rotate(0);
  }

  100% {
    transform: translateY(12px) rotate(45deg);
  }
}

@-webkit-keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }

  50% {
    transform: translateY(-12px) rotate(0);
  }

  100% {
    transform: translateY(-12px) rotate(-45deg);
  }
}

@keyframes active-menu-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }

  50% {
    transform: translateY(-12px) rotate(0);
  }

  100% {
    transform: translateY(-12px) rotate(-45deg);
  }
}

.gNavi {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3px;
  transform: scaleX(0);
  overflow: hidden;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.788) 30%, #ff4545);
  z-index: 2;
  text-align: center;
}

.gNavi-inner {
  display: flex;
  justify-content: center;
  padding-right: 140px;
  gap: 0 10%;
  width: 80%;
  max-width: 1000px;
  margin: 0 auto;
}

.gNavi-ul {
  width: 860px;
  text-align: left;
}

.gNavi-ul-li {
  font-size: 2.4rem;
}

.gNavi-ul-li + .gNavi-ul-li {
  margin-top: 15px;
}

.gNavi-ul-li > a {
  color: #fff;
}

.gNaviSub {
  margin: 20px 0 0 20px;
}

.gNaviSub-li {
  font-size: 2.6rem;
}
.gNaviSub-li.sub {
  font-size: 1.4rem!important;
}
.gNaviSub-li.sub:first-child {
  margin-top:10px;
}

.gNaviSub-li + .gNaviSub-li {
  margin-top: 10px;
}

.gNaviSub-li a {
  display: flex;
  align-items: center;
  color: #fff;
}

.gNaviSub-li a::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.gNaviSub-li a:hover {
  color: #ad5151;
}

.innerNavi {
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
}

.innerNavi.is-ir {
  margin-bottom: 50px;
}

.innerNavi-ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 4px solid #e9f0f6;
  border-bottom: 4px solid #e9f0f6;
  padding: 20px 10px;
}

.innerNavi-ul-link {
  padding: 5px 30px 5px 0;
}

.innerNavi-ul-link a {
  font-size: 1.5rem;
  text-decoration: none;
  position: relative;
  padding-left: 15px;
  display: inline-block;
}

.innerNavi-ul-link a:hover {
  color: #eb0a0a;
}

.innerNavi-ul-link a::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #eb0a0a;
  position: absolute;
  left: 0;
  top: 5px;
}

.pankuzu {
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
  text-align: right;
  margin-bottom: 28px;
}

.pankuzu-ul {
  display: inline-flex;
  flex-wrap: wrap;
}

.pankuzu-ul-li {
  font-size: 1.3rem;
  margin: 2px 0;
}

.pankuzu-ul-li + .pankuzu-ul-li::before {
  content: "/";
  display: inline-block;
  margin: 0 10px;
}

.pankuzu-ul-li a {
  text-decoration: underline;
}

.irNavi {
  text-align: center;
}

.irNavi-ul-li {
  padding: 0 10px;
  position: relative;
  transition: all 0.2s;
}

.irNavi-ul-li > a {
  display: block;
  border-bottom: 1px solid #FFF;
  padding: 15px 0;
  color: #FFF;
}

.irNavi-ul-li > a:hover {
  color: #ffed00;
}

.irNavi-ul-li:hover {
  background-color: rgba(168, 168, 168, 0.185);
}

.irNavi-sub {
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 5;
  background: rgba(60, 60, 60, 0.85);
  width: 180px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s;
}

.has-child:hover .irNavi-sub {
  visibility: visible;
  opacity: 1;
}

.irNavi-sub-li {
  font-size: 1.3rem;
  text-align: left;
}

.irNavi-sub-li + .irNavi-sub-li {
  border-top: 1px solid #747474;
}

.irNavi-sub-li > a {
  display: block;
  padding: 10px 30px;
  color: #FFF;
}

.irNavi-sub-li > a:hover {
  background: rgba(0, 0, 0, 0.473);
}

.page-wrap {
  position: relative;
  overflow: hidden;
}

.forTb .page {
  position: static;
  opacity: 1;
}

.page-inner {
  position: relative;
  height: 100%;
}

.forTb .page-inner {
  height: auto;
}

.currentPage .page-inner {
  -webkit-animation: pageMoveIn 1s forwards;
  animation: pageMoveIn 1s forwards;
}

.animation .page-inner {
  -webkit-animation: pageMoveOut 1s forwards;
  animation: pageMoveOut 1s forwards;
}

.currentPage,
.animation {
  z-index: 1;
}

.currentPage.is_next {
  -webkit-animation: pagemove_open_down 1s cubic-bezier(0.11, 0.95, 0.71, 0.98) 0.2s forwards;
  animation: pagemove_open_down 1s cubic-bezier(0.11, 0.95, 0.71, 0.98) 0.2s forwards;
}

.currentPage.is_prev {
  -webkit-animation: pagemove_open_up 1s cubic-bezier(0.11, 0.95, 0.71, 0.98) 0.2s forwards;
  animation: pagemove_open_up 1s cubic-bezier(0.11, 0.95, 0.71, 0.98) 0.2s forwards;
}

.currentPage.page:first-child {
  -webkit-animation: none;
  animation: none;
}

.animation.is_next {
  -webkit-animation: pagemove_close_down 1s cubic-bezier(0.15, 0.71, 1, 0.4) forwards;
  animation: pagemove_close_down 1s cubic-bezier(0.15, 0.71, 1, 0.4) forwards;
}

.animation.is_prev {
  -webkit-animation: pagemove_close_up 1s cubic-bezier(0.15, 0.71, 1, 0.4) forwards;
  animation: pagemove_close_up 1s cubic-bezier(0.15, 0.71, 1, 0.4) forwards;
}

@-webkit-keyframes pagemove_open_down {
  0% {
    opacity: 1;
    transform: translate(-50%, 100%) scale(0.4);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

@keyframes pagemove_open_down {
  0% {
    opacity: 1;
    transform: translate(-50%, 100%) scale(0.4);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes pagemove_close_down {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    opacity: 1;
    transform: translate(50%, -150%) scale(0.8);
  }
}

@keyframes pagemove_close_down {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    opacity: 1;
    transform: translate(50%, -150%) scale(0.8);
  }
}

@-webkit-keyframes pagemove_open_up {
  0% {
    opacity: 1;
    transform: translate(50%, -100%) scale(0.4);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

@keyframes pagemove_open_up {
  0% {
    opacity: 1;
    transform: translate(50%, -100%) scale(0.4);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes pagemove_close_up {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 150%) scale(0.8);
  }
}

@keyframes pagemove_close_up {
  0% {
    opacity: 1;
    transform: scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 150%) scale(0.8);
  }
}

@-webkit-keyframes tilt-in-bl {
  0% {
    transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
    opacity: 0;
  }

  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

@keyframes tilt-in-bl {
  0% {
    transform: rotateY(35deg) rotateX(-20deg) translate(-250px, 250px) skew(-12deg, -15deg);
    opacity: 0;
  }

  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

@-webkit-keyframes tilt-in-tr {
  0% {
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }

  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

@keyframes tilt-in-tr {
  0% {
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }

  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

@-webkit-keyframes tilt-out-tr {
  0% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }

  100% {
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }
}

@keyframes tilt-out-tr {
  0% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }

  100% {
    transform: rotateY(-35deg) rotateX(20deg) translate(250px, -250px) skew(-12deg, -15deg);
    opacity: 0;
  }
}

@-webkit-keyframes slide-out-elliptic-top-bck {
  0% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 1400px;
    opacity: 1;
  }

  100% {
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

@keyframes slide-out-elliptic-top-bck {
  0% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% 1400px;
    opacity: 1;
  }

  100% {
    transform: translateY(-600px) rotateX(-30deg) scale(0);
    transform-origin: 50% 100%;
    opacity: 1;
  }
}

@-webkit-keyframes swing-in-left-fwd {
  0% {
    transform: rotateY(100deg);
    transform-origin: left;
    opacity: 0;
  }

  100% {
    transform: rotateY(0);
    transform-origin: left;
    opacity: 1;
  }
}

@keyframes swing-in-left-fwd {
  0% {
    transform: rotateY(100deg);
    transform-origin: left;
    opacity: 0;
  }

  100% {
    transform: rotateY(0);
    transform-origin: left;
    opacity: 1;
  }
}

@-webkit-keyframes tilt-in-fwd-tl {
  0% {
    transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }

  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

@keyframes tilt-in-fwd-tl {
  0% {
    transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }

  100% {
    transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

@-webkit-keyframes slide-out-fwd-tr {
  0% {
    transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateZ(600px) translateY(-300px) translateX(400px);
    opacity: 0;
  }
}

@keyframes slide-out-fwd-tr {
  0% {
    transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }

  100% {
    transform: translateZ(600px) translateY(-300px) translateX(400px);
    opacity: 0;
  }
}

@-webkit-keyframes slide-in-elliptic-top-bck {
  0% {
    transform: translateY(-600px) rotateX(30deg) scale(6.5);
    transform-origin: 50% 200%;
    opacity: 0;
  }

  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% -500px;
    opacity: 1;
  }
}

@keyframes slide-in-elliptic-top-bck {
  0% {
    transform: translateY(-600px) rotateX(30deg) scale(6.5);
    transform-origin: 50% 200%;
    opacity: 0;
  }

  100% {
    transform: translateY(0) rotateX(0) scale(1);
    transform-origin: 50% -500px;
    opacity: 1;
  }
}

.accessMap {
  height: 600px;
  margin-top: 40px;
  text-align: center;
}

.accessMap iframe {
  width: 100%;
  height: 100%;
}

.companyIntro {
  display: flex;
  justify-content: space-between;
}

.companyIntro-img {
  width: 60%;
}

.companyIntro-text {
  width: 40%;
  padding-left: 50px;
}

.companyIntro-text em {
  display: block;
  font-weight: bold;
  color: #000;
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.companyKiwameru {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.companyKiwameru-img {
  width: 50%;
  margin-bottom: 10px;
}

.companyKiwameru-img img {
  width: 100%;
}

.companyKiwameru-des {
  width: 47%;
}

.companyKiwameru-des-title {
  margin-bottom: 30px;
  font-size: 2.7rem;
  font-weight: bold;
  color: #eb0a0a;
}

.companyKiwameru-des-text {
  font-size: 1.7rem;
}

.companyTopPanel {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.companyTopPanel-one {
  width: 45%;
  border: 1px solid #ccc;
}

.companyTopPanel-one-img {
  width: 100%;
}

.companyTopPanel-one-img img {
  width: 100%;
  max-width: 100%;
}

.companyTopPanel-one-des {
  padding: 15px;
}

.companyTopPanel-one-des-title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
}

.companyTopPanel-one-des-title::before {
  content: "";
  display: inline-block;
  width: 20px;
  margin-right: 10px;
  height: 1px;
  background: #eb0a0a;
}

.companyPanelSub {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
}

.companyPanelSub-one {
  width: 23%;
}

.companyPanelSub-one-img {
  width: 70%;
  height: 80px;
  margin: 0 auto 20px;
}

.companyPanelSub-one-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.companyPanelSub-one-cap {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.companyTopBn {
  display: flex;
  justify-content: space-between;
}

.companyTopBn-one {
  width: 44%;
}

.lowerPageNavi {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.lowerPageNavi-item {
  flex: 0 0 48%;
  width: 48%;
  min-width: 0;
  margin-top: 2%;
  margin-bottom: 2%;
}

.lowerPageNavi-item:nth-child(2n+1) {
  margin-right: 4%;
}

.lowerPageNavi-item > a,
.lowerPageNavi-item > span {
  display: flex;
  align-items: center;
}

.lowerPageNavi-item > a:hover {
  color: #eb0a0a;
}

.lowerPageNavi-item-image {
  margin-right: 20px;
  max-width: 100px;
  flex: 0 1 100px;
}

.lowerPageNavi-item-text {
  flex: 0 1 auto;
}

.lowerPageNavi-item-title {
  font-weight: 700;
  font-size: 1.2em;
}

.lowerPageNavi-item-exp {
  margin-top: 5px;
  line-height: 1.5;
}

.futureContents {
  display: flex;
  align-items: flex-start;
}

.futureContents-text > p {
  flex: 0 1 auto;
}

.futureContents-image {
  flex: 0 0 200px;
  margin-left: 4%;
}

.futureContents-image img {
  max-width: none;
  width: 100%;
}

.futureContents-image figcaption {
  margin-top: 10px;
  font-size: 0.925em;
}

.table-01.historyTable th {
  width: 20%;
  min-width: 80px;
}

.table-01.historyTable th span {
  display: inline-block;
}

.table-01.historyTable td {
  padding-left: 2%;
  line-height: 1.5;
}

.historyNote {
  margin-top: 40px;
}

.historyNote::after {
  content: "";
  clear: both;
  display: block;
}

.historyNote h2 {
  margin-bottom: 5px;
}

.historyNote h2 span {
  font-weight: bold;
  padding-left: 1em;
}

.historyNote-img {
  float: right;
  width: 20%;
  max-width: 150px;
  text-align: center;
  margin-left: 20px;
  margin-bottom: 10px;
}

.historyNote-img figcaption {
  font-size: 1.3rem;
  margin-top: 5px;
}

.historyNote h3 {
  margin-top: 1em;
  margin-bottom: 5px;
}

.historyNote ul li,
.historyNote ol li {
  line-height: 1.75;
}

.museumKV {
  background: url("../img/museum-west/main.jpg") no-repeat center top;
  background-size: cover;
}

.museumKV-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
  position: relative;
  height: 0;
  min-height: 500px;
  padding-bottom: 40%;
}

.museumKV-inner-title {
  padding-top: 50px;
}

.museumKV-inner-subtitle {
  padding: 25px 0;
}

.museumKV-inner p {
  color: #fff;
  text-shadow: 0 0 6px #000, 0 0 6px #000, 0 0 6px #000;
  font-size: 1.8rem;
  line-height: 1.67;
  font-weight: bold;
  width: 50%;
}

.museumGuide {
  border: 1px solid #eb0a0a;
  padding: 20px;
}

.museumGuide em {
  font-weight: bold;
  color: #000;
}

.museumOutline-list-text,
.museumInfo-list-text {
  list-style: disc;
  margin-left: 2em;
  padding: 5px 0;
}

.museumOutline-list + .museumGuide {
  margin-top: 40px;
}

.museumOutline-accessmap , .museumOutline-application{
  display: inline-block;
  margin-left: 20px;
}

.museumTour-img {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.museumTour-img-photo {
  width: 33%;
}

.museumTour-img-photo img {
  width: 100%;
}

.museumTourplan {
  margin-bottom: 20px;
}

.museumAccess-map {
  position: relative;
  width: 100%;
  padding-top: 75%;
}

.museumAccess-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.museumAccess-detail {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 40px;
}

.museumAccess-detail-map {
  width: 48%;
}

.museumInfo {
  margin-top: 50px;
}

.museumInfo em {
  color: #000;
  font-weight: bold;
}

.presidentImg {
  position: relative;
}

.presidentImg-photo,
.presidentImgibuki-photo {
  position: relative;
  width: 60%;
  max-width: 516px;
}

.presidentImg-photo img,
.presidentImgibuki-photo img {
  width: 100%;
}

.presidentImg-photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, transparent 0 30%, #FFF 70% 100%);
}
.presidentImgibuki-photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, transparent 0 30%, #FFF 90% 100%);
}
/**ibuki from202504**/
.presidentImgibuki-text {
  width: 416px;
  z-index: 2;
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
}

.presidentImgibuki-text em {
  display: block;
  font-family: Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 3.7rem;
  line-height: 1.5;
  color: #000;
}

.presidentImgibuki-text span {
  text-align: right;
  display: block;
  margin-top: 10px;
}

/**tanaka to202503**/
.presidentImg-text {
  width: 336px;
  z-index: 2;
  position: absolute;
  right: 6%;
  top: 50%;
  transform: translateY(-50%);
}

.presidentImg-text em {
  display: block;
  font-family: Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 3.7rem;
  line-height: 1.5;
  color: #000;
}

.presidentImg-text span {
  text-align: right;
  display: block;
  margin-top: 10px;
}

.presidentMessage {
  margin-top: 50px;
  font-size: 1.8rem;
}

.sitemap {
  -moz-column-count: 3;
  column-count: 3;
  font-size: 1.5rem;
}

.sitemap-li {
  margin: 8px 0;
  display: inline-block;
  width: 100%;
}

.sitemap-li > a {
  position: relative;
  padding-left: 16px;
  vertical-align: middle;
}

.sitemap-li > a::before,
.sitemap-li > a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.sitemap-li > a::before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #eb0a0a;
}

.sitemap-li > a::after {
  left: 3px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.sitemap-li > a:hover {
  color: #eb0a0a;
}

.sitemapSub {
  font-size: 1.4rem;
  margin-top: 10px;
}

.sitemapSub-li {
  margin: 6px 0;
}

.sitemapSub-li > a {
  position: relative;
  padding: 0 0 0 16px;
  vertical-align: middle;
}

.sitemapSub-li > a::before,
.sitemapSub-li > a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.sitemapSub-li > a::before {
  left: 2px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #eb0a0a;
  border-right: 2px solid #eb0a0a;
  transform: rotate(45deg);
}

.sitemapSub-li > a:hover {
  color: #eb0a0a;
}

.summaryGroup em {
  font-weight: bold;
  color: #000;
}

.mv {
  width: 100%;
  height: 100vh;
}

.forTb .mv {
  height: 60vw;
}

.mv video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.solutionTitle {
  position: absolute;
  top: 0;
  left: 0;
  width: 272px;
  height: 227px;
}

.bgMap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/bg-solution.png) center center/contain no-repeat;
  pointer-events: none;
}

.solutionPanel-wrap {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
}

.forTb .solutionPanel-wrap {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  padding: 160px 0 80px;
  margin: 0 auto;
}

.solutionPanel {
  display: flex;
}

.solutionPanel-one-img {
  margin-bottom: 10px;
}

.solutionPanel-one-cap {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
}

.kodawari {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
  background: url(../img/top/bg-tools.png) left center/auto 100% no-repeat #cfd2d5;
}

.forTb .kodawari {
  padding: 40px 0;
}

.kodawari::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(140deg, transparent 50%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.5));
}

.kodawariContents {
  position: relative;
  width: 50%;
  padding-right: 5%;
  z-index: 1;
}

.kodawariContents-title {
  margin-bottom: 14vh;
  text-align: right;
}

.kodawariContents-title-ja {
  display: block;
  font-size: 4.4rem;
  font-weight: 600;
}

.kodawariContents-title-en {
  display: block;
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 1.8rem;
}

.kodawariContents-text p {
  text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.informationArea {
  display: flex;
  width: 100%;
  height: 100%;
}

.informationTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 262px;
  background: linear-gradient(-40deg, #fff 33%, #e9f0f6 33%, #e9f0f6 66%, #fff 66%, #fff);
  border-right: 1px solid #e9f0f6;
  font-size: 2.9rem;
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  letter-spacing: 0.2rem;
}

.informationContents {
  flex: 1;
  padding-top: 80px;
  padding-bottom: 20px;
}

.informationContents-newsWrap {
  margin-bottom: 8vh;
}

.informationContents-link {
  width: 250px;
  padding: 0 0 4px 40px;
  background: url(../img/common/arrow-long.svg) left bottom/contain no-repeat;
}

.informationContents-link a {
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  color: #95a1ab;
}

.informationContents-link-en {
  display: inline-block;
  margin-left: 30px;
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
}

.infoSec {
  position: relative;
  border-bottom: 1px double #d3d8da;
}

.infoSec a {
  display: flex;
  padding: 20px 70px 20px 40px;
}

.infoSec::after {
  content: "";
  position: absolute;
  right: 30px;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: url(../img/common/arrow-r-blue.svg) center center/contain no-repeat;
}

.infoSec + .infoSec {
  margin-top: 2px;
  border-top: 1px solid #d3d8da;
}

.infoSec-img {
  width: 200px;
  height: 118px;
  margin-right: 30px;
}

.infoSec-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.infoSec-main {
  flex: 1;
  padding-top: 20px;
}

.infoSec-main-time {
  min-width: 130px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #95a1ab;
}

.infoSec-main-cate {
  display: inline-block;
  margin-left: 20px;
  padding: 5px 10px 4px;
  border-radius: 30px;
  border: 1px solid #eb0a0a;
  font-size: 1.2rem;
  color: #eb0a0a;
  line-height: 1;
}

.infoSec-main-text {
  flex: 1;
  margin-top: 10px;
  line-height: 1.6;
}

.aboutArea {
  width: 100%;
  height: 100%;
  background: url(../img/top/bg-about.jpg) center center/cover no-repeat;
  padding-bottom: 20px;
}

.aboutArea-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  width: 100%;
  padding-top: 8vh;
}

.aboutAreaTitle {
  margin-bottom: 40px;
}

.aboutAreaTitle-main {
  display: block;
  margin-bottom: 10px;
  font-size: 4.4rem;
  font-weight: 600;
  color: #d52323;
}

.aboutAreaTitle-en {
  display: block;
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 1.8rem;
}

.aboutBtnArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  width: 86%;
}

.aboutBtnArea-btn {
  width: 48%;
  margin-bottom: 15px;
}

.aboutBtnArea-btn a {
  width: 100%;
}

.aboutBtnArea2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  width: 86%;
}

.aboutBtnArea2-btn {
  width: 48%;
  margin-bottom: 30px;
}

.aboutBtnArea2-btn a {
  width: 100%;
}



.partnerArea {
  width: 100%;
  height: 100%;
  background: url(../img/top/bg-partner.jpg) center center/cover no-repeat;
  padding-bottom: 20px;
}

.partnerArea-inner {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding-top: 2vh;
}

.partnerAreaTitle {
  margin-bottom: 20px;
}

.partnerAreaTitle-main {
  display: block;
  margin-bottom: 10px;
  font-size: 4.4rem;
  font-weight: 600;
  color: #d52323;
}
  @media (max-width: 767px) {
    .partnerAreaTitle-main {
      font-size: 3.4rem!important;
    }
  }

.partnerAreaTitle-main-copy {
  display: block;
  margin-bottom: 10px;
  font-size: 2.4rem;
  font-weight: 600;
}
.partnerAreaTitle-en {
  display: block;
  font-size: 1.8rem;
}
.partnerBtnArea-btn .btn-gray-main {
  display: block;
}
.partnerBtnArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /*margin-bottom: 30px;
  padding-bottom: 30px;*/
  width: 100%;
}

.partnerBtnArea-btn {
  width: 16%;
  margin: 0 4px 15px;
  text-align: center;
}
  @media (max-width: 767px) {
    .partnerBtnArea-btn {
      width: 30%!important;
    }
  }

.partnerBtnArea-btn img{
  margin-bottom: 10px;
}
.partnerBtnArea p {
  margin-bottom: 20px;
 width: 100%;
}
.partnerReportBtnArea-btn {
  width:300px;
  margin:0 auto;
  text-align: center;
}
.partnerReportBtnArea-btn a{
  color:#fff;
  display: block;
  background:#ff0000;
  padding:20px;

}
.partnerReportBtnArea-btn a:hover{
  background: #ffefef;
   display: block;
   color:#000;
}

.partnerBtnArea .btn-gray-main {
  font-weight:bold;
  font-size:80%;
  margin-bottom:10px;
}
  @media (max-width: 767px) {
    .partnerBtnArea .btn-gray-main {
      font-size:90%!important;
    }
  }
.partnerBtnArea .btn-gray-en {
  display: block;
  float: none!important;
  margin-left: 0px!important;
  font-family: "メイリオ", serif!important;
   font-size: 75%;

color:#000;
}
.partnerBtnArea-btn a {
  width: 100%;
}

.partnerBtnArea2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
  width: 86%;
}

.partnerBtnArea2-btn {
  width: 48%;
  margin-bottom: 30px;
}

.partnerBtnArea2-btn a {
  width: 100%;
}



.ktcAboutLead {
  width: 60%;
}

.irContainer {
  width: 100%;
  height: 100%;
  padding: 50px 0 20px;
  background: linear-gradient(-45deg, #fff 35%, #e9f0f6 35%, #e9f0f6 65%, #fff 65%);
}

.investorWrap {
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}

.investorWrap-item {
  width: 46%;
}

.topMsgPanel {
  margin-bottom: 30px;
  border: 1px solid #ccc;
  background: #fff;
}

.topMsgPanel-img img {
  width: 100%;
}

.topMsgPanel-cap {
  padding: 5px 10px;
}

.investorList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.investorList-item {
  min-width: 47%;
  margin-bottom: 25px;
  font-size: 1.7rem;
}

.investorList-item > a {
  position: relative;
  display: block;
  padding-left: 24px;
}

.investorList-item > a::before,
.investorList-item > a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.investorList-item > a::before {
  left: 2px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #eb0a0a;
  border-right: 2px solid #eb0a0a;
  transform: rotate(45deg);
}

.investorList-item > a:hover {
  color: #eb0a0a;
}

.irIndexSitemap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

.irIndexSitemap-sec {
  width: 47%;
  margin-bottom: 30px;
}

.irIndexSitemap .title-border {
  font-size: 1.7rem;
  margin-bottom: 15px;
}

.irIndexSitemap-ul {
  font-size: 1.4rem;
}

.irIndexSitemap-ul-li {
  margin: 6px 0;
}

.irIndexSitemap-ul-li > a {
  display: flex;
  position: relative;
  padding: 0 0 0 16px;
  vertical-align: middle;
}

.irIndexSitemap-ul-li > a::before,
.irIndexSitemap-ul-li > a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.irIndexSitemap-ul-li > a::before {
  left: 2px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #eb0a0a;
  border-right: 2px solid #eb0a0a;
  transform: rotate(45deg);
}

.irIndexSitemap-ul-li > a:hover {
  color: #eb0a0a;
}

.csrContainer {
  display: flex;
  width: 100%;
  height: 100%;
}

.csrTitle {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 40px;
  width: 350px;
  background: url(../img/top/bg-csr.jpg) center center/cover no-repeat;
}

.csrTitle-main {
  display: block;
  margin-bottom: 10px;
  font-size: 4.4rem;
  font-weight: 600;
}
.csrTitle-main_v2 {
  display: block;
  margin-bottom: 10px;
  font-size: 3.6rem;
  font-weight: 600;
}
.csrTitle-en {
  display: block;
  font-family: "EB Garamond", Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
  font-size: 1.8rem;
}

.csrContents {
  flex: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 50vh 50vh;
  grid-template-rows: 50vh 50vh;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  align-items: center;
  overflow: hidden;
}
.csrContents_v2 {
  flex: 1;
  /*display: -ms-grid;
  display: grid;
  -ms-grid-rows: 50vh 50vh;
  grid-template-rows: 50vh 50vh;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;*/
  align-items: center;
  overflow: hidden;
}

.forTb .csrContents {
  height: auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.csrContents-one {
  align-items: center;
  overflow: hidden;
}
.csrContents-one_v2 {
  padding:20px;
  align-items: center;
  overflow: hidden;
}
.csrContents-one-inner {
  padding: 10px 30px;
}

.csrContents-one.is-full {
  width: 100%;
  height: 100%;
}

.csrContents-one-img {
  width: 100%;
  height: 100%;
}

.csrContents-one-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.csrContents-one-title {
  margin-bottom: 30px;
  font-size: 2.4rem;
  font-weight: bold;
  font-size: 1.3rem;
}

.csrContents-one-title .text-s {
  margin-left: 20px;
  font-size: 1.4rem;
}

.csrContents-one-title.is-s {
  font-size: 2rem;
}

.csrContents-one-text {
  font-size: 1.3rem;
  width:90%;
}

@media (min-width: 768px) {
  .sp {
    display: none !important;
  }

  a:hover img {
    opacity: 0.8;
  }

  p a:hover {
    color: #019ab3;
  }

  .btn-gray:hover,
  .btn-blue:hover {
    background-color: #648aac;
  }
  .btn-red:hover {
    background-color: #b30000;
  }

  body#top {
    overflow: hidden;
  }

  body#top[data-name=current-sec_06] {
    overflow: auto;
  }

  body#top.scroll-animation {
    overflow: hidden;
  }

  .sideMenu-upicon:hover {
    background: #006e7c;
  }

  .footerBn-one:not(:nth-child(3n+1)) {
    margin-left: 5%;
  }

  .footerBn-one:nth-child(n+4) {
    margin-top: 20px;
  }

  .page {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    transform-style: preserve-3d;
    perspective-origin: 50% 50%;
    perspective: 1000px;
    width: 100%;
    padding-right: 140px;
    background-color: #fff;
    opacity: 0;
    transform: translateZ(1px);
  }
  .page_v2 {
    position: absolute;
    top: 0;
    left: 0;
    max-height: 100%;
    min-height: 1000px;
    transform-style: preserve-3d;
    perspective-origin: 50% 50%;
    perspective: 1000px;
    width: 100%;
    padding-right: 140px;
    background-color: #fff;
    opacity: 0;
    transform: translateZ(1px);
  }
  .page:first-child.currentPage {
    opacity: 1;
  }

  .solutionPanel + .solutionPanel {
    margin-top: 8vh;
  }

  .solutionPanel-one + .solutionPanel-one {
    margin-left: 5%;
  }

  .is-col4 .solutionPanel-one + .solutionPanel-one {
    margin-left: 3%;
  }

  .infoSec a:hover {
    background: #f7f7f7;
  }
}

@media (min-width: 768px) and (max-height: 850px) {
  .sideMenu-upicon {
    bottom: 20px;
  }
}

@media (min-width: 768px) and (max-height: 700px) {
  .sideMenu-upicon {
    display: none;
  }
}

@media (min-width: 980px) {
  .is-ir .dwMenu {
    display: none;
  }

  .gNavi-ul-li > a:hover {
    color: #ad5151;
  }
}

@media (min-width: 1100px) {
  .footerBn {
    padding: 0 5%;
  }
}

@media screen and (max-width: 1023.9px) {
  #lw-cookie-consent .lw-cookie-consent-lead br {
    display: none;
  }
}

@media (max-width: 979px) {
  .sideMenu {
    width: 100%;
    height: 60px;
    background: #eb0a0a;
  }

  .sideMenu-inner {
    height: 100%;
  }

  .sideMenu-logo {
    width: 103px;
    height: 100%;
    margin: 0 auto;
  }

  .sideMenu-upicon {
    display: none;
  }

  .contents {
    padding-top: 100px;
    padding-right: 0;
  }

  .gNavi {
    top: 60px;
    display: block;
  }

  .gNavi-inner {
    display: block;
    width: 100%;
    height: 100vh;
    padding-right: 0;
    padding-bottom: 100px;
    overflow: scroll;
  }

  .gNavi-ul {
    width: 70%;
    margin: 40px auto;
  }

  .gNavi-ul-li {
    font-size: 1.7rem;
  }

  .irNavi {
    display: none;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 65%;
  }

  .lg {
    display: none !important;
  }

  .pc {
    display: none !important;
  }

  .pc-tab {
    display: none !important;
  }

  a:active img {
    opacity: 0.8;
  }

  p a:active {
    color: #019ab3;
  }

  .btn-blue , .btn-red {
    margin-top: 20px;
    display: block;
    width: 13em;
  }

  .col {
    display: block;
  }

  .col.is-sp-flex {
    display: flex;
  }

  .col-contents {
    max-width: 100%;
  }

  .col:not(.is-sp-flex) .col-contents + .col:not(.is-sp-flex) .col-contents {
    margin-top: 10px;
  }

  .is-oneline:not(.is-sp-flex) .col-contents {
    max-width: 100%;
    margin: auto;
  }

  .is-oneline:not(.is-sp-flex) .col-contents + .col-contents {
    margin-top: 30px;
  }

  .is-2 .col-contents:nth-child(n+3) {
    margin-top: 30px;
  }

  .is-2:not(.is-sp-flex) .col-contents {
    max-width: 100%;
    margin: auto;
  }

  .is-2:not(.is-sp-flex) .col-contents + .col-contents {
    margin-top: 30px;
  }

  .is-3 .col-contents:nth-child(n+4) {
    margin-top: 10px;
  }

  .is-3:not(.is-sp-flex) .col-contents {
    max-width: 100%;
    margin: auto;
  }

  .is-3:not(.is-sp-flex) .col-contents + .col-contents {
    margin-top: 30px;
  }

  .is-4 .col-contents:nth-child(n+5) {
    margin-top: 10px;
  }

  .is-4:not(.is-sp-flex) .col-contents {
    max-width: 100%;
    margin: auto;
  }

  .is-4:not(.is-sp-flex) .col-contents + .col-contents {
    margin-top: 30px;
  }

  .flImgContents-img {
    max-width: 100%;
  }

  .flImgContents-img.is-s {
    max-width: 100%;
  }

  .flImgContents-img.is-ss {
    max-width: 70%;
    margin-right: auto;
    margin-left: auto;
  }

  .flImgContents-img.is-l {
    max-width: 100%;
  }

  .flImgContents-img.is-fr {
    margin: 0 auto 20px;
  }

  .flImgContents-img.is-fr:not(.is-sp-float) {
    float: none;
  }

  .flImgContents-img.is-fr.is-sp-float {
    width: 35%;
    margin: 0 0 10px 10px;
  }

  .flImgContents-img.is-fl {
    margin: 0 auto 20px;
  }

  .flImgContents-img.is-fl:not(.is-sp-float) {
    float: none;
  }

  .flImgContents-img.is-fl.is-sp-float {
    width: 35%;
    margin: 0 10px 10px 0;
  }

  .size-30 {
    width: 70%;
  }

  .size-60 {
    width: 100%;
  }

  .section-center-sp {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .section-center_mu-sp {
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .explain {min-width:300px;}
  .table-01 th,
  .table-01 td {
    font-size: 1.3rem;
  }

  .table-01.sidetitle th {
    padding: 10px 0;
  }

  .table-01.sidetitle td {
    padding: 20px 0;
  }

  .sidetitle tr {
    display: block;
  }

  .sidetitle th,
  .sidetitle td {
    display: block;
    width: 100%;
    padding: 0;
  }

  .sidetitle th {
    margin-bottom: 5px;
    font-weight: bold;
  }

  .tableScrollWrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .title-page {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    width: 90%;
  }

  .title-page {
    margin-bottom: 20px;
  }

  .title-page-ja {
    font-size: 7vw;
  }

  .title-l {
    font-size: 2.2rem;
  }

  .title-m {
    font-size: 2rem;
  }

  .title-s {
    font-size: 1.8rem;
  }

  #lw-cookie-consent .lw-cookie-consent-wrapper {
    display: block;
    width: 100%;
  }

  .footer {
    width: 100%;
    padding: 0;
    margin: 60px 0 0;
  }

  .footerBn {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    width: 90%;
  }

  .footerBn-one {
    width: 100%;
  }

  .footerBn-one + .footerBn-one {
    margin-top: 30px;
  }

  .footerCopy {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    width: 90%;
  }

  .dwMenu {
    width: 35px;
    top: 15px;
    right: 15px;
  }

  .dwMenu-hamburger span {
    width: 35px;
  }

  .dwMenu-text {
    display: none;
  }

  .gNaviSub-li {
    font-size: 1.7rem;
  }

  .innerNavi-ul {
    padding: 0 5%;
    justify-content: space-between;
  }

  .innerNavi-ul-link {
    width: 48%;
    padding: 8px 0;
    display: block;
  }

  .innerNavi-ul-link a {
    font-size: 1.3rem;
  }

  .pankuzu {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    width: 90%;
  }

  .pankuzu {
    text-align: left;
    margin-bottom: 10px;
  }

  .pankuzu-ul-li {
    font-size: 1.1rem;
  }

  .pankuzu-ul-li + .pankuzu-ul-li::before {
    margin: 0 5px;
  }

  .page-inner {
    height: auto;
  }

  .accessMap {
    height: 300px;
  }

  .companyIntro {
    flex-wrap: wrap;
  }

  .companyIntro-img {
    width: 100%;
  }

  .companyIntro-text {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }

  .companyKiwameru {
    display: block;
  }

  .companyKiwameru-img {
    width: 100%;
    margin-bottom: 15px;
  }

  .companyKiwameru-des {
    width: 100%;
  }

  .companyKiwameru-des-title {
    margin-bottom: 10px;
    font-size: 2.3rem;
  }

  .companyKiwameru-des-text {
    font-size: 1.4rem;
  }

  .companyTopPanel {
    display: block;
  }

  .companyTopPanel-one {
    width: 100%;
    margin-bottom: 10px;
  }

  .companyPanelSub {
    margin-bottom: 30px;
  }

  .companyPanelSub-one {
    width: 47%;
    margin-bottom: 40px;
  }

  .companyTopBn {
    display: block;
  }

  .companyTopBn-one {
    width: 100%;
  }

  .companyTopBn-one + .companyTopBn-one {
    margin-top: 20px;
  }

  .lowerPageNavi-item {
    flex-basis: 100%;
    width: 100%;
  }

  .lowerPageNavi-item:nth-child(2n+1) {
    margin-right: 0;
  }

  .lowerPageNavi-item-image {
    margin-right: 15px;
  }

  .lowerPageNavi-item-title {
    font-size: 1.1em;
  }

  .futureContents {
    display: block;
  }

  .futureContents-image {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    text-align: center;
  }

  .futureContents-image img {
    display: block;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
  }

  .table-01.historyTable th {
    text-align: center;
    font-size: 1.2rem;
  }

  .table-01.historyTable td {
    font-size: 1.2rem;
  }

  .historyNote {
    font-size: 1.2rem;
  }

  .historyNote-img figcaption {
    font-size: 1.1rem;
  }

  .museumKV-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    width: 90%;
  }

  .museumKV-inner {
    padding-bottom: 100%;
    min-height: auto;
  }

  .museumKV-inner-title {
    padding-top: 25px;
    width: 80%;
  }

  .museumKV-inner-subtitle {
    padding: 20px 0;
    width: 100%;
  }

  .museumKV-inner p {
    width: 100%;
    font-size: 1.4rem;
  }

  .museumOutline-accessmap , .museumOutline-application {
    margin-left: 0;
  }

  .museumTour-img-photo {
    width: 100%;
  }

  .museumTour-img-photo + .museumTour-img-photo {
    margin-top: 10px;
  }

  .museumAccess-detail-map {
    width: 100%;
  }

  .presidentImg-photo,
 .presidentImgibuki-photo {
    width: 100%;
    max-width: none;
  }
  .presidentImgibuki-photo::after {
    top: auto;
    bottom: -1px;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(180deg, transparent 0 30%, #FFF 90% 100%);
  }
  .presidentImg-photo::after {
    top: auto;
    bottom: -1px;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(180deg, transparent 0 30%, #FFF 70% 100%);
  }

  .presidentImg-text,
  .presidentImgibuki-text {
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
    margin-top: -5%;
    transform: translateY(0);
  }

  .presidentImg-text em,
  .presidentImgibuki-text em {
    font-size: 2.6rem;
  }

  .sitemap {
    -moz-column-count: 2;
    column-count: 2;
    font-size: 1.3rem;
  }

  .sitemapSub {
    font-size: 1.2rem;
  }

  .yakuinArea th {
    width: 160px;
  }

  .sikkouArea th {
    width: 120px;
  }

  .mv {
    margin-top: 60px;
    height: 32vh;
  }

  .solutionTitle {
    position: static;
  }

  .bgMap {
    background-size: auto 30%;
  }

  .solutionPanel-wrap {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    margin-top: -100px;
    padding-bottom: 60px;
  }

  .solutionPanel {
    display: block;
    width: 80%;
    margin: 0 auto;
  }

  .solutionPanel + .solutionPanel {
    margin-top: 40px;
  }

  .solutionPanel-one {
    margin-top: 40px;
  }

  .kodawari {
    background-position: left top;
    background-size: 100% auto;
  }

  .kodawari::after {
    background: linear-gradient(140deg, transparent 30%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.5));
  }

  .kodawariContents {
    padding: 120px 5% 80px;
    width: 90%;
  }

  .kodawariContents-title {
    margin-bottom: 40px;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff, 0 0 3px #fff;
  }

  .kodawariContents-title-ja {
    font-size: 7vw;
  }

  .kodawariContents-text {
    font-weight: bold;
  }

  .informationArea {
    display: block;
  }

  .informationTitle {
    width: 100%;
    padding: 20px;
    border-right: none;
  }

  .informationContents {
    padding-top: 0;
    padding-bottom: 100px;
  }

  .infoSec a {
    display: block;
    padding: 20px 10%;
  }

  .infoSec::after {
    display: none;
  }

  .infoSec-img {
    width: 100%;
    height: 42vw;
    margin: 0 auto;
  }

  .infoSec-main-time {
    display: inline-block;
    width: auto;
    min-width: 0;
  }

  .aboutArea {
    padding-bottom: 40px;
  }

  .aboutArea-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    width: 90%;
  }

  .aboutAreaTitle-main {
    font-size: 3rem;
  }

  .aboutBtnArea {
    width: 100%;
  }

  .aboutBtnArea-btn {
    width: 100%;
  }

  .aboutBtnArea-btn a {
    padding-right: 35px;
  }

  .aboutBtnArea-btn a .btn-gray-en {
    margin-left: 3px;
  }

  .aboutBtnArea2 {
    width: 100%;
  }

  .aboutBtnArea2-btn {
    width: 100%;
  }

  .aboutBtnArea2-btn a {
    padding-right: 35px;
  }

  .aboutBtnArea2-btn a .btn-gray-en {
    margin-left: 3px;
  }

  .ktcAboutLead {
    width: 100%;
  }

  .investorWrap {
    display: block;
  }

  .investorWrap-item {
    width: 100%;
  }

  .investorList {
    flex-direction: column;
    margin-bottom: 30px;
  }

  .investorList-item {
    margin-bottom: 10px;
    font-size: 1.5rem;
  }

  .investorList-item + .investorList-item {
    margin-left: 0;
  }

  .irIndexSitemap-sec + .irIndexSitemap-sec {
    margin-left: 0;
  }

  .irIndexSitemap .title-border {
    font-size: 1.5rem;
  }

  .irIndexSitemap-ul {
    font-size: 1.2rem;
  }

  .csrContainer {
    display: block;
  }

  .csrTitle {
    display: block;
    padding: 30px 5% 30px;
    width: 100%;
  }

  .csrTitle-main {
    font-size: 8vw;
  }

  .csrContents {
    display: block;
  }

  .csrContents-one-inner {
    padding: 30px 5%;
  }

  .csrContents-one.is-full {
    height: 200px;
  }
}

@media (min-width: 980px) and (max-width: 1099px) {
  .lg {
    display: none !important;
  }

  .museumKV-inner {
    padding-bottom: 45%;
    min-height: 500px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .lg {
    display: none !important;
  }

  .pc {
    display: none !important;
  }

  .table-02 {
    width: 1000px;
  }

  .tableScrollWrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .sideMenu-logo img {
    width: 107px;
  }

  .dwMenu {
    top: 10px;
    right: 15px;
  }

  .gNavi-inner {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .museumKV-inner {
    padding-bottom: 53%;
    min-height: 400px;
  }

  .museumKV-inner-title {
    padding-top: 40px;
    width: 40%;
  }

  .museumKV-inner-subtitle {
    padding: 20px 0;
    width: 50%;
  }

  .museumKV-inner p {
    width: 50%;
    font-size: 1.6rem;
  }

  .presidentImg-text {
    width: 272px;
  }

  .presidentImg-text em {
    font-size: 3rem;
  }

  .informationTitle {
    width: 200px;
    font-size: 2.5rem;
  }

  .aboutBtnArea {
    padding-bottom: 0;
    margin-bottom: 30px;
  }

  .aboutBtnArea2 {
    padding-bottom: 0;
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .section-center {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .title-page {
    max-width: 90%;
    width: 90%;
  }

  .footerBn {
    max-width: 90%;
    width: 90%;
  }

  .footerCopy {
    max-width: 90%;
    width: 90%;
  }

  .innerNavi {
    max-width: 90%;
    width: 90%;
  }

  .pankuzu {
    max-width: 90%;
    width: 90%;
  }

  .museumKV-inner {
    max-width: 90%;
    width: 90%;
  }

  .solutionPanel-wrap {
    max-width: 90%;
    width: 90%;
  }

  .kodawariContents {
    max-width: 500px;
    width: auto;
  }

  .kodawariContents-title {
    margin-bottom: 10vh;
  }

  .informationContents {
    padding-top: 60px;
  }

  .infoSec a {
    padding: 15px 70px 15px 40px;
  }

  .aboutArea-inner {
    max-width: 90%;
    width: 90%;
  }

  .aboutBtnArea {
    width: 100%;
  }

  .aboutBtnArea2 {
    width: 100%;
  }

  .csrContainer {
    display: block;
    height: auto;
  }

  .csrTitle {
    display: block;
    padding: 30px 5% 0;
    width: 100%;
    height: 140px;
  }

  .csrTitle-main {
    font-size: 4rem;
    line-height: 1;
  }

  .csrContents {
    height: calc(100vh - 140px);
    -ms-grid-rows: 50% 50%;
    grid-template-rows: 50% 50%;
  }
}

@media (min-width: 768px) and (min-width: 768px) and (max-width: 979px) {
  .page {
    padding-top: 60px;
    padding-right: 0;
  }
}


.cancel {color: #eee;}

.sustainability3 {
  width: 100%;
}
.sustainability3 li.block {
  display: inline-block;
  width:calc(98% / 3);
  padding:0 10px 0 0;
  vertical-align: top;
}

.sustainability3 li.block h4 {
font-size:1.4rem;
 
}
.sustainability3 li.block h5 {
 font-weight:bold;
  font-size:1.8rem;
  margin:0 0 10px;
  border-bottom:1px solid #3c3c3c;
  padding:0 0 4px;

}
.sustainability3 li.block p {
  text-align:center;
}
.sustainability3 li.block ul {
  margin:0 20px 20px;
}
.sustainability3 li.block ul li {
  list-style-type: decimal;
}

@media (min-width: 768px) {
  .pc_none {display: none}

  .report{    
      display: -webkit-flex;
        display: -moz-flex;
        display: flex;
      flex-wrap: wrap;
    }

  .report dd {width:30%; margin-bottom:10px; border-bottom:1px solid #d2d2d2; padding:10px; vertical-align: top;}
  .report dt {width:70%; margin-bottom:10px; border-bottom:1px solid #d2d2d2; padding:10px; vertical-align: top;}
  .report dt table {border:none; width:100%; margin:0!important;}
  .report dt table td.text {width:80%; border:none; vertical-align: top; padding:0!important;}
  .report dt table td.text ul.link li {
        list-style: disc;
        line-height:1.6em;
  }
  .report dt table td.img {width:20%; border:none;}
  .report dt table td.img .icon img  {width:90%;}
}
@media (max-width: 767px) {
  .sp_none {display: none;}
  .report dt {width:100%; margin-bottom:10px; border-bottom:1px solid #d2d2d2; padding:10px; vertical-align: top;}
  .report dt table {border:none; width:100%; margin:0!important;}
  .report dt table td.text {width:70%; border:none; vertical-align: top; padding:0!important;}
  .report dt table td.text ul.link li {
        list-style: disc;
        line-height:1.6em;
  }
  .report dt table td.img {width:30%; border:none;}
  .report dt table td.img .icon img  {width:100%;}

}

.report a {
  display: flex;
    position: relative;
    padding: 0 0 0 16px;
    vertical-align: middle;
}
.report a:before{
    left: 2px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #eb0a0a;
    border-right: 2px solid #eb0a0a;
    transform: rotate(45deg);
}
.report a:after,
.report a:before{
position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.report a:hover {
  color: #eb0a0a;
}

.futuerbtn {text-align: center;}

.textN {text-align:left!important}