@charset "utf-8"; 
a, abbr, acronym, address, applet, article, aside, audio,b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video{font-size:100%; vertical-align:baseline; white-space:normal; margin:0; padding:0; border:0; outline:0; background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block;} ol, ul{list-style:none;} blockquote, q{quotes:none;}table{border-collapse:collapse; border-spacing:0;} *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:100%;} img{vertical-align:top; width: 100%;height: auto;} h1, h2, h3, h4, h5, h6{font-weight:normal;}


/*---------------------------
Link
---------------------------*/
a{outline:none; text-decoration: none; color: #333;}
a:hover{ opacity: 0.8;}
a img:hover{ opacity: 0.8;}
a:hover{-webkit-transition:all .5s ease; transition:all .5s ease;}





/*---------------------------
Body
---------------------------*/

html{scroll-behavior: smooth;}
body{font-family:"Shippori Mincho"; font-style: normal; font-weight: 400; color: #333; word-wrap:break-word; font-kerning:normal;font-size:20px;letter-spacing: 0.05em;overflow-x: hidden;background: #fff;}



/*---------------------------
共通
---------------------------*/
.cf:before,
.cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf{*zoom: 1;}

.pc{display:block;}
.sp{display:none;}





/*---------------------------
コンテンツ
---------------------------*/
.hero{height: 93vh;width: 100%; padding-bottom: 80px;display: flex; flex-flow: column;align-items: center; justify-content: center;}
.hero .inner{}
.hero .coming{font-size: 60px; text-align: center; color:#bca275; font-family: "Playfair", serif;}
footer{background: #efecdf; width: 100%; padding:15px 10px; color: #333;}
footer .link{font-size:13px; text-align: center; margin-bottom: 20px; text-decoration:underline;}
footer .copy{font-size:12px; text-align: center;}


.terms{max-width: 900px; width: 90%; margin: 0 auto; padding: 100px 0;}
.terms h1{font-size:30px; text-align: center;color:#bca275; }
.terms .inner{margin-top: 50px;}
.terms h3{font-size: 18px; font-weight: 500; margin-top: 30px; margin-bottom: 10px;}
.terms p{font-size: 15px; margin-bottom: 5px; line-height: 1.5;}
.terms p.indent{padding-left: 1em; text-indent: -1em;}
.terms p.indent2{padding-left: 2em; text-indent: -1em;}
.terms p.right{text-align: right; margin-top: 50px; font-size: 13px;}

@media screen and (max-width: 750px) {
.hero{ padding-bottom: 60px;}
.hero .coming{font-size: 30px;}
footer{ font-size:12px;padding:10px 10px;}

.terms{padding:50px 0;}
.terms h1{font-size:20px;}
.terms .inner{margin-top: 30px;}
.terms h3{font-size: 15px;}
.terms p{font-size: 13px;}
.terms p.right{margin-top: 50px; font-size: 11px;}
footer .link{ margin-bottom: 10px; text-decoration:underline;}
}







.hero_fade{animation-timing-function: linear;}