@charset "utf-8";
/*-------------------------------------------ブラウザリセット YUI 3: Reset CSS*/
article:after,section:after,div:after,ul:after,h3:after,li:after{content:"";display:block;clear:both;}
#page-loading{background:#000;width:100%;height:100%;position:fixed;top:0;left:0;text-align:center;z-index:1111111111;display:table;color:#fff;}
.pictPC{display:block}
.pictSP,.logoSP{display:none}
html{color:#000;background-color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption, th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
.imgPC{display:block;}
.imgSP{display:none;}
/*---------------------------------------------フォントサイズ YUI 3: CSS Fonts*/
body{font:13px/1.231 Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;}
* + html body{font-family:"メイリオ","Meiryo";}
table{font-size:inherit;font:100%;}
/* clearfix */
.clearfix{zoom:1;}
.clearfix:after,ul:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
/* ベース 見出しなど */
a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter:“alpha( opacity=80 )”;}
a{color:#403bcd;text-decoration:none;}
a:hover{color:#403bcd;text-decoration:underline;}
.inner{width:900px;margin:0 auto;}
img{vertical-align: bottom;}
p.title{font-size:1rem;line-height:1.3;margin-bottom:4px;word-break:break-all;}
p.outline{line-height:1.3;color:#434343;}
p.date{font-size:0.7rem;color:#434343;text-align:right;margin-top:6px;padding:4px 6px;background:#e3e3e3;}
#pickup a{color:#fff;text-decoration:none;}
#pickup a:hover{color:#fff;text-decoration:underline;}
h2{margin:0 auto 20px;font-size:0;}
#pickup h2{width:342px;height:79px;background:url(../img/h2_pickup.png) no-repeat center top /100% auto;}
#news h2{width:271px;height:58px;background:url(../img/h2_news.png) no-repeat center top /100% auto;}
#interview h2{width:322px;height:58px;background:url(../img/h2_interview.png) no-repeat center top /100% auto;}
#products h2{width:376px;height:83px;background:url(../img/h2_products.png) no-repeat center top /100% auto;}
#movies h2{width:332px;height:81px;background:url(../img/h2_movies.png) no-repeat center top /100% auto;}
/* メインビジュアル */
#mainVisualTop{width:100%;background-color:#999;overflow:hidden;}
#mainVisualTop .inner{width:900px;min-height:420px;position:relative;}
#mainVisualTop .title_top1{position:absolute;right:0;bottom:20%;}
#mainVisualTop .title_top2{position:absolute;right:2%;bottom:18%;}
#mainVisualTop #snsBtns{display:flex;position:absolute;bottom:7%;right:3%;}
#mainVisualTop #snsBtns li img{height:40px;}
#mainVisualTop #snsBtns li {margin-left:5px}
#mainVisualTop #snsBtns li.line {display:none;}
/* ピックアップ・スライダー */
#pickup{width:100%;margin:0;padding:30px 0;background:#04016f url(../img/bg_pickup.jpg) no-repeat center top /100% auto;box-sizing:border-box;}
#pickup #slider div.body{width:100%;}
#pickup #slider div.image{width:296px;margin-bottom:6px;}
#pickup #slider div img{max-height:197px;margin:0 auto;}
#pickup #slider div.text{width:97%;}
#pickup #slider ul.list-label{display:none;}
#pickup #slider p.category{display:none;}
#pickup #slider p.outline{color:#ccc;margin:0 2px;}
#pickup #slider p.date{color:#ccc;margin:0;background:none;}
/* メインコンテンツ */
#mainContent{background-color:#fff;background-image:url('../img/bg_main.jpg');background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;}
#mainContent section{float:left;border:1px solid #b7b7b7;background-color:rgba(255,255,255,0.9);}
#mainContent .inner{padding:30px 0;}
/* ニュース */
#news{width:530px;margin-right:20px;padding:20px 0;box-sizing:border-box;}
#news ul{list-style:none;padding:0px;}
#news ul li{margin-bottom:10px;padding:10px 20px;display:block;clear:both;}
#news ul li:before,.newest ul li:after{display:table;content:"";}
#news ul li:after{clear:both;}
#news ul li .image{float:left;width:170px;text-align:center;vertical-align:middle;display:table-cell;}
#news ul li .image img{max-width:170px;max-height:112px;}
#news ul li .text{float:right;width:300px;}
/* インタビュー */
#interview{width:350px;padding:20px 0;box-sizing:border-box;}
#interview #slider_interview{width:88%;margin:0 auto;padding:0px;display:flex;flex-wrap:wrap;align-items:center;list-style:none;}
#interview #slider_interview div.body{width:100%;margin:0 0 7%;}
#interview #slider_interview div.image{margin-bottom:6px;}
#interview #slider_interview div img{width:100%;}
/* 製品情報 */
#products{width:100%;margin:0;padding:30px 0;box-sizing:border-box;background-color:#000;background-image:url('../img/bg_products.jpg');background-repeat:no-repeat;background-position:center;background-attachment:fixed;}
#products ul{width:80%;margin:0 auto;padding:0px;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;}
#products ul li{width:29%;margin:0 2%;}
#products ul li img{width:100%;}
/* ムービー */
#movies{width:100%;margin:0 auto;padding:30px 0;background-color:#fff;background-image:url('../img/bg_movies.jpg');background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;}
#movies section{width:900px;margin:0px auto;padding:30px 0;border:1px solid #b7b7b7;background-color:rgba(255,255,255,0.6);box-sizing:border-box;}
#movies .youtube{width:700px;height:398px;text-align:center;margin:0 auto 30px;box-shadow:0px 0px 10px 0 #000;}
#movies .youtube iframe{width:100%;height:100%;}
#movies .copyright{font-size:11px;text-align:center;margin:10px;padding-top:10px;color:#3f3f3f;}
.button-hex{position:relative;width:170px;height:42px;font-size:14px;text-align:center;text-decoration:none;line-height:40px;color:#fff;margin:0 auto;padding:0 10px;background-color:#403bcd;transition:all .1s ease-in-out;display:block;}
.button-hex:before,.button-hex:after{position:absolute;content:'';top:0;width:0;height:0;border:21px solid transparent;border-right:12px solid transparent;border-left:12px solid transparent;}
.button-hex:before{right:100%;border-right-color:#403bcd;}
.button-hex:after{left:100%;border-left-color:#403bcd;}
.button-hex:hover{opacity:.7;color:#fff;}
/* footer */
footer{width:100%;}
footer .copyright{font-size:11px;text-align:center;color:#fff;margin:10px;}
footer ul{width:80%;margin:30px auto;}
footer li{float:left;width:33.3%;text-align:center;display:block;}
footer li img{width:100%;}
.arrow{position:relative;padding-left:22px;}
.arrow::before{position:absolute;content:'';top:50%;left:0;width:14px;height:14px;margin-top:-7px;background:#fff;border-radius:50%;}
.arrow::after{position:absolute;content:'';top:50%;left:6px;width:0;height:0;margin-top:-4px;border:solid 4px transparent;border-left:solid 6px #7b7b7b;}