@charset "utf-8";
/* CSS Document */

/*共通*/
body {
-webkit-text-size-adjust: 100%;

}
img{
-webkit-backface-visibility: hidden;
}
body img{
	max-width: 100%;
  width: auto;
	height: auto;
}
.tau{
  font-family: "Osaka?等幅", "ＭＳ ゴシック", monospace;
}
.center{
	text-align: center;
}
.text-bottom{
	margin-bottom: 70px;
}
.cp-cont,.sp-contact-btn{
	display: none;
}
.text-wrap{
	display: inline-block;
}
.container{
	width:1200px;
	margin: auto;
	overflow: hidden;
}
.red{
	color: #ff0000;
}
.bold{
	font-weight: bold;
}
.italic{
  font-style: italic;
}
.sp-br{
	display: none;
}
.ceo-name{
  font-weight: bold;
  font-size: 110%;
}
button.drawer-toggle.drawer-hamburger,.sp-header {
	display: none;
	}
.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	transition: .8s;
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
.c-title--line{
	position: relative;
	border-bottom: 1px solid #035089;
	text-align: center;
	margin-bottom: 80px;
}
.c-title-text--line{
	color: #035089;
	font-size: 200%;
	position:relative;
	left: 0;
	right: 0;
	top: 20px;
	background-color: #fff;
	display: inline-block;
	padding:0 15px;
}
/* ==========================
header
============================= */
#overlay,.menu-trigger{
	display: none;
}
header{
	width: 100%;
	background-color:#003c89;
	position: fixed;
	height: 60px;
	height: 60px;
	display: flex;
	z-index: 99;
	justify-content: space-between;
}
header h1{
	display: inline-block;
	position:relative;
	left: 0;
	right: 0;
}
header h1 a:visited,header h1 a:link,header h1 a:hover img{
	opacity: 1;
}


.hd-right{
	float: right;
	display: flex;
	width: 1015px;
	justify-content: flex-end;
	align-items: center;
}
.pc-nav ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pc-nav ul li{
	color: #fff;
	padding: 0 14px;

}
.hd-megamenu-inner  ul li{
  padding: 0 14px 10px 14px;
}

.pc-nav ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
}
.hd-lang{
	color: #fff;
	background-color:#0e71cc;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width:235px;
	padding: 20px;
	font-size:85%;
	margin-left: 15px;
}
.hd-menu-title{
	background: url(../img/hd-global-icon.png) no-repeat left;
	padding-left: 30px;
	margin-right: 20px;
}
.hd-lang a{
	color: #fff;
	text-decoration: none;
}
.hd-lang ul{
	display: flex;
}

.hd-lang-menu li:after{
	content: "／";
	color:#1bb0f5;
	margin: 0 5px;
}
.hd-lang-menu li:last-child:after{
	content: "";
}


.hd-megamenu{
  height: 0px;

  position:absolute;
  width: 1200px;
  margin: auto;
  left: 0;
  overflow: hidden;
  box-sizing: border-box;
  right: 0;
  top: 60px;
  background-color: #fff;
  z-index: 9999;
    transition-duration: 0.3s;
}
.pc-nav li:hover > .hd-megamenu {
	transition-duration: 0.3s;
  overflow: hidden;
  height: 300px;
}
.hd-megamenu-inner{
  padding: 30px;
  display: flex;
  justify-content:center;
  align-items: flex-start;
}
.pc-nav .hd-megamenu-inner li a{
  color: #000;
}
.hd-megamenu-img{
  text-align: center;
  margin-right: 30px;
/*  width: 40%;*/
  justify-content: space-around;
}
.hd-megamenu-img img{
  margin-bottom: 10px;
}
.hd-megamenu-img a:after{
  content: url(../img/arrow-icon07.png);
  color: #000;
  position: relative;
  left: 20px;
}
.pc-nav .hd-megamenu-list{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 60%;
}
.hd-megamenu-list li {
    width:43%;
    border-bottom: 1px solid #bed2df;
    background: url(../img/arrow-icon07.png) no-repeat right center;
    padding: 0 0 6px 0;
    margin: 5px ;
}
sub{
  font-size: 75.5%;
vertical-align: bottom;
position: relative;
top: 0em;
}
small{
  font-size: 0.9rem;
}
/* ==========================
=========== ぱんくず =========
============================= */
.pankuzu {
    position: absolute;
    top: 40px;
    text-align: left;
    padding: 15px 0 90px 5%;
    width: 100%;
    box-sizing: border-box;

}
.pankuzu ul {
    overflow: hidden;
    max-width: 1000px;
    margin: auto;
    display: inline-block;
    text-align: left;
}
.pankuzu ul li {
    float: left;
    color:#000c56;
    padding-right: 5px;
}
.pankuzu ul li a{
	color: #000;
	text-decoration: none;
}

.pankuzu ul li.under-content:before {
    content: ">";
    color:#89aac8;
    padding: 0px 6px 0 0;
}

/* ==========================
.ft-banner-wrap
============================= */
.ft-warp{
	margin-top: 60px;
}
.ft-banner-wrap{
	background:url(../img/ft-banner-bg.png) no-repeat center;
	background-size: cover;
	padding: 60px 0;
	overflow: hidden;
}
.ft-banner-menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.ft-banner-menu li{
	margin: 0 10px;
	text-align: center;
	color: #fff;
}
.ft-banner-menu li a {
    color: #fff;
    text-decoration: none;
}
.ft-banner-menu li img{
	margin-bottom: 18px;
}
/* ==========================
contact-wrap
============================= */
.contact-wrap{
	background: url(../img/contact-bg.png) no-repeat center;
	background-size: cover;
	padding: 60px 0;
	overflow: hidden;
	text-align: center;
}
.contact-wrap p{
	margin-bottom: 35px;
}
.contact-wrap p:last-of-type{
	margin-bottom: 0px;
}
.contact-txt{
	font-size: 107%;
	font-weight: bold;
}


/* ==========================
footer
============================= */
#back-top {
	position: fixed;
	right: 3%;
	bottom: 110px;
	z-index: 2000000000;
}
#back-top span {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/backTop.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-size: contain;
}

footer{
	background:#edeef0 url(../img/footer-bg.png) no-repeat 80%;
	background-size:contain;
	border-bottom: 3px solid #07418b;
	padding: 3% 0;
}
footer .container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
footer address{
	line-height: 2;
	margin-left: 1em;
  max-width: 285px;
}
.ft-right-box{
	display: block;
}
.address-box{
	display: flex;
}
.ft-link{
	margin-bottom: 10px;
}
.ft-link a:after{
	content:url(../img/arrow-icon01.png) ;
	position: relative;
	left: 5px;
}
footer .name{
	margin: 0 20px;
}
footer .name a{
	color: #000c56;
	text-decoration: none;
}

footer .name p{
	line-height: 2;
}
footer .name h1{
	font-weight: bold;
	margin-bottom: 15px;
}
.ft-link-box{
	display: flex;
	justify-content: flex-end;
	margin-bottom:30px;
	}
footer ul{
	float: left;
	width:auto;
	overflow: hidden;
}

footer ul li{
	color: #000c56;
	padding: 0 15px;
	margin-bottom: 10px;
	
}
.third-ft-list{
	font-size: 90%;
	text-align: right;
}
footer ul li a,footer ul li a:visited,footer ul li a:link{
	color: #000c56;
}
footer  ul li a{
	text-decoration: none;
}
.ft-link-box li{
  font-size: 90%;
}
/*フッター第ニ階層*/
footer .second-list{
    position: relative;
    display: block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
footer .second-list::before,
footer .second-list::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
footer .second-list::before{
    width: 12px;
    height: 12px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000c56;
}
footer .second-list::after{
    left: 5px;
    box-sizing: border-box;
    width: 3px;
    height: 3px;
    border: 3px solid transparent;
    border-left: 3px solid #fff;
}

/*フッター第三階層*/
footer .third-list{
	margin-left: 10px;
    position: relative;
    display: block;
    padding: 0 0 0 16px;
    color: #000;
    vertical-align: middle;
    text-decoration: none;
}
footer .third-list::before,
footer .third-list::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
footer .third-list::before{
 left: 3px;
    width: 4px;
    height: 4px;
    border-top: 1px solid #000c56;
    border-right: 1px solid #000c56;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#copyright {
    color: #999999;
    display: block;
    width: auto;
    text-align: end;
    margin: 0 0 0 auto;
}
/* ==========================
下層ページ
============================= */
/*--見出し--*/
.thirdh3 {
    color: #000;
    font-size: 200%;
    font-weight: 100;
    text-align: center;
    letter-spacing: 2px;
    line-height:1.5;
    margin: 0 0 50px 0;
}
.thirdh3-en {
    font-size: 40%;
	text-transform: uppercase;
}
.h4-midashi {
    font-size: 125%;
    padding: 0 0 5px;
    border-bottom: solid 2px;
    color: #035089;
    margin: 0 0 30px;
}
.job-subtitle{
  font-size: 140%;
}
/*箇条書きリスト*/
.itembox-list--blue{
	overflow: hidden;
	margin-bottom: 30px;
}
.itembox-list--blue li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 15px;
}
.itembox-list--blue li::after {
  display: block;
  content: '';
  position: absolute;
  top: .3em;
  left: .4em;
  width: 15px;
  height: 15px;
  background-color:#457ea9;
  border-radius: 100%;
}
.box--bottom{
	margin-bottom: 50px;
}
.more-btn{
	display: inline-block;
	background-color:#f1f4f6;
	margin-bottom: 10px;
	min-width:180px;
	    height: 54px;
	text-align: center;
}
.more-btn.blue{
	background-color:#04508a;
}


.more-btn a{
	text-decoration: none;
	display: block;
	padding:15px 30px;

    box-sizing: border-box;
}
.more-btn.blue a{
	color: #fff;
}

.more-btn a:after{
	content: url(../img/arrow-icon04.png);
	position: relative;
	right: -20px;
	top: 2px;
}
.more-btn.blue a:after{
	content: url(../img/arrow-icon05.png);
	position: relative;
	right: -20px;
	top: 2px;
}



.mainvisual-area{
	position: relative;
	padding: 100px 0;
}
.mainvisual-area.ir{
	background: url(../img/mainvisual-ir-bg.png) no-repeat center;
	background-size: cover;
}
.mainvisual-area.business{
	background: url(../img/mainvisual_img_tm.png) no-repeat center right;
	background-size: cover;
}
.mainvisual-area.news{
	background: url(../img/mainvisual-news-bg.png) no-repeat center;
	background-size: cover;
}
.mainvisual-area.thermistor{
	background:url(../img/mainvisual-thermistor_bg.png) no-repeat 74%;
	background-size: cover;
}
.mainvisual-area.element{
	background: url(../img/mainvisual-element_bg.png) no-repeat center;
	background-size: cover;
}
.mainvisual-area.recruit {
    background: url(../img/mainvisual-re-bg.png) no-repeat center;
    background-size: cover;
}

.mainvisual-area.top-message {
	background: url(../img/mainvisual_img_tm.png) no-repeat center right;
    background-size: cover;
}
.mainvisual-area.sustainability {
    background: url("../img/mainvisual-sustainability-bg.png") no-repeat center right;
    background-size: cover;
}


.mainvisual-area h1{
	max-width: 1000px;
	width: 100%;
	margin: auto;
	color: #035089;
	font-weight: bold;
	font-size: 300%;
}
.mainvisual-area-title{
	font-size: 40%;
}
main{
	position: relative;
	top: 60px;
}
.contents-wrap{
	overflow: hidden;
	padding: 60px 0;
}
.contents-wrap.side{
	display: flex;
	justify-content:space-between;
}
/*----見出し----*/
.c-title{
	font-weight: bold;
	font-size:190%;
	letter-spacing: 3px;
	margin-bottom: 25px;
}
.c-title--border{
	font-weight: bold;
	font-size: 200%;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 50px;
}

.c-title .sub-txt{
	font-size: 50%;
	color: #666;
	font-weight: normal;
}
.c-midashi{
	font-size:190%;
	margin-bottom: 40px;
}
.c-midashi--blue{
	color: #035089;
	font-size:125%;
	font-weight: bold;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: 3px solid #035089;
	letter-spacing: 2px;
	margin-bottom: 35px;
}
/*----段落----*/
.c-main p{
	line-height: 2;
	margin-bottom: 30px;
}
.c-main p:last-of-type{
	margin-bottom: 0px;
}

/*----テーブル----*/
.contents-wrap table{
	width: 100%;
}
.contents-wrap table.widthout{
	width: auto;
}
.contents-wrap table th{
	background-color:#ccdce7;
	font-weight: bold;
}
.contents-wrap table tr.top th{
	background-color:#6896b8;
	color: #fff;
}

.contents-wrap table td,.contents-wrap table th{
	padding: 15px 10px;
	border: 1px solid #457ea9;
	text-align: center;
	box-sizing: border-box;
}

/*--------------
ir-select　IR情報プルダウンメニュー
----------------*/
select.ir-select {
/* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

/* styling */
    background: url("../img/pull-down-01.png") no-repeat right;
    border: solid 2px #035089;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 20px;
}
select.ir-select:focus {
    background:#fff url("../img/pull-down-02.png") no-repeat right;
    border: solid 2px #035089;
    padding: 10px 15px;
    width: 100%;
    outline: 0;
}
select.ir-select::-ms-expand {
    display: none;
}
.ir-wrap{
	display: flex;
	justify-content: space-between;
}
.ir-c-main{
	width:900px;
}
.ir-c-main.wide{
	width: 100%;
}

.sidemenu--blue{
	width: 260px;
}
.sidemenu--blue li{
	background-color: #f1f4f6;
	text-decoration: none;
	margin-bottom: 2px;
	list-style: none;
}
.sidemenu--blue li.sidemenu-top{
	background-color: #035089;
}
.sidemenu--blue li.sidemenu-top a{
	color: #fff;
}


.sidemenu--blue li a{
	text-decoration: none;
    padding: 15px 30px;
    width: 100%;
    text-align: left;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}
.sidemenu--blue li.sidemenu-third{
	background-color: #fff;
}
#ir-library ul{
	display: none;
}
.pdf-icon{
	position: relative;
	display: inline-block;
}
.pdf-icon:before{
	content: url(../img/pdf-icon.png);
	margin-left: 10px;
}
.c-select{
	width: 270px;
}
.c-select option{
	width: 100%;
}
/*--第二階層メインビジュアル--*/
.c-mainvisual-wrap{
  background: linear-gradient(-90deg, #fff 0%, #fff 70%, #f1f4f6 50%, #f1f4f6 100%);
  overflow: hidden;
}
.c-mainvisual-text{
  color: #035089;
  padding: 70px 0;
  max-width: 1018px;
  margin: auto;
  line-height: 2;
  font-size: 150%;
  font-weight: bold;
}
.c-mainvisual-img-box{
  width: 75%;
  float: left;
  background-color: #ccdde7;
  /*background: linear-gradient(90deg, #ccdde7 0%, #ccdde7 70%, #fff 50%, #fff 100%);*/
  text-align: right;
  padding-bottom: 50px;
}
.c-mainvisual-img-box p{
  width: 70%;
  float: right;
}
.c-mainvisual-img-box img{
  width: 100%;
}
.category.ir-info--blue,
.cate.ir-info--blue{background: #a1bed3;}
 .category.ir-info--green,
.cate.ir-info--green{background: #c1d8ac;}
 .category.ir-info--orange,
.cate.ir-info--orange{background: #f6b894;}
.category.ir-info--yellow,
.cate.ir-info--yellow{background: #FFD990;}
.category.ir-info--red,
.cate.ir-info--red{background: #f5b2b2;}
.category.ir-info--gray,
.cate.ir-info--gray{background: #c0c0c0;}


@media print {
	body{
    transform: scale(0.7); 
    transform-origin: left top;
    position: absolute;
    top: 0;
    left: 0;
		width: 1280px;
		margin:auto;
	}
  header{
    position: absolute;
  }
  .ir-wrap{
    display: block;
  }
  .ir-c-main{
    float: left;
  }
  .ir-wrap .sidemenu--blue{
    float: right;
  }
  .list-mv07{
    opacity: 1;
  }
}