﻿@import url("https://fonts.googleapis.com/css?family=Oswald:400,500");html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{font-family:游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif}@media screen and (max-width: 767px){.only-pc{display:none}}@media screen and (min-width: 768px){.only-sp{display:none}}body{background-color:#000}header{width:100%;position:fixed;top:0;z-index:2;height:113px;background-color:rgba(0,0,0,0.5)}header .inner{width:1200px;margin:auto;-js-display:flex;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify}header .inner h1{margin-top:40.5px;width:289px;height:32px}header .inner h1 a:hover{opacity:.5}header .inner h1 a img{width:100%;height:auto}header .inner nav{margin-top:44.5px;width:642px;height:24px}header .inner nav ul{overflow:hidden;*zoom:1}header .inner nav ul li{float:left;margin-right:35px;position:relative}header .inner nav ul li:hover{opacity:.5}header .inner nav ul li.active:after{position:absolute;color:#FF0086;content:"●";left:50%;bottom:12px;font-size:8px;line-height:1;color:#FF0086;opacity:1;-moz-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}header .inner nav ul li a{text-indent:-9999px;background-repeat:no-repeat;display:block;height:50px}header .inner nav ul li:first-child a{width:67px;background-image:url(../../img/menu_01.png)}header .inner nav ul li:nth-child(2) a{width:87px;background-image:url(../../img/menu_02.png)}header .inner nav ul li:nth-child(3) a{width:81px;background-image:url(../../img/menu_03.png)}header .inner nav ul li:nth-child(4) a{width:78px;background-image:url(../../img/menu_04.png)}header .inner nav ul li:nth-child(5) a{width:56px;background-image:url(../../img/menu_05.png)}header .inner nav ul li:last-child{margin-right:0}header .inner nav ul li:last-child a{width:98px;background-image:url(../../img/menu_06.png)}@media screen and (max-width: 767px){header{position:relative;height:15vh}header .inner{width:auto}header .inner h1{margin-top:calc(100vh * .03);margin-left:5%;width:55%;max-width:470px}header .inner h1 a{max-width:470px}header .inner h1 a img{width:100%;height:auto}header .inner nav{width:100%;height:auto;position:fixed;top:0;left:0;z-index:99999999;margin:0;-moz-box-shadow:0 0 2px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 2px rgba(0,0,0,0.4);box-shadow:0 0 2px rgba(0,0,0,0.4);-moz-transform:translate(0, -100%);-ms-transform:translate(0, -100%);-webkit-transform:translate(0, -100%);transform:translate(0, -100%);-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;opacity:0}header .inner nav ul{width:100%}header .inner nav ul li{float:none;background-color:#fff;margin:0;border-left:2px solid transparent;border-bottom:1px solid #000}header .inner nav ul li.active,header .inner nav ul li:hover{background-color:#f5f5f5;border-bottom:1px solid #000}header .inner nav ul li.active:after,header .inner nav ul li:hover:after{content:none}header .inner nav ul li a{padding:0 20px;height:auto;display:block !important;width:100% !important;text-indent:0;background-image:none !important;line-height:70px;color:#000;text-decoration:none;font-size:20px}header .inner nav.show{-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}header .inner nav .menu-close{background-color:#fff;text-align:right}header .inner nav .menu-close .btn-menu-close{color:#000;display:inline-block;font-size:80px;width:80px;line-height:80px;text-align:center}header .inner .toggle-menu{display:block;position:absolute;top:calc(100vh * .03);right:5%;color:#fff;font-size:26px;width:7%;max-width:50px;text-shadow:0 0 2px rgba(0,0,0,0.4)}header .inner .toggle-menu img{width:100%;height:auto}header .inner .twitter{display:block;position:absolute;top:calc(100vh * .03);right:18%;width:9%;max-width:60px}header .inner .twitter img{width:100%;height:auto}}#wrapper{padding-bottom:50px}.btn{border:none;display:inline-block;line-height:40px;padding:0 40px;background-color:#fff;text-align:center;font-size:14px;color:#000;text-decoration:none;border-radius:6px;font-weight:bold}.btn:hover{opacity:.8}#spinner-bg{background-color:rgba(0,0,0,0.3);position:fixed;top:0;left:0;width:100%;height:100%}#spinner,#spinner:before,#spinner:after{background:#ffffff;-webkit-animation:load1 1s infinite ease-in-out;animation:load1 1s infinite ease-in-out;width:1em;height:4em}#spinner{color:#ffffff;text-indent:-9999em;margin:88px auto;position:relative;margin:300px auto;font-size:11px;-webkit-animation-delay:-0.16s;animation-delay:-0.16s}#spinner:before,#spinner:after{position:absolute;top:0;content:''}#spinner:before{left:-1.5em;-webkit-animation-delay:-0.32s;animation-delay:-0.32s}#spinner:after{left:1.5em}@-webkit-keyframes load1{0%,
    80%,
    100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,
    80%,
    100%{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.page-top{position:fixed;right:10px;bottom:10px;z-index:2}.page-top a{color:#000;font-size:50px;display:block;width:60px;line-height:60px;background-color:rgba(255,255,255,0.3);text-align:center;opacity:.4}.page-top a:hover{opacity:1}#top{overflow:hidden;height:100vh}#top header{background-color:transparent}#top #main-video{width:1920px;height:1080px;min-width:1200px;position:fixed;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#top #main-video video{width:100%;height:100%}@media screen and (max-width: 767px){#top{overflow:auto;background-repeat:no-repeat;background-size:cover;background-position:center center}#top.photo1{background-image:url(/img/sp-top1.jpg)}#top.photo2{background-image:url(/img/sp-top2.jpg)}#top.photo3{background-image:url(/img/sp-top3.jpg)}#top.photo4{background-image:url(/img/sp-top4.jpg)}#top.photo5{background-image:url(/img/sp-top5.jpg)}#top.photo6{background-image:url(/img/sp-top6.jpg)}#top.photo7{background-image:url(/img/sp-top7.jpg)}#top.photo8{background-image:url(/img/sp-top8.jpg)}#top #main-video{display:none}}#update-info{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,0.8);z-index:1}#update-info .inner{color:#FF0086;padding:10px 20px;width:1200px;margin:auto;font-size:14px}#update-info .inner a{color:#FF0086;text-decoration:none}#update-info .inner a:hover{text-decoration:underline}@media screen and (max-width: 767px){#update-info .inner{width:100%;font-size:14px}}.works{width:1200px;margin:auto;padding-top:143px}.works .categories{border-top:1px solid #666;border-bottom:1px solid #666;margin-bottom:30px;padding:0 10px}.works .categories ul{font-size:0}.works .categories ul li{display:inline-block;margin-right:30px;line-height:40px;font-size:14px}.works .categories ul li i{color:#fff}.works .categories ul li a{color:#fff;text-decoration:none}.works .categories ul li a:hover{text-decoration:underline}.works .categories ul li.active a{color:yellow}.works .works-list .work{border-radius:6px;background-color:#fff;width:280px;margin:10px;overflow:hidden;float:left}@media screen and (max-width: 767px){.works .works-list .work{width:48%;margin:0% 1% 2% 1%}}.works .works-list .work .title{padding:15px;font-size:14px;line-height:1.8;font-weight:bold}.works .works-list .work .img img{width:100%;height:auto}.works .works-list .work .description{padding:15px;font-size:14px;line-height:1.8;color:#666}.works .works-list .work .category{color:#999;padding:0 15px 15px 15px;font-size:11.2px;line-height:1.8;font-weight:bold}.works .works-list .work .more a{display:block;text-align:center;padding:15px;color:#fff;background-color:#4c7cb1;text-decoration:none;position:relative}.works .works-list .work .more a:hover{opacity:.8}.works .works-list .work .more a:after{content:"\f064";font-family:FontAwesome;position:absolute;right:15px}.works .pagination{text-align:center;padding:60px 0}@media screen and (max-width: 767px){.works{width:100%;padding:0 3%}.works .work{border-radius:6px;background-color:#fff;width:100%;margin:20px;overflow:hidden}}.contact{width:1200px;margin:auto;padding-top:143px;padding-bottom:50px}.contact table{width:75%;margin:auto}.contact table tr td{font-size:14px;padding:15px 15px;border-bottom:1px solid #999}.contact table tr td:first-child{vertical-align:middle;width:150px;color:#fff}.contact table tr td:last-child{width:auto;color:#fff}.contact table tr td input[type=text],.contact table tr td textarea{border-radius:2px;border:1px solid #ccc;padding:6px 10px;width:100%;font-size:14px}.contact table tr td input[type=text]{height:35px}.contact table tr td textarea{height:600px}.contact table tr td .select{position:relative;display:block;height:35px}.contact table tr td .select select{width:100%;-moz-appearance:none;-webkit-appearance:none;background-color:#fff;padding:0 10px;height:100%;border:1px solid #999}.contact table tr td .select select option{font-size:14px}.contact table tr td .select:after{line-height:35px;position:absolute;font-family:FontAwesome;content:"\f0dc";right:10px;color:#000}.contact table tr:last-child td{text-align:center;border-bottom:none}.contact #alert{color:#ff0000;line-height:1.8;margin-bottom:30px;text-align:center;background-color:#FFEFEF;color:#C25338;border:1px solid #C25338;padding:20px;border-radius:4px}.contact .complete_message{text-align:center;color:#fff}@media screen and (max-width: 767px){.contact{width:100%;padding:0 3%}.contact table{width:100%}.contact table tr td{display:block}.contact table tr td:first-child{width:100%}.contact table tr td textarea{height:200px}.contact table tr td button{display:block;margin:20px auto;width:60%}}.profile{padding-top:143px;padding-bottom:30px;width:1000px;margin:auto;overflow:hidden;*zoom:1}.profile .col1{width:780px;float:left;margin-right:10px}.profile .col1 img{width:100%}.profile .col1 .inner{margin-top:10px;padding:15px;background-color:#fff;border-radius:4px}.profile .col1 .inner .name{color:#000;font-size:18px;margin-bottom:20px;border-bottom:1px solid #ccc;padding-bottom:10px;font-weight:bold}.profile .col1 .inner .name .social{float:right}.profile .col1 .inner .name .social img{width:auto;height:auto}.profile .col1 .inner .introduction{color:#000;line-height:1.8;font-size:14px}.profile .col3{width:210px;float:left}@media screen and (max-width: 767px){.profile{width:100%;padding:0 3%}.profile .col1{width:100%;float:none}.profile .col1 .inner .name .social{margin-top:10px;text-align:right;float:none}.profile .col3{margin-top:30px;width:100%;float:none}.profile .col3 iframe{width:100% !important}}.news{width:1100px;margin:auto;padding-top:143px;padding-bottom:50px;overflow:hidden;*zoom:1}.news .news_left{float:left;width:800px}.news .news_left .news_date{font-family:'Oswald', sans-serif;color:#fff;font-weight:400;font-size:40px;line-height:40px;margin-bottom:10px}.news .news_left .news_piece{background-color:#fff;border-radius:4px;padding:20px;margin-bottom:50px}.news .news_left .news_piece .news_title{font-weight:bold;line-height:1.8;font-size:20px;margin-bottom:20px}.news .news_left .news_piece .news_body{line-height:1.8;font-size:14px}.news .news_left .news_piece .news_body iframe{display:block;margin:auto;margin:20px auto;max-width:100%}.news .news_left .news_piece .news_img{text-align:center}.news .news_left .news_piece .news_img img{max-width:100%}.news .news_left .btn-area{text-align:center}.news .news_right{float:right;width:200px;margin-left:10px}.news .news_right div{margin-bottom:10px}.news .news_right div img{width:100%}@media screen and (max-width: 767px){.news{width:100%;padding:0 3%}.news .news_left{width:100%;float:none}.news .news_right{width:100%;float:none;text-align:center;margin-top:60px}.news .news_right div{display:inline-block;margin-right:5%}.news .news_right div a{max-width:200%}.news .news_right div:last-child{margin-right:0}}.listening{width:1100px;margin:auto;padding-top:143px;padding-bottom:50px;overflow:hidden;*zoom:1}.listening .listening_date{font-family:'Oswald', sans-serif;color:#fff;font-weight:400;font-size:40px;line-height:40px;margin-bottom:10px}.listening .listening_piece{background-color:#fff;border-radius:4px;padding:20px;margin-bottom:50px}.listening .listening_piece .listening_title{font-weight:bold;line-height:1.8;font-size:20px;margin-bottom:20px}.listening .listening_piece .listening_body{line-height:1.8;font-size:14px}.listening .listening_piece .listening_body iframe{display:block;margin:auto;margin:20px auto;max-width:100%}.listening .listening_piece .listening_comment{font-size:14px;line-height:1.8}.listening .btn-area{text-align:center}@media screen and (max-width: 767px){.listening{width:100%;padding:0 3%}}
/*# sourceMappingURL=style.css.map */
