@charset "UTF-8";
@import "reset5.css";
@import url(https//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fast.fonts.net/cssapi/85ebac5b-eb75-4962-b1ca-cbc90c7129d4.css);

/*
font-family:'DIN Next LT W01 Ultra Light';
font-family:'DIN Next LT W01 Black';
font-family:'DIN Next LT W01 Heavy';
font-family:'DIN Next LT W01 Bold';
font-family:'DIN Next LT W01 Medium';
font-family:'DIN Next LT W01 Regular';
font-family:'DIN Next LT W01 Light';
*/

body { color:#242424; line-height:1; background-color: #eff2f3; padding: 0; position: relative; min-height: 100%; text-align: center; overflow: hidden; font-family: 'DIN Next LT W01 Regular', "Linotype Univers","Univers LT", Univers, "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
html { min-height: 100%; }

* html body { font-family: 'DIN Next LT W01 Regular', "Linotype Univers","Univers LT", Univers, "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }
*:first-child+html body { font-family:'DIN Next LT W01 Regular', "Linotype Univers","Univers LT", Univers, "Helvetica Neue", Helvetica, Arial, 'Noto Sans JP', sans-serif, YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:13px; line-height: 1; letter-spacing: 0.04em; font-weight: 300 }
body p { line-height: 2em; letter-spacing: 0.08em }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

iframe { overflow: hidden }

/* !clearfix */
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt80 { margin-top:80px !important; }


.tx9 { font-size: 9px !important; }
.tx10 { font-size: 10px !important; }
.tx11 { font-size: 11px !important; }
.tx12 { font-size: 12px !important; }
.tx13 { font-size: 13px !important; }
.tx14 { font-size: 14px !important; }
.tx15 { font-size: 15px !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }
.tx24 { font-size: 24px !important; }
.tx28 { font-size: 28px !important; }
.tx32 { font-size: 32px !important; }
.tx36 { font-size: 36px !important; }
.tx40 { font-size: 40px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }

/* !Links */
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none }
a:hover { color: #fff; text-decoration: none; }
a:active { color: #676767; text-decoration: none }
a.nb:link { border-bottom: none }

html { margin: 0; padding: 0}
body { margin: 0; padding: 0 }

h1,h2,h3,h4,h5 { font-weight: normal }

.noscroll {
  position: fixed !important;
  overflow-y: scroll;
}

#wrapper { position: relative; overflow: hidden }


#main { position: relative; background: #e1e2e2; overflow: hidden }
#main h1 { position: absolute; left: 5%; top: 50%; margin: -90px 0 0; z-index: 10 }
#main h2 { position: absolute; right: 7%; top: 50%; margin: -16px 0 0; z-index: 10 }
#main img.slide { position: absolute; left: 0; top: 0; z-index: 0; display: none }
#main #bullets { position: absolute; left: 50%; bottom: 15px; z-index: 10; margin-left: -48px }
#main #bullets li { float: left; padding: 4px; cursor: pointer }

#loader { position: absolute; left: 50%; top: 50%; margin: -12px 0 0 -12px; z-index: 1000 }

#navigation { position: absolute; left: 0; top: 11%; z-index: 1000; }
#navigation li { text-align: left; margin-bottom: 40px; padding-left: 104px; position: relative; }
#navigation li .sq { position: absolute; left: 52px; top: 0; width: 26px; height: 0; background-color: #000; }
#navigation li a { display: inline-block; font-size: 26px; font-family:'DIN Next LT W01 Medium'; letter-spacing: 0.08em; line-height: 1em; background-color: #fff; position: relative; }
#navigation li a span { position: relative; z-index: 10 }
#navigation li a span.bar { position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #000; z-index: 0 }

.view { position: absolute; right: 0; bottom: 10%; z-index: 1000; padding-right: 112px; line-height: 1em; font-size: 18px; font-family:'DIN Next LT W01 Medium'; color: #fff; display: none }
.view span { position: relative; z-index: 10 }
.view span.bar { position: absolute; left: 0; top: 0; width: 0; height: 100%; background-color: #000; z-index: 0 }

.top-sns-btn { position: fixed; right: 0; top: 0; padding: 0 16px; }
.top-sns-btn p {  }
.top-sns-btn p a { display: block; padding: 20px 16px }

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

@media screen and (max-width: 760px){
	
body { font-size:13px; line-height: 1; }	


.menu { width: 100%; position: relative; text-align: left }
.mn07 { background: url(../img/main07.jpg) top; background-size: cover }
.mn06 { background: url(../img/main06.jpg) top; background-size: cover }
.mn05 { background: url(../img/main05.jpg) top; background-size: cover }
.mn04 { background: url(../img/main04.jpg) top; background-size: cover }
.mn03 { background: url(../img/main03.jpg) top; background-size: cover }
.mn02 { background: url(../img/main02.jpg) top; background-size: cover }
.mn01 { background: url(../img/main01.jpg) top; background-size: cover }
.menu a { position: absolute; left: 7%; top: 42%; display: inline; font-size: 20px; font-family:'DIN Next LT W01 Medium'; line-height: 1em; background-color: #fff; position: relative; }
.menu a:hover { background-color: #000;}
	
.top-sns-btn { position: fixed; right: 0; top: 0; padding: 0; }
.top-sns-btn p a { display: block; padding: 15px }
.top-sns-btn p a img { width: 20px }
	
.pc { display: none }
.sp { display: block }

}


@media screen and (max-width: 320px){

}