@charset "UTF-8";
/* CSS Document */


header { background: rgba(255,255,255,0.9); position: absolute; top: 0; z-index: 2; }
#index-caution { padding-top: 0; }
/*
#index-caution { padding-top: 4em; }
*/

#keyvisual { width: 100%; height: 100vh; position: relative; }
#slide-pc a, #slide-sp a { text-decoration: none; width: 100%; height: 100vh; margin: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }

#slide-pc {}
#slide-sp { display: none; }

#thumb { width: 94%; max-width: 960px; position: absolute; bottom: 2em; left: 50%; transform: translateX(-50%); }
#thumb ul li { margin: 1em 0.5em; border: solid 1px #FFF; background: #FFF; box-shadow: 0 0 .5em 0 rgba(0,0,0,0.5); }
#thumb ul li img { object-fit: cover; }
#thumb ul li:hover img { opacity: .8; }

@media only screen and (max-width: 768px) and (orientation: portrait) {
  #index-caution { padding-top: 2em; }
  #slide-pc { display: none; }
  #thumb { display: none; }
  #slide-sp { display: block; }
}
@media only screen and (max-width: 768px) {
  #thumb { display: none; }
}

#main-menu { position: absolute; top: 100px; left: 0; }
#main-menu ul { width: 100%; display: flex; flex-direction: column; }
#main-menu ul li:hover a { border-radius: 0; }
#main-menu ul li:hover ul li a { border-radius: 0; }
#main-menu ul a { transition: all .3s ease; }
#main-menu ul li {writing-mode: vertical-rl;width: 60px;flex-basis: 60px;margin-bottom: .5em;position: relative;}

#main-menu ul li a { font-size: 93%; line-height: 1.4; color: #3071B7; width: 100%; height: 15em; border-radius: 0 1em 1em 0; background: rgba(255,255,255,0.8); box-shadow: 0 0 .3em 1px rgba(0,0,0,0.5); display: flex; flex-direction: column; align-items: center; justify-content: center; }
#main-menu ul li a strong { font-size: 150%; }
#main-menu ul li a strong:after { content: "\A"; white-space: pre; }
#main-menu ul li a:hover { color: #3071B7; background: rgba(255,255,255,1); box-shadow: 0 0 .5em 0 rgba(0,0,0,0.5); }

/*
#main-menu ul li a { font-size: 115%; line-height: 1.4; color: #FFF; width: 100%; height: 6em; border-radius: 1em; background: rgba(48,113,183,0.8); box-shadow: 0 0 .3em 1px rgba(0,0,0,0.5) inset; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#main-menu ul li a strong { font-size: 150%; }
#main-menu ul li a strong:after { content: "\A"; white-space: pre; }
#main-menu ul li a:hover { color: #3071B7; background: rgba(255,255,255,0.8); box-shadow: 0 0 .5em 0 rgba(0,0,0,0.5); }
*/

#main-menu ul li ul { width: auto; height: 100%; border-radius: 0 1em 1em 0; background: rgba(48,113,183,.8); box-shadow: 0 0 .5em 0 rgba(0,0,0,0.5); display: flex; flex-direction: column-reverse; position: absolute; left: 100%; top: 0; visibility: hidden; opacity: 0; transition: all .5s ease; transform: scalex(0.1); transform-origin: left; }

/*
#main-menu ul li ul { width: 100%; border-radius: 0 0 1em 1em; background: rgba(48,113,183,.8); box-shadow: 0 0 .5em 0 rgba(0,0,0,0.5); display: block; position: absolute; left: 0; top: 6.9em; visibility: hidden; opacity: 0; transition: all .5s ease; transform: scaley(0.1); transform-origin: top; }
*/
#main-menu ul li:hover ul { visibility: visible; opacity: 1; transform: scalex(1); }
#main-menu ul li ul li { width: 100%; flex-basis: auto; display: block; }
#main-menu ul li ul li a { font-size: 115%; line-height: 1.3; color: #FFF; height: calc(100% - .3em); border-radius: 0; padding: .4em .6em; box-shadow: none; background: none; display: block; }
#main-menu ul li ul li a:hover { color: #3071B7; background: rgba(255,255,255,.8); box-shadow: none; }
#main-menu ul li ul li:first-child a { padding-left: .8em; }
#main-menu ul li ul li:last-child a { padding-right: .8em; border-radius: 0 1em 1em 0; }
@media only screen and (max-width: 768px) and (orientation: portrait) {
  #main-menu { width: 94%; top: auto; bottom: 3%; }
  #main-menu ul li a strong { font-size: 135%; }
  #main-menu ul li ul { display: none; }
  #main-menu ul li:hover a { border-radius: 1em; }
}
@media only screen and (max-width: 736px) {
  /*
  #main-menu ul li:nth-child(-n + 3) { display: none; }
  */
  #main-menu { width: 94%; bottom: 2%; left: 3%; }
  #main-menu ul { flex-wrap: wrap; flex-direction: row; justify-content: space-between; }
  #main-menu ul li {font-size: 115%;line-height: 1.2;writing-mode: horizontal-tb;width: 49%;margin-top: 1%;flex-basis: auto;}
  #main-menu ul li a { height: auto; padding: 1.2em 0; border-radius: .5em; }
  #main-menu ul li:hover a { border-radius: .5em; }
  #main-menu ul li a strong { font-size: 115%; line-height: 1.4; font-weight: normal; }
}

/*
     FILE ARCHIVED ON 04:44:25 May 16, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:05:56 Sep 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.888
  exclusion.robots: 0.035
  exclusion.robots.policy: 0.014
  esindex: 0.018
  cdx.remote: 34.242
  LoadShardBlock: 146.874 (3)
  PetaboxLoader3.datanode: 176.885 (5)
  PetaboxLoader3.resolve: 139.748 (2)
  load_resource: 201.547
  loaddict: 120.001
*/