@charset "utf-8";
body { line-height: 1; color: #000; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic", YuGothic, "メイリオ", sans-serif;  background: #fff; box-sizing: border-box; margin:0; padding:0;-webkit-text-size-adjust: 100%;}
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline : 0 ; }
a { color: #000; text-decoration: none; }
p {text-align:center; line-height: 2.5;letter-spacing: 0.1em;}

/* clearfix */
.cf{ zoom:1;}
.cf:after{ content:""; display:block; clear:both;}

#container { width: 100%; overflow:hidden; margin: 0 auto; padding: 0; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック", "Yu Gothic", YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 100%; line-height: 1.5em; }
#container img { width: 100%; margin: 0; padding: 0; vertical-align: bottom; }
#container .cf:after { content: ''; display: block; clear: both; }

#header {/* padding: 10.6666% 0 4.26666%;*//*80/32/750*/ }
#header .page_ttl h1{width:39.86666%;/*299/750*/  line-height: 1; margin: 0;}
#header .page_ttl{width: 100%; padding:24px 0 15px 14px; border-bottom: 1px solid #000;}


.mv .pic{ width:100%; height: 0; padding-top:66.6666%;/*500/750*/ background:url(../img/pic_philosophy_mv.jpg)no-repeat; background-size: cover; margin-bottom: 8%;/*60/750*/ }
.mv{margin-bottom: 18.6666%;/*140/750*/}


#concept .lead { text-align: center; margin-bottom: 20.53333%;/*154/750*/ }
.lead { margin: 10.6666% 0;/*80/750*/ font-size:100%; text-align: center; }
.lead  p.quote{margin:30px 0;}

#history { width:100%; margin-bottom: 16%;/*120/750*/ padding: 0; }
#history h2 { width: 27.3333%;/*205/750*/ margin: 0 auto 8.5333%;/*64/750*/ }
#history .history_01{margin-bottom:13.3333%;/*100/750*/}
#history .history_01 .pic{width:100%; height:0; padding-top:66.6666%;/*500/750*/ background:url(../img/pic_philosophy1.jpg)no-repeat;background-size: cover;}
#history .history_02{margin-bottom:18.6666%;/*140/750*/}
#history .history_02 .pic{width:100%; height:0; padding-top:66.6666%;/*500/750*/ background:url(../img/pic_philosophy2.jpg)no-repeat;background-size: cover;}
#history .txt{width:78%;/*585/750*/ /*padding:0 40px 100px; */margin:0 auto; margin-top:-10px; box-sizing: border-box;}
#history .txt p{text-align: center; line-height: 2.5; letter-spacing: 0.1em;}
#history .txt p.paris{margin-top: 10px;}



#link {padding:0 3.2%;/*24/750*/}
#link .link_bnr:nth-child(n+2){margin-top: 3.2%;}

nav.nav_map ul {width: 100%; text-align: left; padding:0 3.2%;/*24/750*/ margin-top:17.094%;/*120/702*/}
nav.nav_map li{display: inline; font-size: 10px;font-style: italic; margin: 0;}
nav.nav_map li.current{color:#999;}


#video { position: relative; height: 0; padding: 0 0 56.25%; overflow: hidden; margin-bottom: 9.375%;/*60/640*/ }
#video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#movie { margin-bottom: 21.3333%; /*160/750*/ padding: 0; }
#movie h2 { width: 22.5%; /*169/750*/ margin: 0 auto 8.5333%; /*64/750*/ }

#player { position: relative; height: 0; padding-top: 56.25%; overflow: hidden; }
#player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*footer*/
#footer{
  width: 100%;
  background: #fff;
  line-height: 1;
}
#footer .footer-inner{}
#footer ul{ 
  width: 100%;
  padding: 6.6666% 0;/*50/750*/
  text-align: center;
}
#footer ul li{
    display: inline;
    padding: 0 30px;

}
#footer ul li.btn01 img{
width: 13.2%;/*99/750*/

}
#footer ul li.btn02 img{
width: 20.9333%;/*157/750*/
}
#footer .footer-lower{
  width:100%;
  text-align:center;
  padding:0 0 4%;/*40/30/750*/
}

#footer small{
  text-align: center;
  color: #999;
  font-size: 11px;
}