<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&amp;display=swap');
h1 {
    padding-top: 28px;
}
body{}
header{ background-color:rgba(255,255,255,0.7); border-bottom:none;}
h2{ font-size:2.8rem; font-family:'Century Gothic';}
h2 span{ font-family:Roboto,Arial; font-size:1.4rem; line-height:1.3; font-weight:bold; display:block; float:left; border-bottom:3px solid #304b66; margin:3px 9px 0 0;}

#mainimage{ padding-top: 56%; position: relative; overflow: hidden;
    width: 100%;
    background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;}
    #mainimage h3{
        font-size: 2rem;
        line-height: 1.4;
        position: absolute;
        left: 3em;
        bottom: 5em;
        z-index: 2;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        color: #fff;
text-shadow:1px 1px 3px #000;
text-shadow:1px 1px 3px #000;
text-shadow:2px 2px 5px #000;
text-shadow:0px 0px 2px #000;
}
#mainimage h3 p{ font-size: 3rem;
        font-weight: 800;    padding-top: 0.3em;}
#mainimage.ipad {
background-attachment:inherit;
}
#mainimage video {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 101%;
  min-height: 101%;
    max-width: 101%;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

#newsbox{
    padding: 6em 0 3em 0;
}
#newsbox .container{
    display: flex;
    text-align: left;
}
#newsbox .titlebox{
    width: 18em;
    padding: 1.5em 0 0 1em;
}
#newsbox h3{
    font-size: 2.4rem;
  font-family: "Red Hat Text", serif;
    font-weight: 600;
    margin-bottom: 3em;
}
#newsbox .titlebox a{
    display: block;
    width: 9em;
    text-align: center;
    border: 1px solid #494949;
    padding: 0.3em 0;
}
#newsbox .titlebox a:hover{
    border: 1px solid #8e7c6e;
    background-color: #d5cac2;
    color: #8e7c6e;
}
#newsbox .listbox{
    flex: 1;
}
#newsbox .listbox dl{
    display: flex;
    padding: 1.5em 0;
    border-bottom: 1px solid #e8e8e8;
}
#newsbox .listbox dt{
    width: 16em;
    font-weight: 500;
}
#newsbox .listbox dt time{
  font-family: "Red Hat Text", serif;  font-size: 1.6rem;
}
#newsbox .listbox dd{
    flex: 1;
}
#newsbox .listbox dt p{
    display: inline-block;
    background-color: #494949;
    color: #fff;
    padding: 0 0.6em;
    font-weight: 400;
    margin-left: 1em;
    min-width: 6em;
    text-align: center;
}

#concept h3,#gallery h3{ font-size:1.7rem; padding:50px 0 24px 0;}

#concept{ background-color:#fff; padding:74px 0 92px 0;}
#concept .left{ width:460px; padding-top:45px;}
#concept p{}

#gallery{ background-color:#eeeeee; padding:70px 0 82px 0;}
#gallery .right{ width:460px; padding-top:45px;}
#gallery p{}
#gallery .left{ width:642px;}
.slider-nav{ width:100%; background-color:#acacac; padding:52px 0 45px 0;}
.thumb{ margin:0 17px;}

#menu{ background-color:#fff; padding:100px 0 75px 0;}
#menu .read{ padding:57px 0 115px 0;}
#menu h3{ font-family:Roboto,Arial;  font-size:2.2rem; font-weight:bold; background-image:url(../../img/menu_line.png); background-repeat:no-repeat; background-position:left bottom; padding-bottom:18px; margin-bottom:32px;}
#menu h3 span{ font-size:1.3rem; font-weight:normal;}
#menu .listbox{ width:524px; padding-bottom:85px;}
#menu .listbox dl{ border-bottom:1px solid #d4d4d4; padding:17px 0 5px 0;}
#menu .right li.listbox:first-child dl{ padding:8px 0 5px 0;}
#menu .listbox dt{ float:left;}
#menu .listbox dd{ text-align:right; font-weight:bold;}
#menu .caution{ color:#b76d04;}
#menu .caution2{ padding-top:25px; font-size:1.4rem; line-height:1.5;}
#menu .caution3{ padding-top:15px; font-size:1.4rem; line-height:1.5;}
#menu .indent{ text-indent:-1.5em; padding:15px 0 0 1.5em; font-size:1.4rem; line-height:1.5;}
#menu h4{ font-size:1.6rem; font-weight:bold; padding:45px 0 5px 0; border-bottom:1px solid #d4d4d4;}

#staff{ background-color:#ececec; padding:120px 0 60px 0;}
#staff .read{ padding:57px 0 75px 0;}

#staff ul{ letter-spacing:-.4em;}
#staff li{ display:inline-block; letter-spacing:normal; vertical-align:top; margin-bottom:56px; margin-right:52px;
  position: relative;
  overflow: hidden;
}
#staff li:nth-child(4n){ margin-right:0;}
#staff li .name {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  color:#fff;
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 1;
  text-align:center;
  font-size:1.4rem;
  line-height:2;
  padding-top:35px;
}
#staff li .name span{ font-size:1.8rem; font-weight:bold;}
#staff li:hover .name {
  top: 0;
  left: 0;
}

#imagebox{ height:680px; background-image:url(../../img/image.jpg); background-repeat:no-repeat; background-size:cover; background-position:50%; /*background-attachment:fixed;*/}

#access{ background-color:#fff; padding:80px 0 100px 0;}
#access .left{ padding-top:65px;}
#access h2{ margin-bottom:60px;}
#access dl{ padding-bottom:18px;}
#access dt{ float:left;}
#access dd{ padding-left:110px;}
#access .right{ position:relative; width:667px; height:498px; overflow: hidden;}
#access .right iframe{ position:absolute; width:100%; height:800px;  top: 50%;
  left: 0;
  transform: translateY(-50%);}

#store{ background-color:#fff; padding:125px 0 100px 0;}
#store h2{ margin-bottom:85px;}
#store p{ font-size:2rem; font-family:'Century Gothic'; line-height:1.3; padding: 8px 0 45px 0;}
@media screen and (max-width:767px){
#sp_logo{ background-color:rgba(255,255,255,0.7);position:absolute; z-index: 5;}
h1 {
    padding-top: 10px;
}
h1 img{ height:43px;}
#mainimage{ height: 100vh; background-attachment:scroll; background-position:50%;}

#mainimage video {
    max-width: inherit;
}
    #mainimage h3{
        font-size: 1.8rem;
        left: 1em;
        right: 1em;
        bottom: 8em;
}
    #mainimage h3 p{ font-size: 2rem;}
    
    
#newsbox{
    padding: 5em 0 4em 0;
}
#newsbox .container{
    display: block;
}
#newsbox .titlebox{
    width: 100%;
    padding: 0 0 1em 0;
    display: flex;
    justify-content: space-between;
        align-items: center;
}
#newsbox h3{
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 0;
}
#newsbox .titlebox a{
}
#newsbox .listbox{
}
#newsbox .listbox dl{
    display: block;
}
#newsbox .listbox dt{
    width: auto;
}
#newsbox .listbox dd{
    padding-top: 0.5em;
}
    
#concept h3,#gallery h3{ font-size:1.7rem; padding:40px 0 24px 0;}

#concept{ padding:50px 0 40px 0;}
#concept .left{ float:none; width:100%; padding-top:0;}
#concept .right{ float:none;}
#concept p{ padding-bottom:30px;}


#gallery{ padding:50px 0 40px 0;}
#gallery .right{ float:none; width:100%; padding-top:0;}
#gallery p{ padding-bottom:30px;}
#gallery .left{ float:none; width:100%;}
.slider-nav{ padding:15px 0;}
.thumb{ margin:0 10px;}

#menu{ background-color:#fff; padding:50px 0 0 0;}
#menu .read{ padding:40px 0 50px 0; width:100%;}
#menu h3{ padding-bottom:13px; margin-bottom:27px;}
#menulist li:nth-child(even){ margin-left:0;}
#menulist li:last-child{ margin-left:0;}
#menu .listbox{ width:100%; padding-bottom:70px;}
#menu .listbox dl{ padding:10px 0 5px 0;}
#menu .caution{ line-height:1.5; padding-top:25px;}
#menu h4{ padding:35px 0 5px 0;}
#menu .listbox .setumei span{ display:inline; width:auto;}
#menu .listbox dt.sp_nofl{ float:none;}

#staff{ padding:50px 0 40px 0;}
#staff .read{ padding:40px 0 50px 0; width:100%;}

#staff li{ width:48%; margin-bottom:20px; margin-right:4%;
}
#staff li:nth-child(2n){ margin-right:0;}
#staff li .name {
  padding-top:25px;
}
#imagebox{ height:200px; background-attachment:scroll; background-size:cover; background-position:50%;}


#access,#store{ padding:50px 0 40px 0;}
#access .left{ float:none; padding-top:0;}
#access h2,#store h2{ margin-bottom:40px;}
#access dd{ padding-left:85px;}
#access .right{ float:none; width:100%; height:230px;}
#access .right iframe{height:430px;}

#store .left,#store .right{ float:none; padding-bottom:30px;}
#store p{ padding-bottom: 0;}

}</pre></body></html>