@charset "UTF-8";
@font-face {
  font-family: "DIN";
  font-weight: normal;
  src: url(/assets/fonts/DIN-Regular.eot);
  src: url(/assets/fonts/DIN-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/DIN-Regular.woff) format("woff"), url(/assets/fonts/DIN-Regular.ttf) format("truetype"), url(/assets/fonts/DIN-Regular.otf), url(/assets/fonts/DIN-Regular.svg#svgFontName) format("svg");
}
@font-face {
  font-family: "DIN";
  font-weight: bold;
  src: url(/assets/fonts/DIN-Bold.eot);
  src: url(/assets/fonts/DIN-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/DIN-Bold.woff) format("woff"), url(/assets/fonts/DIN-Bold.ttf) format("truetype"), url(/assets/fonts/DIN-Bold.otf), url(/assets/fonts/DIN-Bold.svg#svgFontName) format("svg");
}
@font-face {
  font-family: "RobotoCondensed";
  font-weight: normal;
  src: url(/assets/fonts/RobotoCondensed-Regular.eot);
  src: url(/assets/fonts/RobotoCondensed-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/RobotoCondensed-Regular.woff) format("woff"), url(/assets/fonts/RobotoCondensed-Regular.ttf) format("truetype"), url(/assets/fonts/RobotoCondensed-Regular.otf), url(/assets/fonts/RobotoCondensed-Regular.svg#svgFontName) format("svg");
}
@font-face {
  font-family: "RobotoCondensed";
  font-weight: bold;
  src: url(/assets/fonts/RobotoCondensed-Bold.eot);
  src: url(/assets/fonts/RobotoCondensed-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/RobotoCondensed-Bold.woff) format("woff"), url(/assets/fonts/RobotoCondensed-Bold.ttf) format("truetype"), url(/assets/fonts/RobotoCondensed-Bold.otf), url(/assets/fonts/RobotoCondensed-Bold.svg#svgFontName) format("svg");
}
@font-face {
  font-family: "RobotoCondensed";
  font-weight: lighter;
  src: url(/assets/fonts/RobotoCondensed-Light.eot);
  src: url(/assets/fonts/RobotoCondensed-Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/RobotoCondensed-Light.woff) format("woff"), url(/assets/fonts/RobotoCondensed-Light.ttf) format("truetype"), url(/assets/fonts/RobotoCondensed-Light.otf), url(/assets/fonts/RobotoCondensed-Light.svg#svgFontName) format("svg");
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
/* ----------------------------------------------------

  記述ファイル
  /assets/sass/top.scss

  ====================================

  TOPページので使用するstyle

---------------------------------------------------- */
/* ====================================
  header
==================================== */
@media print, screen and (min-width: 769px) {
  #header {
    display: none;
  }
}

.section {
  position: relative;
}

/* ====================================
  topHead
==================================== */
@media print, screen and (min-width: 769px) {
  .topHead {
    height: 100%;
    width: 260px;
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
  }
  .topHead.type2 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .topHead .topHeadText {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    transition: 0.2s color ease-in;
  }
  .topHead .topHeadText:hover {
    color: #008fd7 !important;
  }
  .topHead .topHeadText .jaText,
  .topHead .topHeadText .enText {
    flex: 0 0 50%;
    width: 50%;
    text-align: center;
    padding-top: 20px;
  }
  .topHead .topHeadText .jaText {
    font-size: 1.6rem;
    font-weight: bold;
    border-right: 1px solid #000;
  }
  .topHead .topHeadText .enText {
    font-family: "RobotoCondensed";
    font-weight: lighter;
  }
}
@media print, screen and (max-width: 768px) {
  .topHead {
    padding: 0 1rem;
  }
  .topHead .topHeadText {
    display: none;
  }
}

/* ====================================
  topContents
==================================== */
@media print, screen and (min-width: 769px) {
  .topContents {
    width: calc(100% - 390px);
    margin-left: 260px;
    padding: 20px 30px;
  }
}
@media print, screen and (max-width: 768px) {
  .topContents {
    padding: 0 1rem 5.5rem;
  }
}

/* ====================================
  topContentsArrow
==================================== */
.topContentsArrow {
  display: block;
  width: 3.8rem;
  line-height: 1;
}
@media print, screen and (min-width: 769px) {
  .topContentsArrow {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    margin-left: -1.9rem;
    transition: 0.2s opacity ease-in;
  }
  .topContentsArrow:hover {
    opacity: 0.7;
  }
}
@media print, screen and (max-width: 768px) {
  .topContentsArrow {
    display: none;
  }
}

/* ====================================
  topHeadTitle
==================================== */
.topHeadTitle .enText {
  font-family: "RobotoCondensed";
  font-weight: bold;
  font-size: 4.6rem;
  line-height: 1.3;
}
.topHeadTitle .jaText {
  font-weight: bold;
  color: #008fd7;
}
@media print, screen and (min-width: 769px) {
  .topHeadTitle {
    padding-top: 100px;
  }
}
@media print, screen and (max-width: 768px) {
  .topHeadTitle {
    padding: 4rem 0 2rem;
  }
}

/* ====================================
  topHeadBtn,.topContentsdBtn
==================================== */
.topHeadBtn {
  display: block;
  text-align: center;
  position: relative;
  font-weight: bold;
  padding: 1rem 0;
  line-height: 1;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 769px) {
  .topHeadBtn {
    transition: 0.2s opacity ease-in;
  }
  .topHeadBtn:hover {
    opacity: 0.7;
  }
}
.topHeadBtn i {
  width: 1.6rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.8rem;
}
.topHeadBtn.black {
  border: 2px solid #000;
}
.topHeadBtn.white {
  border: 2px solid #fff;
  color: #fff;
}
@media print, screen and (max-width: 768px) {
  .topHeadBtn {
    display: none;
  }
}

@media print, screen and (min-width: 769px) {
  .topContentsdBtn {
    display: none;
  }
}
@media print, screen and (max-width: 768px) {
  .topContentsdBtn {
    max-width: 21rem;
    display: block;
    text-align: center;
    position: relative;
    font-weight: bold;
    padding: 1rem 0;
    line-height: 1;
    margin: 2rem auto 0;
  }
}
@media print, screen and (max-width: 768px) and (min-width: 769px) {
  .topContentsdBtn {
    transition: 0.2s opacity ease-in;
  }
  .topContentsdBtn:hover {
    opacity: 0.7;
  }
}
@media print, screen and (max-width: 768px) {
  .topContentsdBtn i {
    width: 1.6rem;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    margin-top: -0.8rem;
  }
  .topContentsdBtn.black {
    border: 2px solid #000;
  }
  .topContentsdBtn.white {
    border: 2px solid #fff;
    color: #fff;
  }
}

.topAccessBtn {
  max-width: 21rem;
  display: block;
  text-align: center;
  position: relative;
  font-weight: bold;
  padding: 1rem 0;
  line-height: 1;
  margin: 2rem 0 0;
}
@media print, screen and (min-width: 769px) {
  .topAccessBtn {
    transition: 0.2s opacity ease-in;
  }
  .topAccessBtn:hover {
    opacity: 0.7;
  }
}
.topAccessBtn i {
  width: 1.6rem;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.8rem;
}
.topAccessBtn.black {
  border: 2px solid #000;
}
.topAccessBtn.white {
  border: 2px solid #fff;
  color: #fff;
}
@media print, screen and (max-width: 768px) {
  .topAccessBtn {
    margin: 2rem auto 0;
  }
}

/* ====================================
  top-menu
==================================== */
#top-menu {
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#top-menu .menu_item {
  width: 4px;
  flex: 1 1 auto;
  margin-bottom: 2px;
  background-color: #cccccc;
  position: relative;
}
#top-menu .menu_item.active {
  background-color: #ffdc00;
}
#top-menu .menu_item a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 768px) {
  #top-menu {
    display: none;
  }
}

/* ====================================
  topMain
==================================== */
#topMain .fp-tableCell {
  display: block;
}

/* ====================================
  topCatch
==================================== */
#topCatch {
  /*
    @include pc-screen{
  	  min-height: 800px;
  	  .fp-tableCell,.fp-scrollable{
  		  min-height: 800px;
  	  }
    }
  */
}
#topCatch .fp-tableCell {
  position: relative;
}
#topCatch .topHead {
  color: #fff;
}
#topCatch .topHead .jaText {
  border-right-color: #fff;
}
@media print, screen and (max-width: 768px) {
  #topCatch.enCatch {
    height: calc(100vh - 80px);
  }
  #topCatch .fp-tableCell {
    display: flex;
    flex-direction: column;
  }
  #topCatch .topHead {
    display: none;
  }
}

/* ====================================
  topSliderWrap
==================================== */
#topSliderWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#topSliderWrap .topSlide {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#topSliderWrap .topSlide picture > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#topSlider {
  width: 100%;
  height: 100%;
}
#topSlider .slick-list,
#topSlider .slick-track {
  height: 100%;
}

/* ====================================
  topCatchContents
==================================== */
#topCatchContents {
  position: relative;
  z-index: 5;
}
#topCatchContents .topCatchText1 {
  max-width: 704px;
  margin-bottom: 2.5rem;
}
#topCatchContents .topCatchText1 .resImg {
  max-width: 480px;
}
#topCatchContents .topCatchText1__text {
  display: block;
  margin-top: 0.35em;
  color: #fff;
  font-size: 4.5rem;
  font-family: "Montserrat", sans-serif;
  font-family: "Hind", sans-serif;
  font-weight: 300;
  line-height: 1.15;
}
#topCatchContents .topCatchText2 {
  color: #fff;
  font-weight: bold;
  line-height: 1.7;
}
@media print, screen and (min-width: 769px) {
  #topCatchContents {
    padding-top: 9rem;
    padding-left: 2rem;
    padding-bottom: 200px;
  }
}
@media print, screen and (max-width: 768px) {
  #topCatchContents {
    padding: 2rem 1rem 0;
  }
  #topCatchContents .topCatchText1 {
    margin-bottom: 1rem;
  }
  #topCatchContents .topCatchText1 img {
    width: 32rem;
  }
  #topCatchContents .topCatchText1__text {
    font-size: clamp(3rem, 3rem + 0.2vw, 4rem);
  }
}

/* ====================================
  topCatchBtns
==================================== */
#topCatchBtns {
  z-index: 11;
}
#topCatchBtns .topCatchBtn {
  display: block;
  position: relative;
  color: #fff;
}
#topCatchBtns .topCatchBtn strong {
  font-size: 1.6rem;
  font-weight: bold;
}
#topCatchBtns .topCatchBtn small {
  font-size: 1.2rem;
}
#topCatchBtns i {
  position: absolute;
  display: block;
  width: 2.5rem;
  top: 50%;
  right: 1.5rem;
  margin-top: -1.25rem;
}
@media print, screen and (min-width: 769px) {
  #topCatchBtns {
    position: absolute;
    bottom: 0;
    left: 4px;
    width: 256px;
    border-right: 2px solid #fff;
  }
  #topCatchBtns .topCatchBtn {
    padding: 1rem 4.5rem 1rem 2rem;
    border-bottom: 2px solid #fff;
    transition: 0.2s color ease-in;
  }
  #topCatchBtns .topCatchBtn:hover {
    color: #008fd7;
  }
  #topCatchBtns .topCatchBtn:last-child {
    border-bottom: none;
  }
}
@media print, screen and (max-width: 768px) {
  #topCatchBtns {
    position: relative;
    margin: auto 0 4.5rem;
    padding: 0 1rem;
  }
  #topCatchBtns .topCatchBtn {
    padding: 1rem 4.5rem 1rem 2rem;
    border-bottom: 2px solid #fff;
    text-align: center;
  }
  #topCatchBtns .topCatchBtn:first-child {
    border-top: 2px solid #fff;
  }
  #topCatchBtns i {
    right: 0;
  }
}

/* ====================================
  topCatchIcon
==================================== */
#topCatchIcon {
  display: block;
  position: absolute;
  z-index: 1;
  width: 3.8rem;
  bottom: 2rem;
  left: 50%;
  margin-left: -1.9rem;
}
@media print, screen and (max-width: 768px) {
  #topCatchIcon {
    display: none;
  }
}

/* ====================================
  topNews
==================================== */
@media print, screen and (min-width: 769px) {
  #topNews .topContents {
    height: 100%;
    display: flex;
    align-items: center;
  }
}

/* ====================================
  topNewsList
==================================== */
#topNewsList .topNewsList-item_date {
  display: block;
  color: #666666;
}
#topNewsList .topNewsList-item_text {
  display: block;
}
#topNewsList .topNewsList-item_phWrap {
  display: block;
  width: 100%;
  padding-top: 74.49%;
  position: relative;
  background-color: #cccccc;
}
#topNewsList .topNewsList-item_ph {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#topNewsList .topNewsList-item_ph img {
  flex: 0 0 auto;
  max-height: 100%;
  max-width: 100%;
}
@media print, screen and (min-width: 769px) {
  #topNewsList {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
  }
  #topNewsList .topNewsList-item {
    flex: 0 0 49%;
    width: 49%;
    margin: 0 5px;
    font-size: 1.6rem;
    transition: 0.2s opacity ease-in;
  }
  #topNewsList .topNewsList-item:hover {
    opacity: 0.7;
  }
}
@media print, screen and (max-width: 768px) {
  #topNewsList .topNewsList-item {
    display: block;
  }
  #topNewsList .topNewsList-item:last-child {
    display: none;
  }
  #topNewsList .topNewsList-item_ph img {
    max-width: none;
    width: 100%;
  }
}

/* ====================================
  topAbout
==================================== */
#topAbout {
  background: url(/assets/images/top/aboutBg1.jpg) no-repeat left top/cover;
}
#topAbout .topHeadText,
#topAbout .topHeadTitle .enText {
  color: #fff;
}
#topAbout .topHeadText .jaText {
  border-right-color: #fff;
}
@media print, screen and (min-width: 769px) {
  #topAbout .topContents {
    border-left: 2px solid #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #topAbout .topAboutLine-text {
    transition: 0.2s color ease-in;
  }
  #topAbout .topAboutLine-text:hover {
    color: #008fd7 !important;
  }
}

/* ====================================
  topAboutContents
==================================== */
#topAboutContents {
  color: #fff;
  width: 100%;
  max-width: 700px;
}
#topAboutContents p,
#topAboutContents li {
  margin-bottom: 1.5em;
}
#topAboutContents .topAboutLine {
  padding-left: 4rem;
  position: relative;
}
#topAboutContents .topAboutLine-num {
  font-family: "DIN";
  font-size: 3rem;
  position: absolute;
  left: 0;
  top: 0;
  line-height: 1;
}
#topAboutContents .topAboutLine-text {
  display: block;
  border-bottom: 1px dotted #fff;
}
#topAboutContents p,
#topAboutContents li {
  text-align: justify;
}
@media print, screen and (min-width: 769px) {
  #topAboutContents {
    flex: 0 1 700px;
  }
  #topAboutContents p,
  #topAboutContents li {
    font-size: 2rem;
  }
  #topAboutContents .topAboutLine-num {
    font-size: 3.4rem;
  }
}

/* ====================================
  topMember
==================================== */
#topMember .topHeadText,
#topMember .topHeadTitle .enText {
  color: #fff;
}
#topMember .topHeadText .jaText {
  border-right-color: #fff;
}
#topMember .topHead {
  background-color: #000;
}
@media print, screen and (min-width: 769px) {
  #topMember .topContents {
    background: #000 url(/assets/images/top/memberBg1.jpg) no-repeat center top/contain;
    height: 100%;
  }
}
@media print, screen and (max-width: 768px) {
  #topMember .topContents {
    background-image: none !important;
    padding: 0 0 5.5rem;
  }
}
@media print, screen and (max-width: 768px) {
  #topMember {
    background-color: #000;
  }
}

/* ====================================
  topHeadMember
==================================== */
#topHeadMember {
  color: #fff;
}
#topHeadMember .topHeadMember-title {
  margin-bottom: 1.3em;
}
#topHeadMember .topHeadMember-title strong {
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (max-width: 768px) {
  #topHeadMember {
    display: none;
  }
}

/* ====================================
  topMemberContents
==================================== */
#topMemberContents {
  font-family: "RobotoCondensed";
  font-weight: lighter;
  font-size: 4.6rem;
  color: #fff;
}
#topMemberContents span {
  color: #008fd7;
}
@media print, screen and (min-width: 769px) {
  #topMemberContents {
    text-align: right;
    background-image: none !important;
  }
}
@media print, screen and (max-width: 768px) {
  #topMemberContents {
    background: url(/assets/images/top/memberBg1.jpg) no-repeat left top/cover;
    padding: 90% 1rem 1rem;
    line-height: 1;
    font-size: 4rem;
  }
}

/* ====================================
  topHeadMember-smt
==================================== */
#topHeadMember-smt {
  color: #fff;
  padding: 2rem 1rem;
}
#topHeadMember-smt .topHeadMember-title {
  margin-bottom: 1.3em;
}
#topHeadMember-smt .topHeadMember-title strong {
  font-size: 1.8rem;
  font-weight: bold;
}
@media print, screen and (min-width: 769px) {
  #topHeadMember-smt {
    display: none;
  }
}

/* ====================================
  topFacility
==================================== */
@media print, screen and (min-width: 769px) {
  #topFacility .topContents {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding-bottom: 6rem;
  }
}

/* ====================================
  topFacilityList
==================================== */
#topFacilityWrap {
  flex: 0 1 700px;
  max-width: 700px;
  width: 100%;
}

#topFacilityList {
  display: flex;
  justify-content: center;
}
#topFacilityList .topFacilityList-item {
  padding-bottom: 1rem;
  border-bottom: 2px solid #000;
}
#topFacilityList .topFacilityList-item_ph img {
  max-width: none;
  width: 100%;
}
#topFacilityList .topFacilityList-item_title {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
#topFacilityList .topFacilityList-item_text {
  display: block;
}
@media print, screen and (min-width: 769px) {
  #topFacilityList .topFacilityList-item {
    flex: 0 0 32%;
    width: 32%;
    margin: 0 5px;
  }
  #topFacilityList .topFacilityList-item img {
    max-width: none;
    width: 100%;
  }
  #topFacilityList a.topFacilityList-item {
    transition: 0.2s opacity ease-in;
  }
  #topFacilityList a.topFacilityList-item:hover {
    opacity: 0.7;
  }
  #topFacilityList .topFacilityList-item_title {
    font-size: 2rem;
  }
  #topFacilityList .topFacilityList-item_text {
    font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 768px) {
  #topFacilityList .topFacilityList-item {
    flex: 0 1 49%;
    width: 49%;
    margin: 0 5px;
  }
  #topFacilityList .topFacilityList-item:last-child {
    display: none;
  }
}

/* ====================================
  topResults
==================================== */
#topResults {
  background-color: #000;
}
#topResults .topHeadText,
#topResults .topHeadTitle .enText {
  color: #fff;
}
#topResults .topHeadText .jaText {
  border-right-color: #fff;
}
@media print, screen and (min-width: 769px) {
  #topResults .topContents {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
    display: flex;
    align-items: center;
    height: 100%;
    padding-bottom: 6rem;
  }
}

/* ====================================
  topResultsContents
==================================== */
#topResultsContents {
  color: #fff;
  max-width: 700px;
  margin: 0 auto;
}
#topResultsContents .topResultsContents-item {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px dotted #fff;
}
#topResultsContents .topResultsContents-info {
  margin-bottom: 1rem;
}
#topResultsContents .topResultsContents-info .year {
  display: inline-block;
  font-size: 2.4rem;
  font-family: "DIN";
  margin-right: 1rem;
  height: 2.6rem;
  line-height: 2.6rem;
  vertical-align: bottom;
}
#topResultsContents .topResultsContents-info .cat {
  display: inline-block;
  min-width: 8rem;
  padding-inline: 0.5em;
  line-height: 2.6rem;
  vertical-align: top;
  border-radius: 1.3rem;
  background-color: #008fd7;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
#topResultsContents .topResultsContents-text {
  display: block;
}
@media print, screen and (min-width: 769px) {
  #topResultsContents .topResultsContents-text {
    transition: 0.2s color ease-in;
  }
  #topResultsContents .topResultsContents-text:hover {
    color: #008fd7;
  }
}
#topResultsContents .topResultsContents-text span {
  display: block;
}
@media print, screen and (min-width: 769px) {
  #topResultsContents .topResultsContents-text {
    font-size: 1.6rem;
  }
}

/* ====================================
  topGallery
==================================== */
@media print, screen and (min-width: 769px) {
  #topGallery .topHeadTitle {
    padding-top: 0;
    margin: auto 0;
  }
  #topGallery .topContents {
    border-left: 2px solid #000;
    height: 100%;
    display: flex;
    align-items: center;
  }
}

/* ====================================
  topGalleryList
==================================== */
#topGalleryList {
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#topGalleryList > li {
  flex: 0 0 50%;
  max-width: 234px;
  width: 50%;
  padding: 0 0.5rem 1rem;
}
@media print, screen and (min-width: 769px) {
  #topGalleryList > li {
    flex-basis: 33.3%;
    width: 33.3%;
  }
}
#topGalleryList > li a {
  display: block;
  width: 100%;
  padding-top: 74.49%;
  position: relative;
  overflow: hidden;
}
#topGalleryList > li a figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
}
#topGalleryList > li a figure img {
  flex: 0 0 auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

/* ====================================
  fp-viewing-page8
==================================== */
@media print, screen and (min-width: 769px) {
  /*
    #navInner,#top-menu{
      transition: .5s transform linear;
    }
    .fp-viewing-page8{
      #navInner,#top-menu{
        transform: translateY(-100vh);
      }
      #nav{
        z-index: -1;
      }
    }
  */
}
/* ====================================
  topAccess
==================================== */
#topAccess {
  background-color: #000;
}
#topAccess .topHeadText,
#topAccess .topHeadTitle .enText {
  color: #fff;
}
#topAccess .topHeadText .jaText {
  border-right-color: #fff;
}

@media print, screen and (min-width: 769px) {
  #topAccessWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
  }
  #topAccessWrap .topHeadText {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    transition: 0.2s color ease-in;
    position: absolute;
    top: 0;
    width: 260px;
    padding: 0 20px;
    left: 0;
  }
  #topAccessWrap .topHeadText:hover {
    color: #008fd7 !important;
  }
  #topAccessWrap .topHeadText .jaText,
  #topAccessWrap .topHeadText .enText {
    flex: 0 0 50%;
    width: 50%;
    text-align: center;
    padding-top: 20px;
  }
  #topAccessWrap .topHeadText .jaText {
    font-size: 1.6rem;
    font-weight: bold;
    border-right: 1px solid #fff;
  }
  #topAccessWrap .topHeadText .enText {
    font-family: "RobotoCondensed";
    font-weight: lighter;
  }
  #topAccessWrap .topHead {
    height: auto;
    flex: 0 0 260px;
    width: 260px;
    position: relative;
  }
  #topAccessWrap .topHead .topHeadTitle {
    padding: 20px 0;
  }
  #topAccessWrap #footer {
    position: relative;
    bottom: auto;
    left: auto;
    flex: 1 1 100%;
    width: 100%;
  }
}
@media print, screen and (max-width: 768px) {
  #topAccessWrap {
    padding-bottom: 5rem;
  }
  #topAccessWrap .topHeadText {
    display: none;
  }
}

/* ====================================
  topAccessContets
==================================== */
#topAccessContets {
  color: #fff;
}
@media print, screen and (min-width: 769px) {
  #topAccessContets {
    flex: 0 0 calc(100% - 300px);
    width: calc(100% - 300px);
    padding: 40px 0 40px 20px;
    display: flex;
  }
}
@media print, screen and (max-width: 768px) {
  #topAccessContets {
    padding: 0 1rem 3rem;
  }
}

/* ====================================
  topAccessContets-text
==================================== */
@media print, screen and (min-width: 769px) {
  #topAccessContets-text {
    flex: 0 1 auto;
    padding-right: 3rem;
  }
}

/* ====================================
  topAccessContets-ph
==================================== */
@media print, screen and (min-width: 769px) {
  #topAccessContets-ph {
    flex: 0 0 360px;
    width: 360px;
    cursor: pointer;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 769px) {
  #topAccessContets-ph {
    transition: 0.2s opacity ease-in;
  }
  #topAccessContets-ph:hover {
    opacity: 0.7;
  }
}
@media print, screen and (max-width: 768px) {
  #topAccessContets-ph {
    margin-top: 2rem;
    text-align: center;
  }
}

/* ====================================
  #accessMap
==================================== */
#accessMap {
  position: relative;
  z-index: 10;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 769px) {
  #accessMap {
    flex: 0 0 100%;
    width: 100%;
    height: 400px;
  }
}
@media print, screen and (max-width: 768px) {
  #accessMap {
    padding-top: 100%;
  }
}

#map_canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ====================================
  pageTopBtn_top
==================================== */
#pageTopBtn_top {
  position: fixed;
  z-index: 10;
}
@media print, screen and (min-width: 769px) {
  #pageTopBtn_top {
    cursor: pointer;
    bottom: 7rem;
    right: 150px;
    transition: 0.2s opacity ease-in;
  }
  #pageTopBtn_top:hover {
    opacity: 0.7;
  }
  #pageTopBtn_top img {
    width: 34px;
  }
}
@media print, screen and (max-width: 768px) {
  #pageTopBtn_top {
    bottom: 3.5rem;
    right: 1rem;
  }
  #pageTopBtn_top img {
    width: 3.4rem;
  }
}

.fp-viewing-page1 #pageTopBtn_top {
  display: none;
}

#pageTopsmtBtn {
  display: none;
}/*# sourceMappingURL=top.css.map */