@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 10, style.scss */
header { max-width: 90%; height: 820px; margin: 0 auto 60px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: relative; }
/* line 11, style.scss */
header h1 { margin: auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; text-align: center; line-height: 0; }
/* line 12, style.scss */
header h1 em { width: 240px; margin: auto; }
/* line 13, style.scss */
header h1 span { width: 140px; margin: 40px auto 0; }
/* line 15, style.scss */
header .insta { width: 30px; position: absolute; top: 35px; right: 0; }

@media only screen and (max-width: 750px) { /* line 23, style.scss */
  header { height: 100vh; margin: 0 auto 30px; }
  /* line 25, style.scss */
  header h1 em { width: 180px; }
  /* line 26, style.scss */
  header h1 span { width: 100px; margin: 1.5em auto 0; }
  /* line 28, style.scss */
  header .insta { width: 30px; top: 15px; right: 0; } }
/* line 37, style.scss */
#about { text-align: center; }
/* line 38, style.scss */
#about .tit { width: 220px; margin: 0 auto 80px; }
/* line 39, style.scss */
#about table { width: auto; margin: auto; }
/* line 42, style.scss */
#about table tbody tr th, #about table tbody tr td { padding: 20px 30px; }
/* line 43, style.scss */
#about table tbody tr th { text-align: right; letter-spacing: .25em; font-weight: 500; }
/* line 44, style.scss */
#about table tbody tr td { text-align: left; letter-spacing: .15em; font-weight: 300; }
/* line 46, style.scss */
#about table tbody tr th span, #about table tbody tr td span { display: block; line-height: 1; }
/* line 47, style.scss */
#about table tbody tr th span img, #about table tbody tr td span img { width: auto; height: 100%; }
/* line 51, style.scss */
#about table tbody tr th span { height: 14px; }
/* line 54, style.scss */
#about table tbody tr td span { height: 16px; }
/* line 57, style.scss */
#about table tbody tr td.td03 span { height: 14px; }
/* line 58, style.scss */
#about table tbody tr td.td04 span { height: 60px; }
/* line 59, style.scss */
#about table tbody tr td.td05 span { height: 14px; }

@media only screen and (max-width: 750px) { /* line 70, style.scss */
  #about .tit { width: 200px; margin: 0 auto 50px; }
  /* line 74, style.scss */
  #about table tbody tr th, #about table tbody tr td { padding: 15px 12px; font-size: 12px; box-sizing: border-box; }
  /* line 75, style.scss */
  #about table tbody tr th { text-align: right; letter-spacing: .25em; white-space: nowrap; }
  /* line 76, style.scss */
  #about table tbody tr td { text-align: left; letter-spacing: .15em; }
  /* line 83, style.scss */
  #about table tbody tr th span { height: 9px; }
  /* line 86, style.scss */
  #about table tbody tr td span { height: 12px; }
  /* line 89, style.scss */
  #about table tbody tr td.td03 span { height: 9px; }
  /* line 90, style.scss */
  #about table tbody tr td.td04 span { height: 46px; }
  /* line 91, style.scss */
  #about table tbody tr td.td05 span { height: 9px; } }
/* line 101, style.scss */
footer { padding: 200px 0; }
/* line 102, style.scss */
footer .copyright { width: 170px; margin: auto; }

/* line 106, style.scss */
#page-top { position: fixed; bottom: 220px; right: 20px; z-index: 10; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; text-indent: 100%; white-space: nowrap; }
/* line 107, style.scss */
#page-top a { display: block; width: 100%; height: 100%; background: #cad1c0; }
/* line 108, style.scss */
#page-top a:hover { opacity: 0.7; }
/* line 109, style.scss */
#page-top a:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; top: calc(50% - 4px); width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(-45deg); }

@media only screen and (max-width: 750px) { /* line 116, style.scss */
  footer { padding: 100px 0; }
  /* line 117, style.scss */
  footer .copyright { width: 170px; margin: auto; }
  /* line 120, style.scss */
  #page-top { bottom: 50px; right: 5px; width: 40px; height: 40px; } }