/* CSS Document */
.loading { width: 100%; height: 100%; display: block; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: #FFF; z-index: 9999; }
body { min-height: 100vh;  background: url("../img/bg.jpg") no-repeat center center / cover; }

a { -ms-transition: opacity .3s; -webkit-transition: opacity .3s; transition: opacity .3s;  }
a:hover { opacity: .7; }

.home-conts-wrap { text-align: center; display: flex; justify-content: center; align-items: center; padding: 2rem 0; }

.home-conts { display: flex; align-items: center; flex-direction: column; }

.logo { width: 250px; height: 380px; margin: 0 auto; max-width:25.5vh; max-height: 38vh;}
.logo img { width: 100%; height: 100%; display: block; }

.info { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; color: #FFF; margin: 3vw auto 2vw; font-size: .75rem; height: 30em; text-align: left; width: 21.5em; display: block; font-size: .6rem; line-height: 240%; }
.list-info { display: flex; flex-direction: row; flex-wrap: wrap; }
.list-info dt:nth-of-type(-n + 2) { width: 2rem; height: 6em; }
.list-info dt:nth-of-type(-n + 2) img { width: 2rem ;height: 2rem; display: block; margin-right: .75em; }
.list-info dd:nth-of-type(-n + 2) { height: calc(100% - 6em); margin-left: 2em; }


.list-info dd .tate { ms-writing-mode: lr-tb; -webkit-writing-mode: horizontal-tb; writing-mode: horizontal-tb; line-height: 130%;  }

.list-info dt:nth-of-type(n + 3) { height: 6em; letter-spacing: 1em; }
.list-info dt:nth-of-type(n + 3):after { content: '／'; display: inline-block; margin: -.5em 0; }
.list-info dd:nth-of-type(n + 3) { height: calc(100% - 6em); }


.sns { text-align: center; }
.sns > li { display: inline-block; } 
.sns > li + li { margin-left: 1em;  }
.sns img { width: 1.5rem; height: 1.5rem; } 

@media screen and (max-width: 900px) {
  .home-conts-wrap { min-height: 100vh;  }
  
  .logo { width: 185px; height: 280px; max-width: 18.5vh; max-height: 28vh;}
  
  .info { margin: 3em auto 1em;  }
}