@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&family=Oswald:wght@500&display=swap");

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";

/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{min-width:1240px;}

/* font settings */
html,
body{color:#000;font-size:16px;line-height:1.6;}
body{font-family:"Noto Sans JP","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

/* chat bot */
.editMode .ibqa_chatbutton{z-index:999;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1200px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

#skin{position:relative;}
.mainWrap{position:relative;padding-bottom:120px;}
.mainWrap:before,
.mainWrap:after,
#skin:before{content:"";display:block;position:absolute;top:0;left:calc(50% - 1px);z-index:-1;width:1px;height:100%;background-color:#eee;}
.mainWrap:after{left:calc(50% + 484px);}
.mainWrap:before{left:calc(50% - 484px);}

body:not(._Index) .contentItem{background-color:#fff;}
body:not(._Index) .contentBottom{background-color:#fff;}

/* ===========================================================
 header
=========================================================== */
#header{width:100%;margin:0;padding:0;}
._Index #header{/* filter:drop-shadow(0px 0px 8px rgba(0,0,0,0.1)); */}
.headTop{display:flex;position:relative;z-index:99;min-width:1200px;border-bottom:5px solid #eee;background-color:#fff;justify-content:space-between;}
._Index .headTop{border-bottom:transparent;}
._Index .megamenuWrap > div{border-top:5px solid #eee;}
/* ---------------------------------------------------------
 left
----------------------------------------------------------- */
.headTop .left{/* background:#fff; */}
/* logo */
.headTop .left .logo{margin-top:36px;margin-right:20px;margin-left:42px;}
.headTop .left .logo a{display:block;transition:all 0.3s ease;}
.headTop .left .logo a:hover{opacity:0.7;}

@media (max-width:1470px){.headTop .left .logo{width:100%;width:auto;margin-right:5%;margin-left:5%;}
.headTop .left .logo a img{width:100%;min-width:260px;max-width:300px;margin-right:30px;}
.tokenMenu > ul li a{padding-right:10px;padding-left:8px;font-size:100%;}}
/* ---------------------------------------------------------
 right
----------------------------------------------------------- */
.headTop .right{display:flex;width:100%;justify-content:flex-end;}
.headTop .right .headleftTop{display:flex;}
.headTop .right .headleftTop .searchWrap{position:relative;margin-top:22px;margin-right:32px;}
.headTop .right .rightItem{display:flex;margin-bottom:10px;justify-content:flex-end;}
.headTop .right .headleftBottom{margin-right:22px;}
@media (max-width:1470px){.headTop .right .headleftTop .searchWrap{margin-right:12px;}
.headItem li{margin-right:10px;}
.headItem li a{font-size:86%;}
.headTop .right .headleftBottom{margin-right:0;}}
/* お問い合わせボタン */
.Head02Pane{height:100%;}
.headRight{display:block;width:100%;max-width:150px;height:auto;background:#e00012;/*filter:drop-shadow(0px 0px 8px rgba(0,0,0,0.1));*/}
.inquiryItem{color:#fff;}
.inquiryItem > a{display:inline-block;width:100%;height:100%;padding:65px 20px 30px;background:url(/Portals/0/images/common/ico_inquiry.png) center 35px no-repeat;color:#fff;text-decoration:none;text-align:center;transition:all 0.3s ease;}
.inquiryItem > a:hover{opacity:1;background-color:#222;text-decoration:none;}
@media (max-width:1470px){.headRight{max-width:120px;font-size:80%;}
.inquiryItem > a{padding-bottom:36px;}}

.tokenMenu > ul > li > a{display:none;}
.tokenMenu > ul > li > ul{display:flex;width:100%;padding:0;background:#fff;justify-content:space-around;}
.tokenMenu > ul > li > ul > li.Tab75,
.tokenMenu > ul > li > ul > li.Tab79,
.tokenMenu > ul > li > ul > li.Tab82,
.tokenMenu > ul > li > ul > li.Tab86,
.tokenMenu > ul > li > ul > li.Tab104,
.tokenMenu > ul > li > ul > li.Tab106{display:block;}
.tokenMenu > ul > li > ul > li{display:none;}
.tokenMenu > ul > li > ul > li ul{padding:0;}
.editMode .headTop .right .headleftBottom{position:static;}

.tokenMenu > ul > li > ul > li > a{display:block;position:relative;text-decoration:none;}
.tokenMenu > ul > li > ul > li.active > a{color:#e00012;}
.tokenMenu > ul > li > ul > li > a:after{content:"";display:block;position:absolute;right:0;bottom:-5px;left:0;width:calc(100% - 1em);height:5px;margin:auto;background-color:transparent;}
.tokenMenu > ul > li > ul > li > a:hover:after{background-color:#e60012;}

.tokenMenu > ul > li > ul > li > a.currentLink:after,
.tokenMenu > ul > li > ul > li > a.parentLink:after{content:"";display:block;position:absolute;right:0;bottom:-5px;left:0;width:calc(100% - 1em);height:5px;margin:auto;background-color:#e60012;}

.tokenMenu > ul > li > ul > li > a[target="_blank"]{padding-right:35px;}
.tokenMenu > ul > li > ul > li > a[target="_blank"]:before{content:"";display:inline-block;position:absolute;top:3px;bottom:0;left:92px;width:17px;height:16px;margin:0 0 0 5px;margin:auto;background:url(/Portals/0/images/common/ico_external_gnav.png) center center no-repeat;}

/* ===========================================================
 gNav
=========================================================== */
.headleftBottom{}

.tokenMenu{margin:0;}
.tokenMenu > ul{padding:0;}
.tokenMenu > ul li{list-style:none;padding-bottom:0;}
.tokenMenu > ul li a{margin:0;padding:15px;color:#000;font-weight:700;font-size:18px;}
.tokenMenu > ul > li > ul > li > a:hover{color:#e00012;}
.tokenMenu > ul > li > ul ul{display:none;}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto;padding:0;font-size:85%;}
.breadcrumb a{color:#666;text-decoration:none;}
.breadcrumb a:hover{color:#333;}
.breadcrumb .inner{margin-top:10px;margin-bottom:40px;}
.breadcrumb .inner > span a{text-decoration:underline;}
.breadcrumb .inner > span a:hover{text-decoration:none;}
.breadcrumb .inner > span > span:not([class]){padding:0 10px;color:#999;}
.breadcrumb .inner > span > a.breadcrumbItem:first-child{display:inline-block;position:relative;margin-left:20px;border-bottom:1px solid #333;line-height:0.9;text-decoration:none;}
.breadcrumb .inner > span > a.breadcrumbItem:first-child:hover{border-bottom:transparent;}
.breadcrumb .inner > span a.breadcrumbItem:first-child:before{content:"";position:absolute;top:0;bottom:0;left:-20px;width:12px;height:14px;margin:auto;background-image:url(/Portals/0/images/common/img_home.png);}
.breadcrumb .inner > span > .breadcrumbItem{color:#333;}
/* content02 */
._Index .content02{background:url(/Portals/0/images/index/bg_business.png) center bottom no-repeat;background-size:contain;}
._1Column_02 .content02:before{position:static;}
/* content03 */
._Index .Content03Pane{position:relative;padding-top:70px;padding-bottom:30px;}
._Index .Content03Pane:before{content:"";position:absolute;top:0;right:0;bottom:auto;left:0;width:1px;height:70px;margin:auto;background-color:#222;}
._Index .Content03Pane:after{content:"";position:absolute;right:0;bottom:0;left:0;width:1px;height:30px;margin:auto;background-color:#000;}
/* content05 */
._Index .content05{background:url(/Portals/0/images/index/bg_investor.jpg) center bottom no-repeat;background-size:contain;}
/* content07 */
._Index .content07{background:#f9f9f9;}

/* ===========================================================
 製品情報 product
 ===========================================================*/
.contentItem.productArea > .inner{display:flex;overflow:hidden;width:100%;max-width:1200px;margin:0 auto;justify-content:space-between;}
.productArea > .inner > div{}
.productArea > .inner .content00{padding-bottom:0;background:#fff;}
.productArea .Content01Pane,
.productArea .Content02Pane,
.productArea .Content03Pane{height:100%;}
/* ===========================================================
 footer
=========================================================== */
#footer{margin:0;padding:0;}

/* footTop */
footer .footTopWrap{background:#eee;}
footer .footTop{margin-right:2%;margin-left:2%;background:#eee;}
/* footBottom */
footer .footBottomWrap{background:#222;}
footer .footBottomWrap .footBottom{margin:0 2%;}
footer .footBottom .inner{display:flex;padding-top:32px;padding-bottom:1em;justify-content:space-between;}

/* ---------------------------------------------------------
 pagetop
----------------------------------------------------------- */
/* pagetop */
.pagetop{position:relative;z-index:10;margin:0;padding:0;}
.pagetop a{display:block;position:absolute;top:inherit;right:20px;bottom:20px;z-index:100;width:70px;height:70px;margin:auto 0 auto auto;padding:17px 10px;background:#d90112;background-image:url(/Portals/0/images/common/img_pageTop.jpg);color:transparent;line-height:1.2;text-align:center;}
.pagetop a:before{content:"";position:absolute;top:-8px;right:0;left:-2px;z-index:0;transform:rotate(-90deg);width:50px;height:5px;margin:auto;background:url(/Portals/0/images/index/ico_index_arrow.png) 0 0 no-repeat;transition:all 0.3s ease;}
.pagetop a:hover:before{top:-25px;transition:all 0.3s ease;}
.pagetop a:after{content:"";position:absolute;top:0;right:0;left:0;z-index:0;width:1px;height:20px;margin:auto;background:#fff;transition:all 0.3s ease;}
.pagetop a.in{bottom:20px;}
.pagetop a.fix{bottom:-40px;}
.pagetop a:before{}
.copyright{padding-bottom:0;color:#999;font-size:11px;text-align:right;}

/* ===========================================================
 contents
=========================================================== */
._Index .contentTop{background-color:#f9f9f9;}
.boxColored > ul{padding-bottom:5px;}
/* ---------------------------------------------------------
 slider
----------------------------------------------------------- */
.slicksliderArea .slider{opacity:0;transition:opacity 1s;}
.slicksliderArea .slider.slick-slider{overflow:visible;opacity:1;width:100%;margin:0 auto;}
.slicksliderArea .slick-slider .slick-list{overflow:visible;z-index:0;padding:0 !important;}
.slicksliderArea .slick-slider .slick-slide{display:block;text-align:center;}
.slicksliderArea .slick-slider .slick-slide.slick-center{opacity:1;}
.slicksliderArea .slick-slider .slick-slide a{display:block;}
.slicksliderArea .slick-slider .slick-slide img{display:block;width:100%;}
.slicksliderArea .slick-slider .slick-slide a:hover img{opacity:0.8;}
.slicksliderArea .slick-slide{background-color:#0f2c4c;}
.slicksliderArea .slick-slide.slick-current img{opacity:1;transition:0.8s;}

.topItem .slicksliderArea{overflow:hidden;margin-bottom:0;}
.topItem .slicksliderArea .slick-slider .slick-dots{position:absolute;right:0;bottom:20px;left:0;margin:auto;padding:0;}
.topItem .slicksliderArea .slick-slider .slick-dots li{width:61px;height:5px;margin:0 10px;}
.topItem .slicksliderArea .slick-slider .slick-dots li button{width:61px;height:5px;border-radius:0;background-color:#fff;transition:all 0.3s ease;}
.topItem .slicksliderArea .slick-slider .slick-dots li button:before{position:static;width:0;height:0;}
.topItem .slicksliderArea .slick-slider .slick-dots li button:hover{opacity:0.7;}
.topItem .slicksliderArea .slick-slider .slick-dots li.slick-active button{background-color:#e70719;}
.topItem .slicksliderArea .slick-slider .slick-arrow{width:0;height:0;}
/*.topItem .slicksliderArea .slickslider{position:relative;}
.topItem .slicksliderArea .slickslider:before{content:"";position:absolute;right:3%;bottom:3.1%;z-index:1;width:1%;height:12%;background:url(/Portals/0/images/index/txt_scroll.png) 0 0 no-repeat;background-size:contain;}*/