@charset "utf-8";

/*--------------------------------------
	COMMON
--------------------------------------*/
.no-wrap {
	margin:0;
}

#wrapper {
}

span.square {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

.table-full {
	width:100%;
}
.align-center{text-align:center}
/*--------------------------------------
	BOX MODEL
--------------------------------------*/
.container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 61px;
	position:relative;
	z-index:1000;
}

#headline {
	height: 100%;display: none;
}

#gnav {
	overflow: hidden;
	height: 53px;
	background: url('images/header-menu-bg.png') repeat-x top;
}

#gnav-top {
	overflow: hidden;
	height: 53px;
	background: url('images/header-menu-bg.png') repeat-x top;
	margin-top:-54px;
}

#breadcrumbs {
	height: 31px;
	color: #4a4a4a;
}

#breadcrumbs img {
	padding-right:5px;
}

#top-contents {
	background:#f3f3f3 repeat-x;
}

#contents {
	padding: 20px 0;
}

#contents:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
#contents {min-height: 1px;}
* html #contents {height: 1px; /*\*//*/height: auto;overflow: hidden;/**/}

/*--------------------------------------
	HEADER
--------------------------------------*/
#logo-company {
	position: absolute;
	top: 10px;
	left: 0;
}

#sub-nav01 a {
	position:absolute;
	top:19px;
	right:320px;
	color:#003966;
	font-weight:bold;
	background:url(images/header-icon-contact.png) no-repeat left;
	padding-left:20px;
}

#sub-nav02 a {
	position:absolute;
	top:19px;
	right:200px;
	color:#003966;
	font-weight:bold;
	background:url(images/header-icon-sitemap.png) no-repeat left;
	padding-left:20px;
}
#sub-nav03 a {
	position:absolute;
	top:19px;
	right:440px;
	color:#003966;
	font-weight:bold;
	background:url(images/header-icon-news.png) no-repeat left;
	padding-left:20px;
}
#sub-nav01 img, #sub-nav02 img {
	vertical-align:middle;
}

/*----lang---------------------------*/
#lang-jp {
	position: absolute;
	top: 19px;
	right: 89.5px;
	background:#bababb repeat-x;
	width:89.5px;
	height:19px;
}
#lang-jp a {
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
	height:19px;
}
#lang-jp a:hover {
	text-align:center;
	display:block;
	color:#fff;
	background:#175097 repeat-x;
}
#lang-jp-on a {
	position: absolute;
	top: 19px;
	right: 89.5px;
	background:#175097 repeat-x;
	width:89.5px;
	height:20px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

#lang-en {
	position: absolute;
	top: 19px;
	right: 0;
	background:#bababb repeat-x;
	width:89.5px;
	height:20px;
}

#lang-en a {
	text-align:center;
	display:block;
	color:#fff;
	text-decoration:none;
}

#lang-en a:hover {
	text-align:center;
	display:block;
	color:#fff;
	background:#175097 repeat-x;
}

#lang-en-on a {
	position: absolute;
	top: 19px;
	right: 0;
	background:#175097 repeat-x;
	width:89.5px;
	height:19px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

/*--------------------------------------
	HEADLINE NEWS
--------------------------------------*/
#headline {
	background-color:#818181;
	color:#fff;
}

.headline-item {
	width:1000px;
	margin:0 auto;
	padding:10px 0;
}

.ticker {
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.ticker ul {
    width: 150%;
	height:1.5em;
	margin:0;
    position: relative;
}
 
.ticker ul li {
    width: 100%;
	float: left;
	display: inline;
	clear: both;
	text-align: left;
	list-style-type: none;
	position: relative;
	line-height: 1.6em;
	margin:0 0 -3.5em 0;
	white-space:nowrap;
}

.ticker ul li a {
	color:#fff;
	text-decoration:underline;
}

/*--------------------------------------
	GLOBAL NAVIGATION
--------------------------------------*/
#gnav-top ul {
	margin: 0;
	padding-left: 0;
	font-size: 0;
	width:950px;
	list-style-type:none;
}

#gnav-top ul li {
	margin: 0;
	display:inline;
	float:left;
}

#gnav-top ul li.g-nav-company-information {
	width:160px;
	height:53px;
}

#gnav-top ul li.g-nav-business-outline,
#gnav-top ul li.g-nav-pipeline,
#gnav-top ul li.g-nav-ir-information,
#gnav-top ul li.g-nav-recruit,
#gnav-top ul li.g-nav-contact {
	width:158px;
	height:53px;
}

#gnav-top a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 160px;
  height: 53px; /* リンク領域を広げる */
  background-image: url(images/header-menu.png);
  background-repeat: no-repeat;
}


#gnav ul {
	margin: 0;
	padding-left: 0;
	background: url('images/header-menu-bg.png') repeat-x top;
	font-size: 0;
	width:950px;
	list-style-type:none;
}

#gnav ul li {
	margin: 0;
	display:inline;
	float:left;
}

#gnav ul li.g-nav-company-information {
	width:160px;
	height:53px;
}

#gnav ul li.g-nav-business-outline,
#gnav ul li.g-nav-pipeline,
#gnav ul li.g-nav-ir-information,
#gnav ul li.g-nav-recruit,
#gnav ul li.g-nav-contact {
	width:158px;
	height:53px;
}

#gnav a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 160px;
  height: 53px; /* リンク領域を広げる */
  background-image: url(images/header-menu.png);
  background-repeat: no-repeat;
}

#header-menu1 a { background-position: 0 0; } /* 表示画像の位置を指定 */
#header-menu2 a { background-position: -160px 0; }
#header-menu3 a { background-position: -318px 0; }
#header-menu4 a { background-position: -476px 0; }
#header-menu5 a { background-position: -634px 0; }
#header-menu6 a { background-position: -792px 0; }



#gnav a:hover {
  text-decoration: none;
  background-image:url(images/header-menu.png);
  background-repeat: no-repeat;
}

#header-menu1 a:hover { background-position: 0 -53px; } /* 入れ替え画像の位置を指定 */
#header-menu2 a:hover { background-position: -160px -53px; }
#header-menu3 a:hover { background-position: -318px -53px; }
#header-menu4 a:hover { background-position: -476px -53px; }
#header-menu5 a:hover { background-position: -634px -53px; }
#header-menu6 a:hover { background-position: -792px -53px; }

#header-menu1_on a { background-position: 0 -53px; } /* 各ページごと入れ替え画像の位置を指定 */
#header-menu2_on a { background-position: -160px -53px; }
#header-menu3_on a { background-position: -318px -53px; }
#header-menu4_on a { background-position: -476px -53px; }
#header-menu5_on a { background-position: -634px -53px; }
#header-menu6_on a { background-position: -792px -53px; }


#gnav-top2 ul {
	margin: 0;
	padding-left: 0;
	width:1000px;
	list-style-type:none;
}

#gnav-top2 ul li {
	margin: 0;
	display:inline;
	float:left;
}

/*--------------------------------------
	BREADCRUMBS
--------------------------------------*/
#breadcrumbs ol {
	margin: 0;
}

#breadcrumbs li {
	margin: 0 5px 0 0;
	line-height: 31px;
	font-size: 12px;
}

#breadcrumbs li:last-child {
	color:#0083ba;
}

#breadcrumbs li a {
	color: #4a4a4a;
	text-decoration:none;
}


/*--------------------------------------
	PAGE TITLE
--------------------------------------*/
#pagetitle h1 {
	margin: 0;
	padding-top: 50px;
}

/*--------------------------------------
	CONTENTS
--------------------------------------*/

/*---トップページ---------------------*/
.slide{
	padding-top:70px;
	background-color: #00030a;
}
.slide-sp {
	display:none;
}

#top-main {
	width: 1000px;
	padding:40px 0 73px;
}

#top-main img.bg {
	position:absolute;
	top:0;
	right:-100px;
}

#top-main h2.copy {
	position:relative;
	color:#00aae5;
	font-size:171.4%;
}

#top-main p {
	margin:1em 0 0;
	color:#4061aa;
	line-height:2em;
	font-size:16px;
	position:relative;
}

#top-news h2 {
	/*float:left;*/
}

#top-news a.btn {
	display:inline-block;
	margin:25px 0 0 50px;
}

#top h2 {
	/*border-top:3px solid #808080;*/
	padding-bottom:1rem;
	border-bottom:3px solid #808080;
}
#top .column-box dl dd img{display:none;}
.slick-slider {
	margin-bottom:50px;
}

.slick-prev {
	background:url(../images/prev.png) no-repeat;
}

.slick-next {
	background:url(../images/next.png) no-repeat;
}

p.pc-txt {
	display:block;
}

p.res-txt {
	display:none;
}
.msp{margin:3rem 0}
.contop{margin:1rem 0;/*border-bottom:3px solid #808080;*/}
a.listlink{margin-left:2rem;font-size:70%;font-weight:bold;color:#0299d2;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	}
.contents3{
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    list-style:none;
    box-sizing: border-box;
    margin-bottom:1rem;
}
.contents3 .colm{width:310px;}
.contents3 i.fas{display:none;}
.contents3 img{max-width:310px;margin-bottm:4px;}
.contents3 .colm img{margin-bottom:10px;}
.contents2{
    display: flex;
}
.contents2 .colum dt{line-height:2.3em;font-weight: normal;margin-left:2rem}
.contents2 .colum a{color:#000;font-size:1rem;text-decoration: underline;}

#top .figure{margin-bottom:2rem;text-align: center;}
#top iframe{width:310px;height:150px;margin-bottom:5px;}
#top .figure .figcaption{text-align: center;font-size: 1.1rem;}
#top .figure .sublink{margin-top:1rem;
	width:80%;margin: 10px auto;
	border:#175097 1px solid; padding:8px;
	/*-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;*/}
#top .sublink a{display: block;color:#000;text-decoration: underline;font-weight:bold}
#top .figure .sublink:hover{background:#175097;}
#top .figure .sublink:hover a{color:#FFF;}
/*
#pickup-contents ul {
	display:inline-block;
	list-style:none;
	padding-left:0;
	margin:0 0 50px;
}

#pickup-contents ul li {
	float:left;
	padding-right:18px;
}

#pickup-contents ul li:last-child {
	padding-right:0;
}
*/
iframe.top-movie {
	display:none;
}

/*---下層ページ---------------------*/
.box {
	margin:0 0 50px 0;
}

.box p, .photobox p {
	font-size:16px;
	line-height:1.5;
}

/*---アニメーション---------------------*/
.fadeIn {
  -webkit-animation-duration:1s;
  -ms-animation-duration:1s;
  animation-duration:1s;
  visibility: visible !important;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeInUp {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInUp;
 animation-name: fadeInUp;
 visibility: visible !important;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInLeft, .fadeInRight {
  -webkit-animation-duration:1s;
  -ms-animation-duration:1s;
  animation-duration:1s;
  visibility: visible !important;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

/*---top information------------------*/
.information-box {
	background-color:#eaeaea;
	width:609px;
	padding:15px;
	border:1px solid #c7c7c7;
}

.news-display {
	width:1000px;
	/*padding:20px 0;*/
}

.news-display dl {
	/*padding: 10px 0 10px;*/
}

.information-box dt {
    width: 92px;
	margin: 0 0 1em;
	line-height: 1.4em;
}

.information-box dd.icon {
	display: block;
	width: 74px;
	height: 17px;
	overflow: hidden;
	margin: -35px 0 15px 100px;
}

.information-box dd.news {
	margin: -31px 0 0 190px;
}

/*---すべてのニュース（仮）-----------------------------*/
#news-all {
}
.n_date{font-size:18px !important;}
.information-box dt {
	width:100px;
	overflow:hidden;
	margin:0 0 1em;
	font-weight:normal;
}

.information-box dd.icon {
	display:block;
	width:74px;
	overflow:hidden;
}

.information-box dd.icon img {
	vertical-align:middle;
}


.information-box dd.news {
/*	padding-left:160px; */
	margin-bottom:10px;
	font-size:12px;
}

.information-box dd.news a {
	color:#000;
	text-decoration:underline;
}


/*---ニュース一覧------------------*/
.news-tab {
	width:100%;
	height:33px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:inline-table;
}

.news-tab ul {
	margin:0;
	padding:0;
}


.news-tab li {
	display:block;
	float:left;
	width:60px;
	height:33px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

.news-tab li img {
	margin-top: 0px;
}

.news-tab li a:hover img,
.news-tab li a.selected img {
	margin-top: -33px;
}

.news-tab li.selected {
	cursor: default;
	color:#ff4a05;
}

.news-tab li#tab-year a:link,
.news-tab li#tab-year a:visited { 
    margin-left: 0px;
	color:#000;
	text-decoration:underline;
}

.news-box {
	margin:0 0 50px 0;
}

.news-box dt {
	width:110px;
	overflow:hidden;
	font-weight:normal;
	display:inline-block;
}

.news-box dd.icon {
	display:inline-block;
	vertical-align:top;
	width:74px;
}

.news-box dd.icon img {
	vertical-align:middle;
}


.news-box dd.news {
	margin:-25px 0 10px 210px;
}

.news-box dd.news a {
	color:#000;
	text-decoration:underline;
}

/*-見出し-*/
.summary {
	margin:35px 0;
}

.box table.news1 {
}

.box table.news1 th {
	background-color:#c7ddea;
	border:1px solid #8a8a8a;
	vertical-align:top;
	font-weight:normal;
	width:20%;
}

.box table.news1 td {
	border:1px solid #8a8a8a;
}

/*---main-----------------------------*/
#main h2 {
	text-align:center;
	font-family: 'Questrial', sans-serif;
	color:#0083ba;
	font-size:217%;
	letter-spacing:0.05em;
}

#main h2.large {
	height: 61px;
	line-height: 1.3em;
	margin: 20px 0 20px;
	padding: 8px 0 0 25px;
	background: url('images/bg-heading-l.png') no-repeat top left;
	color: #3f3f3f;
	font-weight: bold;
	font-size: 22px;
}

#main h2.pipeline {
	text-align:center;
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Arial, Meiryo, 'メイリオ', sans-serif;
	color: #3f3f3f;
	font-weight: bold;
	font-size: 18px;
}

#main h2.line2 {
	text-align:center;
}

#main h2.line2 span {
	font-size:70%;
}

#main h3 {
	color: #3f3f3f;
	font-weight: bold;
	font-size: 18px;
}

#main h3.profile-title {
	width:700px;
	margin:50px auto 20px;
}

#main h3.fig-title {
	width:700px;
	margin:50px auto 0;
}

.l-slide {
	margin-left:-20px;
}

#main h4,
#main .heading {
	font-weight: bold;
	font-size: 16px;
}

#main p.mt-15 { margin-top:15px; }
#main p.ml-15 {	margin-left:15px; }
#main p.ml-25 {	margin-left:25px; }
#main p.mr-15 {	margin-right:15px; }

#main .heading-large {
	font-size: 18px;
}

#main h2:first-child {
	margin:20px 0 60px;
	line-height:1.0em;
}

#main h2.line2:first-child {
	margin:20px 0 60px;
	line-height:1.2em;
}

#main h3:first-child,
#main .heading:first-child {
	margin-top: 0;
}

#main h3.center {
	width:470px;
	margin-left:auto;
	margin-right:auto;
}

#main h3.res-txt {
	display:none;
}


/*------------------------------------*/

/*---会社情報-------------------------*/
.box div.history {
	text-align:center;
	margin-bottom:10em;
}

.box div.history::before {
	left:50%;
	margin-left:-2px;
	content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #639ed7;
	z-index:10;
}

.box div.history span {
	background-color:#639ed7;
	color:#fff;
	border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	padding:1px 10px;
	position:relative;
	z-index:999;
	font-family: 'Questrial', sans-serif;
	font-size:18px;
}

.box div.history dl {
	margin:30px 0 0 0;
}

.box div.history dl.right {
	width:50%;
	position:relative;
	margin-left:50%;
}

.box div.history dl.left {
	width:50%;
	position:relative;
}

.box div.history dl.right dt {
	text-align:right;
	color:#345ba7;
	border-bottom:2px solid #639ed7;
	position:relative;
	z-index:1;
	font-family: 'Questrial', sans-serif;
	font-size:18px;
	padding-bottom:5px;
}

.box div.history dl.right dd {
	text-align:left;
	width:300px;
	margin-left:200px;
	margin-bottom:30px;
}

.box div.history dl.right dd.pic-r {
	text-align:right;
}

.box div.history dl.left dt {
	text-align:left;
	color:#345ba7;
	border-bottom:2px solid #639ed7;
	position:relative;
	z-index:1;
	font-family: 'Questrial', sans-serif;
	font-size:18px;
	padding-bottom:5px;
}

.box div.history dl.left dd {
	text-align:left;
	width:326px;
	margin-bottom:30px;
}

.box div.history dl.right span.hoge {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:transparent;
	padding:5px;
	position:absolute;
	top:19px;
	left:-8px;
	border:2px solid #639ed7;
	z-index:0;
}

.box div.history dl.left span.hoge {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:transparent;
	padding:5px;
	position:absolute;
	top:19px;
	right:-6px;
	border:2px solid #639ed7;
	z-index:0;
}

.box div.history div.bg1 {
	position:absolute;
	top:160px;
	left:32%;	
}

.box div.history div.bg2 {
	position:absolute;
	top:1420px;
	left:39%;	
}

.box div.history div.bg3 {
	position:absolute;
	top:2900px;
	left:39%;	
}

.box div.history div.bg4 {
	position:absolute;
	top:3880px;
	left:39%;	
}

.box table.history th {
	padding: 20px 0;
}

.box table.history td {
	padding: 20px 10px 20px 20px;
}

.box table.outline {
	width:100%;
}

.box table.outline th,
.box table.outline td {
	padding: 20px 20px 20px 0;
}

.box table.list-directors th,
.box table.list-directors td {
	padding: 20px 60px 15px 0;	
}

.box table.list-directors th {
	font-weight:normal;
	width:25%;
}

.box table.list-directors td.btn {
	padding-right:0;
	text-align:right;	
}

.box table.list-directors {
	margin:0 auto 50px;
	width:65%;
}

.box table.list-directors a {
	text-decoration:none;
}

.box table.list-directors span.profile-btn {
	background-color:#8e9393;
	color:#fff;
	border-radius: 5px;  
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	padding:3px 20px;
}

.box table.patent {
	margin:20px 0 40px 0;
	font-size:12px;
	width:100%;
}

.box table.patent th {
	padding: 10px;
	background-color:#f8f3e5;
	border:1px solid #8a8a8a;	
}

.box table.patent td {
	padding: 10px;
	border:1px solid #8a8a8a;	
}

.box table.patent caption {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}

.box table.list-directors th#hide {
	border:none;
}

.box table.profile-directors {
	margin:0 auto 50px;
}

.box table.profile-directors th {
	border:none;
	vertical-align:top;
	font-weight:normal;
	padding:7px 0 7px 10px;
	width:100px;
}

.box table.profile-directors th.year {
	border:none;
	vertical-align:top;
	font-weight:normal;
	padding:7px 10px 7px 0;
}

.box table.profile-directors td {
	border:none;
	vertical-align:top;
	font-weight:normal;
}

.box table.profile-directors th#name,
.box table.profile-directors td#name {
	background-color:#dae0e0;
	border-bottom:1px solid #8a8a8a;
	font-weight:normal;
}

.box table.outline a:link,
.box table.outline a:visited {
	color:#0083ba;
}

/*------------------------------------*/

/*---会社情報-------------------------*/

.box div.fig {
	margin:20px 0;
	text-align:center;
}

#main .box div.fig h4 {
	font-weight:normal;
	text-align:left;
	margin-left:140px;
	margin-bottom:10px;
}

.box div.movie {
	margin:20px 0 50px 0;
	padding-bottom:50px;
	text-align:center;
}

#main .box div.movie h4 {
	font-weight:normal;
	text-align:left;
	margin-left:215px;
	margin-bottom:10px;
}

/*------------------------------------*/

/*---事業概要-------------------------*/
.box table.network th {
	padding: 20px 20px 20px 5px;
	border-bottom:1px solid #8a8a8a;
	text-align:center;
}
.box table.network td {
	padding:0 0 20px 0;
	border-bottom:1px solid #8a8a8a;
	vertical-align:top;
}
.box table.network td.name {
	padding:20px 0 0 0;
	font-size:16px;
	font-weight:bold;
	border-bottom:none;
}
.box table.network td.name a:link,
.box table.network td.name a:visited {
	color:#333;
	text-decoration:none;
}
.box table.network td.name a:hover {
	color:#333;
	text-decoration:underline;
}

.fadein, .fadein2, .fadein3 {
}
.fadein {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
.fadein2 {
    animation: fadeIn 2s ease 2s 1 normal;
    -webkit-animation: fadeIn 2s ease 2s 1 normal;
}
.fadein3 {
    animation: fadeIn 2s ease 4s 1 normal;
    -webkit-animation: fadeIn 2s ease 4s 1 normal;
}

/*------------------------------------*/

/*---パイプライン---------------------*/
.thesis-display dl dt a {
	text-decoration:underline;
}

.thesis-display dl dt a:link, 
.thesis-display dl dt a:visited {
	color:#333;
}
	
.thesis-display dd {
	border-bottom:1px solid #8a8a8a;
	margin-bottom:20px;
	padding-bottom:10px;
}

.thesis-display a[target="_blank"]:after {
	margin: 0 8px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}

.thesis-display dt span {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
ul.pref{text-align:center:}
ul.pref li{width:25%;margin:10px;
	text-align:center;
	display:inline-block;
	padding:0.5rem;
	border:1px solid #444;
	margin-left:-1px;
	background:#ededec;
	font-size:0.7rem;
	font-weight:bold;
}
ul.pref li a{color:#444;display:block;}
ul.pref li a:hover{color:#069;}
.anchor {
  color:#069 !important;
  margin-top: -30px;
  padding-top: 90px;
}
/*------------------------------------*/

/*---採用情報-------------------------*/
.box ul {
	font-size:16px;
}

.box ul li {
	list-style-type:disc;
}

.box ul li.disc {
	padding-left:10px;
}

.box ul li.item {
	list-style:none;
	font-weight:bold;
}

.box ul li.sub {
	list-style:none;
	margin:10px 0;
}

.box dl {
	margin:30px 0 0 10px;
}

.box dl dt {
	margin-bottom:10px;
}

.box dl dt dd.disc {
	list-style:disc;
}

.box div.address {
	background-color:#f2f2f2;
	border:1px solid #afaaac;
	margin:20px 80px;
}
.box div.address dl {
	margin:10px;	
}

.box div.address dl dd {
	margin:5px 0;
}

.box div.address dl dd a:link,
.box div.address dl dd a:visited {
	color:#ff4a05;
	text-decoration:underline;
}

.recruit-box ul {
	padding-left:10px;
}

.box table.recruit {
	margin-bottom:50px;
}


/*------------------------------------*/

/*---アクセス---------------------------*/
.box-access {
	display:table;
	margin:0 auto;
}

.box div.access-map {
	width:535px;
	display:inline-block;
}

.box div.access-map img {
	margin-bottom:10px;
}

.box div.access-map img.google-btn {
	position:absolute;
	margin:290px 0 0 -25px;
}

.box p.det a:link,
.box p.det a:visited {
	color:#ff4a05;
	text-decoration:underline;
}

/*------------------------------------*/

/*---IR情報---------------------------*/
/*---IR情報　IRニュース---------------*/
.box div.ir-news-txt {
	margin-top:20px;
}

.box div.ir-news-txt p {
	margin-bottom:20px;
}

.box div.ir-news-txt a:link,
.box div.ir-news-txt a:visited {
	color:#ff4a05;
	text-decoration:underline;
}

.box dl.unstyled {
	margin:0;
	padding-left:20px;
}

.box ul.unstyled {
	margin:0;
	padding-left:20px;
}

.box ul.unstyled li {
	list-style:none;
}

/*---IR情報　社長メッセージ-----------*/
.box div.fl {
	float:left;
}

.box div.fr {
	float:right;
}

.box div.ml20 {
	margin-left:20px;
}

.box div.ar {
	text-align:right;
}

/*---IR情報　株式事務のご案内---------*/
.box table.table_b,
.box table.table_c {
	margin:0 auto 50px;
	border:solid 1px #e3e3e3;
}

.box table tr td.table_b,
.box table tr td.table_c {
	border:solid 1px #e3e3e3;
}

.box table.table_c th {
	border:solid 1px #e3e3e3;
	background-color:#ebebeb;	
}	

.box table.table_c td {
	text-align:center;
}

.box table.table_c td:first-child {
	text-align:left;
}

.box table tr td.bg_white {
	background-color:#fff;
}

/*------------------------------------*/

/*---電子公告-------------------------*/

.box table.list {
	margin-top:0;
	margin-bottom:50px;
}

.box table.list th,
.box table.list td {
	padding:0;
	border:none;
}

.box table.list tr.item {
	border:1px solid #ccc;
}

.box table.contrast {
	width:380px;
	font-weight:normal;
	font-size:12px;
	color:#666666
}

.box table.contrast td,
.box table.account td {
	padding:1px;
}

.box table.contrast td.item,
.box table.account td.item {
	border:1px solid #CCC;
}

.box table.contrast td.b-top {
	border-top:1px solid #CCC;
}

.box table.contrast td.b-left,
.box table.account td.b-left {
	border-left:1px solid #CCC;
}

.box table.contrast td.b-right,
.box table.account td.b-right {
	border-right:1px solid #CCC;
}

.box table.contrast td.b-bottom,
.box table.account td.b-bottom {
	border-bottom:1px solid #CCC;
}

.box table.account {
	width:280px;
	font-weight:normal;
	font-size:12px;
	color:#666666
}

/*--------------------------------------*/

/*---社長コラム-------------------------*/
.fas{padding-right:4px;}
.column-box {
	width:100%;
	padding:20px 0 0 0;
}

.column-box dl dt {
	font-size:114%;
}

.column-pic img {
	margin:20px 0;
}

.column-display {
	background-color:#fff;
	width:676px;
	padding:20px 0 0 0;
}

.column-display dd {
	border-bottom:1px solid #8a8a8a;
	margin-bottom:20px;
	padding-bottom:10px;
}

.column-display p {
	text-indent:1em;
}

.column-display a:link,
.column-display a:visited {
	color:#ff4a05;
}

/*--------------------------------------*/

/*---学会-------------------------------*/

.lecture-box {
	padding:0 0 0 15px;
	margin:0 0 0 30px;
}

.lecture-display {
	padding:0;
}

.lecture-display dd {
	border-bottom:1px solid #8a8a8a;
	margin-bottom:20px;
	padding-bottom:10px;
}
.thesis-display a{color:#000 !important;}
/*--------------------------------------*/

/*---パートナーシップ-------------------*/

.box dl.entries {
	margin:30px 0;
	padding:10px;
	background-color:#ebebeb;
	width:560px;
}

.box dl.entries dt {
	font-size:22px;
	color:#3f3f3f;
	text-align:center;
}

.box p a:link,
.box p a:visited {
	color:#ff4a05;
	text-decoration:underline;
}

.box div.fig-partnerships {
	margin:50px 0;
}

.box div.fig-partnerships p {
	text-align:left;
	margin-top:30px;
	margin-left:270px;
}

/*--------------------------------------*/

/*---動画ライブラリ-----------------------*/

.overview {
	padding-bottom:10px;
	margin-bottom:30px;
	border-bottom:1px solid #8a8a8a;
}

.movie a[target="_blank"]:after, .bl a[target="_blank"]:after {
	margin: 0 8px;
	font-family: FontAwesome !important;
	vertical-align: top;
	content: '\f08e';
}

ul.chapter {
	padding-left:0;
}

ul.chapter li {
	list-style:none;
}

ul.chapter a {
	color:#ff4a05;
	text-decoration:underline;
}

/*--------------------------------------*/

/*---サイトマップ-----------------------*/

table.sitemap {
	width:100%;
	margin:20px 0 0 0;
}

table.sitemap th {
	border-bottom:1px solid #CCC;
	font-size:16px;
	width:280px;
	background-color:#fff;
}

table.sitemap th.not,
table.sitemap td.not {
	border:none;
	background:none;
	width:10px;
}

table.sitemap td {
	background:url(images/sitemap-right-arrow.png) no-repeat 15px;
	border:none;
	padding-left:35px;
}

table.sitemap a:link,
table.sitemap a:visited {
	text-decoration:none;
	color:#000;
}
table.sitemap a:hover {
	text-decoration:underline;
}

table.sitemap a[target="_blank"]:after {
	margin: 0 8px;
	font-family: FontAwesome;
	vertical-align: middle;
	content: '\f08e';
}

/*---お問い合わせ-----------------------*/

.box div.agreement {
	padding: 10px;
	margin: 0 auto;
}

.box div.agreement a:link,
.box div.agreement a:visited {
	color:#ff4a05;
	text-decoration:underline;
}

.box div.button {
	margin: 20px 0 30px;
	text-align: center;
}

.box div.button2 {
	margin: 20px 140px 20px 0;
	text-align: center;
}

.box div.button-btm {
	margin:50px 0;
	text-align:center;
}

.box div.button-btm p {
	margin-bottom:20px;
}

.box p a.btn-inquiry:link,
.box p a.btn-inquiry:visited {
	color:#fff;
	text-decoration:none;
}

/*--------------------------------------
	FOOTER
--------------------------------------*/

#footer-top {
	background-color:#ebebeb;
}

#footer-top dl {
	margin:0 auto;
	padding:20px 0;
	text-align:left;
	line-height:1.8;
}

#footer-top dl.w20 {
	width:200px;
}

#footer-top dl.w23 {
	width:230px;
}

#footer-top dl.w26 {
	width:260px;
}

#footer-top dl.w30 {
	width:300px;
}

#footer-top dl.w32 {
	width:320px;
}

#footer-top dt {
	padding-left:18px;
}

#footer-top dd {
	background:url(images/arrow01.png) no-repeat left;
	padding-left:20px;
}

#footer-top a {
	color:#4a4a4a;
	text-decoration:none;
}

#footer-top div.column2-box {
	width:690px;
	margin:0 auto;
	overflow:hidden;
}

#footer-top div.column2-box dl.heading {
	text-align:center;
	padding-bottom:0;
}

#footer-top dl.column2,
#footer-top dl.column2r {
	margin:0 20px;
	padding-top:0;
	float:left;
}

/*----- footer最下部 -----*/
dl {
	margin:0;
	padding:0;
}
dt,dd,ul.footer {
	margin:0;
	padding:0;
}

ul.footer-right-top {
	float:right;
	margin:0;
	padding:0;
}

ul.footer-right-bottom {
	float:right;
	margin-top:12px;
	margin-bottom:0;
	margin-left:20px;
	padding:0;
}

ul.footer-right-top a:link,
ul.footer-right-top a:visited,
ul.footer-right-bottom a:link,
ul.footer-right-bottom a:visited {
    color: #251e1c;
    text-decoration:none;
}

ul.footer-right-top a:hover,
ul.footer-right-bottom a:hover {
	color: #251e1c;
	text-decoration:underline;
}

#footer {
	clear: both;
	padding: 0 50px;
	background:url(images/bg-footer.png) repeat-x;
	color:#251e1c;
	list-style:none;
	*zoom: 1; /* IE6~IE7 */
}

#footer #footer-utility #footer-nav {
	padding-top: 18px;
}
#footer #footer-utility #footer-nav dt {
	font-size: 0;
}
#footer #footer-utility #footer-nav dd li {
	float: left;
	white-space: nowrap;
}
#footer #footer-utility #footer-nav dd li.nav-00 {
	margin: 0;
	border: none;
	padding: 0px 9px;
	border-right:1px solid #251e1c;
	border-left:1px solid #251e1c;
}
#footer #footer-utility #footer-nav dd li.nav-01 {
	margin: 0;
	border: none;
	padding: 0px 8px;
	border-right:1px solid #251e1c;
}
#footer #footer-utility #footer-nav dd li.nav-02 {
	margin-top:3px;
	margin-left:15px;
	line-height:15px;
	font-size: 83%;
}
#footer #footer-utility #footer-nav dd li.nav-02 a {
	margin:0;
	padding:0;
}


/* ----- footer最下部copyright(左側) ----- */

#footer #footer-utility #footer-left {
	float: left;
	width: 315px;
	margin:15px 0;
	padding: 0;
}
#footer #footer-utility #footer-left li {
	color:#251e1c;
	text-align:left;
}

/* ----------------------------------------------
 * 		clearfix
 * ---------------------------------------------- */

#footer #footer-utility:after,
#footer #footer-utility #footer-nav dd ul:after,
#footer #footer-utility #footer-left:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0;
}
#footer #footer-utility,
#footer #footer-utility #footer-nav dd ul,
#footer #footer-utility #footer-left {
	min-height: 1px;
	list-style:none;
}
* html #footer #footer-utility,
* html #footer #footer-utility #footer-nav dd ul,
* html #footer #footer-utility #footer-left {/* for IE6 */
	height: 1px;
}
*:first-child+html #footer #footer-utility,
*:first-child+html #footer #footer-utility #footer-nav dd ul,
*:first-child+html #footer #footer-utility #footer-left {/* for IE7 */
	zoom: 1;
}

/*------------------------------------*/

/* ----------------------------------------------
 * 		ページトップへ
 * ---------------------------------------------- */

#back-top {
    position: fixed;
    bottom: 91px;
	right: 20px;
    z-index: 9999;
    cursor: pointer;
}

@media screen and (max-width:1024px){
	.slide{padding-top:0;
	ul.pref li{display:block;float:left;width:250px}
	.anchor, .thesis-display{margin:0 10px;}

	#top .container h2{padding-left:5px;width:100%;}
}
@media screen and (max-width:768px){
	ul.pref{width:540px;margin:0 auto;}
	ul.pref br{display: none;}
	ul.pref li{display:block;width:250px;}
	.contents2, iframe{padding:1rem;}
	.contents2 .colum dt{margin-left:1rem;line-height:1.3em;}
	.contents3{display:block;text-align:center}
}
@media screen and (max-width: 479px) {
	ul.pref{width:250px;float:none;margin:0 auto;padding-left:0}
	.contents2{display:block;text-align:center}
	.contents2 .colum{margin-top:1rem}
	.contents2 .colum dt{margin-left:1rem;line-height:1.4em;text-align:left}
	.contents3 .colm{margin:1rem auto;}
	.contents3 .colm img{width:70%}
	a.listlink{margin-left:1rem;font-size:50%;}
	#top iframe{width:100%;height:100%;margin-bottom:0;}
}