@charset "utf-8";

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

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

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

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

/* font size */
body.fontSize1{font-size:1.8rem;}
body.fontSize2{font-size:2rem;}

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

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

/* ===========================================================
 header
=========================================================== */
#header{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-width:1280px;min-height:143px;background:#fff;position:relative;z-index:95 !important;}
#header .headTop{display:flex;justify-content:flex-end;align-items:flex-start;width:100%;}
#header .headTop .left{width:571px;position:absolute;left:40px;top:33px;transition:top 0.3s;}
#header .headTop .right{display:flex;justify-content:flex-end;align-items:center;width:calc(100% - 571px - 40px);}
#header .headBottom{width:100%;}
.skinPGS #header .headTop .left,
.skinPCS #header .headTop .left{top:23px;}
@media screen and (max-width:1600px) {
	#header .headTop .left{top:13px;}
	.skinPGS #header .headTop .left,
	.skinPCS #header .headTop .left{top:13px;}
}

#header.headFixed.scrolled:before{display:block;content:"";width:100%;height:1px;background:#ddd;position:absolute;top:100%;left:0;}

/* logo */
.logo{margin:0;padding:0;}
.logo a,
.logo a img{display:block;}

/* fontSizer */
.fontSizerWrap{display:flex;align-items:center;margin-right:35px;}
.fontSizerWrap p.fontSizer{margin:0 10px 0 0;padding:0;font-size:1.4rem;line-height:1;white-space:nowrap;}
.fontSizerWrap ul#fontSizer{display:flex;align-items:center;margin:0;padding:0;}
.fontSizerWrap ul#fontSizer li{display:flex;justify-content:center;align-items:center;margin:0;padding:2px 0 0;width:50px;height:30px;font-size:1.5rem;font-weight:500;line-height:1;background:#EEE;list-style:none;}
.fontSizerWrap ul#fontSizer li:hover{cursor:pointer;}
.fontSizerWrap ul#fontSizer li.active{font-weight:400;background:#1E2753;color:#fff;}

/* search */
.searchWrap{margin:10px;width:calc(100% - 20px);border-bottom:1px solid #fff;position:relative;}
.searchWrap .placeholder{padding:7px 10px;font-size:1.4rem;line-height:2;background:transparent;color:#fff;position:absolute;top:0;left:0;}
.searchWrap input[type="text"]{display:block;font-size:1.4rem;line-height:2;padding:5px 10px;width:calc(100% - 40px);height:40px;border:none;border-radius:0;background:#1E2753;color:#fff;}
.searchWrap input[type="text"]:focus{background:#1E2753;border:none;color:#fff;}
.searchWrap input[type="submit"].submitBtn_S{margin:0;padding:0;border:none;border-radius:0;}/* reset */
.searchWrap input[type="submit"].submitBtn_S{display:block;width:40px;height:40px;text-indent:200%;white-space:nowrap;overflow:hidden;background:url(/Portals/0/images/common/ico_search_small.png) center no-repeat #1E2753;position:absolute;top:0;right:0;transition:opacity 0.3s;}
.searchWrap input[type="submit"].submitBtn_S:hover{opacity:0.65;}

/* burgerItem
------------------------- */
#searchWrap{position:relative;}
#searchWrap .searchItem.burgerItem{width:270px;background:#1E2753;position:absolute;top:70px;right:0;}

/* burgerMotion
------------------------- */
#searchWrap .burgerMotion{width:90px;height:70px;background:#1E2753;position:relative;top:auto;right:auto;}
#searchWrap .burgerMotion:after{display:block;width:100%;content:"SEARCH";text-align:center;font-size:1rem;line-height:1;letter-spacing:0.1em;color:#fff;position:absolute;top:50px;left:0;transition:opacity 0.3s;}
#searchWrap .burgerMotion:hover:after,
#searchWrap .burgerMotion:hover p{opacity:0.65;}
#searchWrap .burgerMotion p{width:100%;height:80%;background:url(/Portals/0/images/common/ico_search.png) center no-repeat;transition:opacity 0.3s;}
#searchWrap .burgerMotion p span{width:28px;height:3px;border-radius:0;background-color:transparent;}
#searchWrap .burgerMotion p span:before,
#searchWrap .burgerMotion p span:after{height:3px;border-radius:0;}
#searchWrap .burgerMotion p span:before{margin-top:-6px;background-color:transparent;}
#searchWrap .burgerMotion p span:after{margin-top:6px;background-color:transparent;}
/* active */
#searchWrap .burgerMotion.active p{background:none;}
#searchWrap .burgerMotion.active p span:before,
#searchWrap .burgerMotion.active p span:after{margin-top:0;background-color:#fff;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:0;padding:0;}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu li{margin:0;padding:0;line-height:1;list-style:none;}
.tokenMenu li a{display:block;color:#333;font-weight:bold;text-decoration:none;}
.tokenMenu li a:hover{color:#FF5638;text-decoration:none;}

.pcView .tokenMenu > ul{display:flex;justify-content:flex-end;margin-right:30px;}
.pcView .tokenMenu > ul > li{display:none;position:relative;}
.pcView .tokenMenu > ul > li.Tab105,
.pcView .tokenMenu > ul > li.Tab127,
.pcView .tokenMenu > ul > li.Tab147,
.pcView .tokenMenu > ul > li.Tab178,
.pcView .tokenMenu > ul > li.Tab180,
.pcView .tokenMenu > ul > li.Tab225{display:block;}/* jp */
.pcView .tokenMenu > ul > li.Tab291,
.pcView .tokenMenu > ul > li.Tab313,
.pcView .tokenMenu > ul > li.Tab333,
.pcView .tokenMenu > ul > li.Tab364,
.pcView .tokenMenu > ul > li.Tab366{display:block;}/* en */
.pcView .tokenMenu > ul > li.Tab237,
.pcView .tokenMenu > ul > li.Tab238,
.pcView .tokenMenu > ul > li.Tab244,
.pcView .tokenMenu > ul > li.Tab250,
.pcView .tokenMenu > ul > li.Tab251{display:block;}/* pgs - jp */
.pcView .tokenMenu > ul > li.Tab268,
.pcView .tokenMenu > ul > li.Tab269,
.pcView .tokenMenu > ul > li.Tab275,
.pcView .tokenMenu > ul > li.Tab276,
.pcView .tokenMenu > ul > li.Tab277{display:block;}/* pcs - jp */
.pcView .tokenMenu > ul > li + li{margin-left:60px;}
.pcView .tokenMenu > ul > li > a{padding:0 0 24px;position:relative;}
.pcView .tokenMenu > ul > li.currentItem > a:before,
.pcView .tokenMenu > ul > li.parentItem > a:before{display:block;content:"";width:100%;height:5px;background:#FF5638;position:absolute;left:0;bottom:0;}
.pcView .tokenMenu > ul > li > ul{display:none;}

/* ===========================================================
 footer
=========================================================== */
#footer{margin:0;padding:0;}

.footMiddle{margin:0;padding:0;background:#eee;position:relative;}
.footMiddle .pagetop{margin:0;padding:0;text-align:center;position:absolute;top:-40px;bottom:auto;right:50px;z-index:80;}
.footMiddle .pagetop.in{top:auto;bottom:50px;}
.footMiddle .pagetop.in.fix{top:-40px;bottom:auto;}
.footMiddle .pagetop a{display:block;padding:24px 10px 10px;width:80px;height:80px;background:#1E2753;border:5px solid #1E2753;color:#fff;text-decoration:none;font-size:1.6rem;line-height:1.2;position:relative;transition:all 0.3s;}
.footMiddle .pagetop a:before{display:block;content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:7px solid #fff;position:absolute;top:10px;left:50%;transform:translateX(-50%);}
.footMiddle .pagetop a:hover{background:#fff;color:#333;}
.footMiddle .pagetop a:hover:before{border-bottom-color:#FF5638;}
.skinPCS .footMiddle .inner{display:flex;}
.skinPCS .footMiddle .inner .left{width:60%;}
.skinPCS .footMiddle .inner .right{width:40%;}

.footBottom{margin:0;padding:38px 0;background:#1E2753;border-top:10px solid #FF5638;}
.footBottom .copyright{margin:0;padding:0;text-align:center;font-size:88.9%;line-height:1.4;color:#fff;}/* font-size:1.6rem */

/* ===========================================================
 content
=========================================================== */
#main{margin:0;padding:0;}
.skinPGS #main,
.skinPCS #main{margin-bottom:190px;}

#Body:not(._Index) .contentTop{background:#1E2753;color:#fff;position:relative;overflow:hidden;}
#Body:not(._Index) .contentTop > .PagetitleImagePane .pagetitleImage{min-width:1920px;position:relative;left:50%;transform:translateX(-50%);}
#Body:not(._Index) .contentTop > .PagetitleImagePane .pagetitleImage img{display:block;margin-left:auto;}
#Body:not(._Index) .contentTop > .inner{position:absolute;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);}
#Body:not(._Index) .contentTop > .inner > .PagetitlePane h1{margin:0;padding:0;width:750px;}
#Body:not(._Index).editMode .contentTop > .inner{position:static;transform:none;}

/* breadcrumb */
.breadcrumb{margin:20px 0 10px;padding:0;font-size:83.3%;}/* font-size:1.5rem */
.breadcrumb a{color:#333;text-decoration:none;}
.breadcrumb a:hover{color:#333;text-decoration:underline;}
.breadcrumb span span:not(.breadcrumbItem){display:inline-block;margin:0 15px;width:6px;height:11px;background:url(/Portals/0/images/common/ico_breadcrumb.png) 0 0 no-repeat;text-indent:200%;white-space:nowrap;overflow:hidden;}
._PSI-en .breadcrumb a:first-child,
._PSI-en .breadcrumb a:first-child + span{display:none;}
.skinPGS .breadcrumb a:first-child,
.skinPGS .breadcrumb a:first-child + span{display:none;}
.skinPCS .breadcrumb a:first-child,
.skinPCS .breadcrumb a:first-child + span{display:none;}

/* printWrap */
.printWrap{margin:0 0 60px;padding:0;}

/* ===========================================================
 2Columns
=========================================================== */
._2Columns .contentMiddle .inner{display:flex;justify-content:space-between;}
._2Columns .contentMiddle .mainArea{width:880px;}
._2Columns .contentMiddle .sideArea{width:260px;}

/* ===========================================================
 index
=========================================================== */
._Index .contentMiddle .contentNews{margin:0 0 110px;padding:0;}
._Index .contentMiddle .contentNews .inner{display:flex;justify-content:space-between;}
._Index .contentMiddle .contentNews .inner > *{width:550px;position:relative;}

._Index .skinPGS .KeyVisual{margin:0 0 100px;padding:0;}
._Index .skinPCS .KeyVisual{margin:0 0 80px;padding:0;}
._Index .skinPGS .contentTop,
._Index .skinPCS .contentTop{width:62.5%;position:relative;left:100%;transform:translateX(-100%);}

/* ===========================================================
 print
=========================================================== */
@media print{
	#skin{overflow-x:visible;}
	#main{margin:0;padding-top:0 !important;}
	#header,
	#footer,
	.sideArea,
	.breadcrumb,
	.printWrap,
	.ic-controlpanel{display:none;}
	#Body:not(._Index) .contentTop{margin-bottom:60px;height:200px;}
	#Body:not(._Index) .contentTop .pagetitleImage{display:none;}
	._Index .slicksliderArea .slickslider{left:auto;transform:none;}
	._Index .slicksliderArea .slickslider .slick-track{width:100% !important;}
	._Index .slicksliderArea .slickslider .slick-track .slick-slide{display:none;width:100% !important;left:auto !important;}
	._Index .slicksliderArea .slickslider .slick-track .slick-slide.slick-active{display:block;}
	/* PGS TOP */
	._Index .skinPGS .slicksliderArea .slickslider .slick-track{transform:none !important;}
	/* PCS TOP */
	.pcsAtaglanceArea > .txt .txtInner:after{top:-3px;right:calc(-580px - 115px - 3px);}
	.pcsCompanyArea:after{bottom:calc(-300px + 490px - 115px + 3px);left:calc(-115px + -3px);}
}