@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;text-align: center;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#777;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#999;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{padding:3px 10px;background: #2a588b;background: -moz-linear-gradient(top, #2a588b 0%, #214a78 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a588b), color-stop(100%,#214a78));background: -webkit-linear-gradient(top, #2a588b 0%,#214a78 100%);background: -o-linear-gradient(top, #2a588b 0%,#214a78 100%);background: -ms-linear-gradient(top, #2a588b 0%,#214a78 100%);background: linear-gradient(to bottom, #00d0ff 0%,#13b2de 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a588b', endColorstr='#214a78',GradientType=0 );border:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;line-height:1.5;font-size:100%;color:#fff;}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #2a588b;
background: -moz-linear-gradient(top, #214a78 0%, #2a588b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#214a78), color-stop(100%,#2a588b));
background: -webkit-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -o-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -ms-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: linear-gradient(to bottom, #214a78 0%,#2a588b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a78', endColorstr='#2a588b',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}


/* レイアウト
------------------------------------------------------------*/
#wrapper, .inner{margin:0 auto;width: 953px;}

#header{
overflow:hidden;
background:#fff;
}

#content{float:left;width: 960px;padding:30px 0;}

#sidebar{
float:right;
width:225px;
padding:30px 0;
}

#footer{
clear:both;
padding-top:20px;
border-bottom:1px solid #5d5d5d;
background:#f6f6f6;
} 


/* ヘッダー
*****************************************************/
#header .bg{background:#2a588b;}


/* サイト説明文 + 住所
----------------------------------*/
#header h1,#header p{
float:left;
padding:3px 0;
color: #fff;
font-size:80%;
font-weight:normal;
background:#2a588b;
}

#header p{
float:right;
}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{clear:both;float:left;padding: 10px 0;color: #515151;font-size:160%;font-weight:bold;}

/* サブナビゲーション
----------------------------------*/
#header ul{
padding-top:40px;
float:right;
}

#header ul li{
display:inline;
margin-left:10px;
font-size:90%;
}

#header ul li a{
padding-left:10px;
color:#000;
background:url(images/arrowSub.png) no-repeat 0 50%;
}

#header ul li a:hover{background-position:3px 50%;}


/* トップページ　メイン画像
----------------------------------*/
#mainImg{clear:both;margin-top: 0px;line-height:0;text-align:center;z-index:0;}

.post{
margin:0 0 20px 0;
padding:10px;
border:1px solid #dadada;
background: #fff;
}


/* タイポグラフィ
*****************************************************/
h2.title{
clear:both;
margin:30px 0 0;
padding:7px 10px;
font-size:110%;
border:1px solid #dadada;
border-bottom:0;
background:#fff url(images/border.png) repeat-x 0 100%;
}

h2.first{margin-top:0;}

.dateLabel{
margin:0 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p{padding-bottom:15px;}

.post ul{margin: 0 0 10px 10px;}

.post ul li{
margin-bottom:5px;
padding-left:15px;
background:url(images/bullet.png) no-repeat 0 8px;
}

.post ol{margin: 0 0 10px 30px;}

.post ol li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:5px 0;
font-size:150%;
color: #000;
border-bottom:3px solid #000;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #333;
border-bottom:2px solid #515151;
}

.post h3{
margin:10px 0;
font-size:120%;
font-weight:normal;
color:#214a78;
border-bottom:1px solid #515151;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
 
.post blockquote p{padding:5px 0;}

.post table{
border: 1px #214a78 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px 0 20px;
}

.post table th{
padding:7px 10px 7px 5px;
border: #214a78 solid;
border-width: 0 0 1px 1px;
font-weight:bold;
color:#fff;
background:#214a78;
}

.post table td{
padding:7px 5px;
border: 1px #214a78 solid;
border-width: 0 0 1px 1px;
background:#fff;
}

.post dt{font-weight:bold;}

.post dd{padding-bottom:10px;}

.post img{max-width:100%;height:auto;}

img.aligncenter {
display: block;
margin:5px auto;
}

img.alignright, img.alignleft{
padding:4px;
margin:0 0 2px 7px;
display:inline;
}

img.alignleft{margin: 0 7px 2px 0;}

.alignright{float:right;}
.alignleft{float: left;}



/* サイドバー　ウィジェット
*****************************************************/
section.widget, .widgetInfo{
margin: 0 0 20px;
padding: 10px 7px;
border:1px solid #dadada;
background: #fff;
}

#banners img{
max-width:225px;
height:auto;
padding-bottom:10px;
}

section.widget h3{
clear:both;
margin:0 0 10px;
padding:5px 0;
font-size:100%;
font-weight:normal;
color: #333;
border-bottom:1px solid #ccc;
}

section.widget a{
display:block;
padding:3px 0 3px 13px;
text-decoration:underline;
background:url(images/arrow.png) no-repeat 0 50%;
}

section.widget a:hover{
text-decoration:none;
background-position: 3px 50%;
}

#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:100px;
vertical-align:bottom;
}


/* お知らせ　
-------------*/
.newsTitle{
clear:both;
margin:0 0 20px;
padding:5px 0;
font-size:100%;
color: #333;
border-bottom:1px solid #ccc;
}

.newsTitle h3{
float:left;
font-weight:normal;
}

.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:.8em;
background:url(images/arrow.png) no-repeat 0 50%;
}

.news p{
clear:both;
padding-bottom:2px;
border-bottom: 1px solid #ccc;
}

.news p:last-child{border:0;}

.news p a{
display:block;
padding:5px 0;
color:#333;
font-style:italic;
font:italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span{
color:#515151;
font:normal 90% Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.news span{padding-left:10px;}

.news a:hover span{color:#777;}



/* フッター
*****************************************************/
#footer ul{
padding-bottom:10px;
}

#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 0;
margin-right:60px;
background:url(images/arrow.png) no-repeat 0 12px;
}

#footer ul li	a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
}

#footer ul li	a:hover{text-decoration:underline;}

#footer ul li li{
display:block;
padding:0;
margin:0 0 0 10px;
background-position:0 5px;
}


*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{clear:both;padding:10px;text-align:center;font-size:75%;zoom:1;color:#fff;background:#2a588b;}


/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev{float:left}

.next{float:right;}

#pageLinks{
clear:both;
color:#2a588b;
text-align:center;
}


/* トップページ 最新記事3件
------------------------------------------------------------*/
.thumbWrap{width: 980px;margin: 0px -25px 20px 0;}

.thumbWrap2{width: 980px;margin: 20px -25px 15px 0;}

.thumbWrap li{float: right;width: 46%;margin: 0 25px 0 0;padding:2px 0 40px;background:none;}

.thumbWrap2 li{float: right;width: 50%;margin: 0 235px 0px 0;padding: 2px 0 21px;background:none;}

.thumbWrap img{
	margin: 15px 0 0 0;
	width: 50%;
}


.thumbWrap2 img{
	margin: 15px 0 0 0;
	width: 50%;
}

/* 最新記事リンク */
ul.thumb h3{margin-top:10px;padding:1px;font-weight:normal;font-size: 100%;margin-right: auto;border-radius: 10px;margin-left: auto;margin-bottom: 0px;width: 60%;text-align:center;background:#fff;border:1px solid #777;}

ul.thumb h3 span{display:block;padding: 7px 10px;text-decoration: blink;background:#2a588b;font-weight: bold;border-radius: 10px;}

ul.thumb h3 a{color:#fff;}

ul.thumb p{width: 70%;margin-left: auto;margin-right: auto;}


ul.thumb2 h3{margin-top:10px;padding:1px;font-weight:normal;font-size: 100%;margin-right: auto;border-radius: 10px;margin-left: auto;margin-bottom: 0px;width: 60%;text-align:center;background:#fff;border:1px solid #777;}

ul.thumb2 h3 span{display:block;padding: 7px 10px;text-decoration: blink;background:#2a588b;font-weight: bold;border-radius: 10px;}

ul.thumb2 h3 a{color:#fff;}

ul.thumb2 p{width: 70%;margin-left: auto;margin-right: auto;}





@media only screen and (max-width: 480px){
ul.thumb p{width: 90%;margin-left: auto;margin-right: auto;}
ul.thumb2 p{width: 90%;margin-left: auto;margin-right: auto;}
.thumbWrap2 li{float:left;width: 100%;margin: 0 235px 0px 0;padding: 2px 0 21px;background:none;}
}

@media only screen and (min-width: 480px){
	ul.thumb p{width: 70%;margin-left: auto;margin-right: auto;}}


ul.thumb h3:hover span{background:#214a78;}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1025px){
	nav#mainNav{
	/* clear:both; */
	position:relative;
	z-index:200;
	margin-left: auto;
	background:#2a588b;
	margin-right: auto;
	}

	nav#mainNav ul li{
	float: left;
	position: relative;
	border-right:1px solid #6586ab;
	}
	
	nav#mainNav ul li:first-child{border-left:1px solid #6586ab;}

	nav#mainNav ul li a{
	display: block;
	text-align: center;
	_float:left;
	color:#fff;
	height:40px;
	line-height:40px;
	padding:15px 40px 5px;
	}
	
	nav#mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	font-size:90%;
	line-height:1.4;
	}
	
	nav#mainNav ul li a span{
	font-size:70%;
	color:#327cab;
	}

	nav div.panel{
  display:block !important;
  float: right;
  }
  
  a#menu{display:none;}
  
  nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
  background:#214a78;
  }
  
  nav#mainNav ul ul{width:160px;}
  
  nav#mainNav ul li ul{display: none;}
  
  nav#mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:60px;
  left:-2px;
  z-index:500;
  }
	
  nav#mainNav ul li li{
	padding:0 0 0 10px;
	margin:0;
  float: none;
  height:40px;
  line-height:40px;
  width:160px;
  background:#214a78;
	border:0;
  border-bottom:1px solid #6586ab;
  }
	
	nav#mainNav ul li li:first-child{border-left:0;}
	
  nav#mainNav ul li li a{
  width:100%;
  height:40px;
	padding:0;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
	nav#mainNav ul li li a span{padding:0 10px;}
	
	nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#327cab;}
  
	nav#mainNav ul li:hover ul li:last-child{
	border:0;
	}
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:10px 0;
	}
	
	nav#mainNav .inner{width:98%;}
	
	nav#mainNav a.menu{
	width:100%;
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	color:#fff;
	border:1px solid #2a588b;
  background: #2a588b url(images/menuOpen.png) no-repeat 5px 10px;
	}
	
	nav#mainNav a#menu span{padding-left:35px;}
	
	nav#mainNav a.menuOpen{
	border-bottom:0;
	color:#2a588b;
	background: #fff url(images/menuOpen.png) no-repeat 5px -32px;
	}
	
	nav#mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	border:1px solid #515151;
	}

	nav#mainNav ul{margin:0;padding:0;}

	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	color:#fff;
	border-bottom:1px solid #6586ab;
	background:#2a588b;
	}

 nav#mainNav ul li a span{display:none;}
 
	nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
	color:#327cab;
	background:#214a78;
	}

	nav#mainNav ul li li{
	float:left;
	border:0;
	}

	nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li li.current-menu-item a{
		padding-left:40px;
		background:#2a588b url(images/sub1.png) no-repeat 30px 50%;
	}

	nav#mainNav ul li li.current-menu-item a,nav#mainNav ul li li a:hover, nav#mainNav ul li.current-menu-item li a:hover{
		background:#214a78 url(images/sub1.png) no-repeat 30px 50%;}
	
	nav#mainNav ul li li:last-child a{background:#2a588b url(images/subLast.png) no-repeat 30px 50%;}
	nav#mainNav ul li li:last-child.current-menu-item a,nav#mainNav ul li li:last-child a:hover,nav#mainNav ul li.current-menu-item li:last-child a:hover{background:#214a78 url(images/subLast.png) no-repeat 30px 50%;}
	
	nav div.panel{float:none;}
	
	#mainImg{margin-bottom:20px;}
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
  #wrapper, #header, .inner{width:100%;}

	#header h1, #header p{padding:5px 10px;}
	#header h2{padding:20px 10px 0;}
	#header ul{padding:20px 10px 10px;}


	nav#mainNav ul, .thumbWrap{margin:0 auto;}
	nav#mainNav ul ul{padding:0;}

	nav div.panel{float:none;}
	
	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}
	
	#banners{width:100%;margin:0 auto;text-align:center;}
	#banners p{display:inline;margin:0 10px;}
  #banners p img{width:100%;height:auto;}
	
	section.widget_search{text-align:center;}

	#footer{margin:0;border:0;text-align:center;}
	
	#footer ul{	text-align:center;	}
	#footer ul li{margin-right:20px;}
}


/* 幅648px以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
	.thumbWrap{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap ul.thumb li{width: 100%;float:left;margin: 0 0% 0 0%;}
  .thumbWrap img{width: 60%;}
  	.thumbWrap2{width:100%;margin:0 auto;text-align:center;}
	.thumbWrap2 ul.thumb li{width: 100%;float:left;margin: 0 0% 0 0%;}
  .thumbWrap2 img{width: 60%;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#header{text-align:center;}
	#header h2,#header ul{float:none;}
	#headerInfo{width:250px;margin:0 auto;}
	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	#footer ul{text-align:left;padding:15px;}
	#footer ul ul{padding:0;}
}



@charset "UTF-8";
.txt_right,
.txt-R {
  text-align: right; }

/* --------------------------------
news release
-------------------------------- */
#cnt-common h5 {
  border-bottom: 1px solid #ccc;
  text-align: center; }
  #cnt-common h5 p {
    font-size: 0.8em; }
#cnt-common #article p {
  text-indent: 1.1em; }
  #cnt-common #article p.no-indent {
    text-indent: 0em; }
#cnt-common th,
#cnt-common td {
  padding: 0.5em;
  border: 1px solid #ccc; }

#article {
  max-width: 50em;
  margin: 0 auto; }

.negative_indent_1em {
  padding-left: 1em;
  text-indent: -1em; }

.negative_indent_3em {
  padding-left: 3em;
  text-indent: -3em !important; }

/* --------------------------------
top info style
-------------------------------- */
.info_box dd {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  padding-bottom: 15px;
  overflow: hidden; }
.info_box .box_tags {
  padding: 4px;
  border: 1px solid #ddd;
  font-size: 70%;
  margin-right: 10px; }
  @media screen and (max-width: 767px) {
    .info_box .box_tags {
      display: inline-block;
      margin-right: 0; } }
.info_box time {
  display: inline-block;
  width: 9em; }

.youtube {
		width: 960px;
		height: 500px;
}
@media screen and (max-width: 767px) {
.youtube {
		width: 100%;
}
}

@media screen and (max-width: 767px) {
  .info_box .box_text {
    display: inline-block;
    margin-top: 5px; } }
@media screen and (max-width: 767px) {
  .info_box h2 span {
    display: none; } }

/* --------------------------------
top image section
-------------------------------- */
.topmain {
  height: 500px;
  background-position: 0 50%;
  background-size: cover; }

.bg-scale1,
.bg-scale2,
.bg-scale3,
.bg-scale4,
.bg-scale5 {
  position: relative;
  overflow: hidden;
  text-align: center;
  text-shadow: 0 0 12px #7b7a35;
  padding: 80px 0; }

.bg-scale1:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../images/purpose.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.bg-scale2:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../images/solution.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.bg-scale3:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../images/service.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.bg-scale4:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../images/web_corp_image_building.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.bg-scale5:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  background: url(../images/ir_info.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  background-size: cover;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out; }

.bg-scale1:hover:after,
.bg-scale2:hover:after,
.bg-scale3:hover:after,
.bg-scale4:hover:after,
.bg-scale5:hover:after {
  opacity: .8;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.bg-scale1 .inner,
.bg-scale2 .inner,
.bg-scale3 .inner,
.bg-scale4 .inner,
.bg-scale5 .inner {
  z-index: 1;
  position: relative; }

.bg-scale1 p,
.bg-scale2 p,
.bg-scale3 p,
.bg-scale4 p,
.bg-scale5 p {
  font-size: 28px;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 20px; }

.topmain a.btn-more,
.bg-scale1 a.btn-more,
.bg-scale2 a.btn-more,
.bg-scale3 a.btn-more,
.bg-scale4 a.btn-more,
.bg-scale5 a.btn-more {
  color: #fff;
  border: #fff 1px solid;
  padding: 10px 28px;
  font-size: 16px;
  text-shadow: 1px 1px 2px #666, 0 0 30px #005a49, 0 0 5px #005a49;
  /*text-shadow: 0 0 15px rgba(255, 255, 255, .5),
               0 0 30px rgba(255, 255, 255, .5),
               0 0 40px rgba(52, 152, 219, 1),
               0 0 50px rgba(52, 152, 219, 1),
               0 0 60px rgba(52, 152, 219, 1),
               0 0 70px rgba(52, 152, 219, 1);*/
  -moz-box-shadow: 0 0 6px rgba(125, 125, 50, 0.6), 0 0 6px rgba(125, 125, 50, 0.6) inset;
  -webkit-box-shadow: 0 0 6px rgba(125, 125, 50, 0.6), 0 0 6px rgba(125, 125, 50, 0.6) inset;
  box-shadow: 0 0 6px rgba(125, 125, 50, 0.6), 0 0 6px rgba(125, 125, 50, 0.6) inset; }

.topmain a.btn-more:hover,
.bg-scale1 a.btn-more:hover,
.bg-scale2 a.btn-more:hover,
.bg-scale3 a.btn-more:hover,
.bg-scale4 a.btn-more:hover,
.bg-scale5 a.btn-more:hover {
  background: rgba(40, 50, 40, 0.1); }

.center {
  text-align: center; }

.topmain h1 {
  padding: 100px 10px 0 10px;
  text-shadow: 1px 1px 2px #666, 0 0 30px #005a49, 0 0 5px #005a49;
  /*text-shadow: 0 0 15px rgba(255, 255, 255, .5),
               0 0 30px rgba(255, 255, 255, .5),
               0 0 40px rgba(52, 152, 219, 1),
               0 0 50px rgba(52, 152, 219, 1),
               0 0 60px rgba(52, 152, 219, 1),
               0 0 70px rgba(52, 152, 219, 1);*/
  font-size: 2.2em;
  color: #fff; }

.topmain p.main_text {
  color: #fff;
  margin-bottom: 100px;
  padding: 0 2%;
  font-size: 1.4em;
  text-align: center;
  text-shadow: 1px 1px 2px #666, 0 0 30px #005a49, 0 0 5px #005a49;
  /*text-shadow: 0 0 15px rgba(255, 255, 255, .5),
               0 0 30px rgba(255, 255, 255, .5),
               0 0 40px rgba(52, 152, 219, 1),
               0 0 50px rgba(52, 152, 219, 1),
               0 0 60px rgba(52, 152, 219, 1),
               0 0 70px rgba(52, 152, 219, 1);*/ }

.box_card_text {
  border: #ccc 1px solid;
  padding: 20px 10px;
  width: 100%;
  margin-top: -10px; }

.box_card_text span {
  font-size: 80%;
  color: #999; }

.purpose-list-box h4 {
  position: relative; }

.purpose-list-box h4 span {
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 100%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 12px 15px;
  color: #fff;
  font-size: 0.6em;
  font-weight: bold;
  vertical-align: middle; }

.news-select {
  font-size: 1em;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  padding: 7px; }

.title-corp-index {
  background: url(../images/title_corp.jpg) no-repeat center center;
  position: relative;
  height: 0;
  padding-top: 16.9%; }

.title-ir-index {
  background: url(../images/title_ir.jpg) no-repeat center center;
  position: relative;
  height: 0;
  padding-top: 16.9%; }

.title-recruit-index {
  background: url(../images/title_recruit.jpg) no-repeat center center;
  position: relative;
  height: 0;
  padding-top: 16.9%; }

.title-news-index {
  background: url(../images/title_news.jpg) no-repeat center center;
  position: relative;
  height: 0;
  padding-top: 16.9%; }

.title-corp-index span,
.title-ir-index span,
.title-recruit-index span,
.title-news-index span {
  color: #fff;
  position: absolute;
  top: 40%;
  left: 3%;
  font-size: 1.6em; }

@media (max-width: 767px) {
  .title-corp-index,
  .title-ir-index,
  .title-recruit-index,
  .title-news-index {
    background: none;
    border: 1px solid #ccc;
    border-left: 5px solid #005a49; }

  .title-corp-index span,
  .title-ir-index span,
  .title-recruit-index span,
  .title-news-index span {
    color: #666;
    font-weight: bold;
    font-size: 1em;
    vertical-align: middle; } }
/*----------------------------------------------------
    .corp　table
----------------------------------------------------*/
table.corp {
  width: 100%; }

.corp th {
  padding: 10px 0 10px 0;
  border-left: 0px solid #dcdcdc;
  }

.corp td {
  padding: 10px;
  border: 1px solid #ddd; }

.corp th {
  background: #e6f0f2;
  }

.corp th {
  width: 25%;
  text-align: left; }

@media only screen and (max-width: 480px) {
  .corp th,
  .corp td {
    width: 89%;
    display: block;
    border-top: none;
    }

  .corp tr:first-child th {
    border-top: 1px solid #ddd;
    width: 90%;
    } }
/*----------------------------------------------------
    .news　print
----------------------------------------------------*/
.f-box {
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center; }

.card {
  width: 330px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
  margin: 0 15px 15px 0; }

.card-img {
  padding: 10px 0 0 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.card-content {
  padding: 15px 15px 0 15px; }

.card-title {
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  color: #333; }

.card-text {
  color: #777;
  font-size: 14px; }

.card-link {
  text-align: left;
  border-top: 1px solid #eee;
  padding: 10px;
  font-size: 12px; }

.card-link a {
  text-decoration: none;
  margin: 0 10px; }

/*----------------------------------------------------
    .ir　team
----------------------------------------------------*/
.box-team {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px; }

p.box-team-name {
  padding: 20px 25px;
  background: #fbfbfb; }

p.box-team-name span {
  font-weight: bold; }

/*----------------------------------------------------
    .ir　hilight
----------------------------------------------------*/
.scroll {
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.scroll::-webkit-scrollbar {
  height: 5px; }

.scroll::-webkit-scrollbar-track {
  background: #F1F1F1;
  border-radius: 5px; }

.scroll::-webkit-scrollbar-thumb {
  background: #BCBCBC;
  border-radius: 5px; }

.hilight {
  width: 100%; }

.hilight thead th {
  font-weight: bold; }

.hilight th {
  padding: 12px 15px;
  text-align: right;
  border-bottom: 1px solid #E1E1E1; }

.hilight td {
  padding: 12px 1em;
  text-align: right;
  border-bottom: 1px dotted #E1E1E1; }

.hilight th:last-child,
.hilight td:last-child {
  padding-right: 1em; }

.hilight tr:nth-child(even) td {
  background-color: #d9edf7; }

.hilight tr:nth-child(odd) td {
  background-color: #fdfdfd; }

/*----------------------------------------------------
    .ir　media
----------------------------------------------------*/
.info_box_none {
  border-bottom: 1px solid #eee; }

.info_box_none dt,
.info_box_none dd {
  display: inline-block; }

.info_box_none > * {
  vertical-align: top; }

.info_box_none dt {
  width: 13%; }

.info_box_none dd {
  width: 85%;
  border-bottom: none; }

@media only screen and (max-width: 480px) {
  .info_box_none dt,
  .info_box_none dd {
    display: block; }

  .info_box_none dt {
    width: 100%;
    margin-right: 0; }

  .info_box_none dd {
    width: 100%;
    margin-top: 10px; } }
/*----------------------------------------------------
    .ir　faq
----------------------------------------------------*/
.faq-style dl {
  margin: 0 0 50px 0;
  border-bottom: 1px dotted #ccc; }

.faq-style dt {
  font-weight: 500;
  margin: 0 0 20px 0; }

.faq-style dd {
  margin: 0 0 10px 0; }

.q-Style {
  background: #005a49;
  color: #FFF;
  padding: 3px 10px;
  font-weight: bold;
  margin-right: 10px; }

@media only screen and (max-width: 480px) {
  .q-Style {
    color: #333;
    background: none;
    font-weight: bold;
    margin-right: 2px;
    padding: 0; } }
.block {
  display: flex; }

.block div {
  margin: 0 7px 0 0; }

/*----------------------------------------------------
    .News　SNS
----------------------------------------------------*/
.social-area {
  /* width: 100%; */
  /* min-height: 190px; */
  /* background: #fff; */
  padding: 2em 0;
  border-top: 1px solid #ccc;
  margin-top: 3em; }

@media screen and (min-width: 480px) {
  .social-area {
    /* min-height: 119px; */ } }
.newsrelease_relatedlink {
  padding-bottom: 4rem; }

.newsrelease_relatedlink p {
  border: 1px solid #ccc;
  border-left: 10px solid #ccc;
  padding: 0.5rem;
  margin-bottom: 1rem;
  text-indent: 0 !important;
  width: 16em; }

.newsrelease_relatedlink i {
  padding-left: 1em;
  color: #aaa; }

ul.social-button {
  /* width: 238px; */
  padding: 0;
  border: none;
  list-style-type: none; }

@media screen and (min-width: 480px) {
  ul.social-button {
    /* width: 410px; */ } }
ul.social-button li {
  float: left;
  text-align: center;
  height: 71px;
  margin: 0 8px;
  padding: 0; }

.sc-fb {
  z-index: 99;
  width: 69px; }

.tap {
  display: none; }

@media screen and (max-width: 480px) {
  .tap {
    display: block; } }


  .m5 {
    margin: 5px; }
  .mt5 {
    margin-top: 5px; }
  .mr5 {
    margin-right: 5px; }
  .mb5 {
    margin-bottom: 5px; }
  .ml5 {
    margin-left: 5px; }
  .mtb5 {
    margin-top: 5px;
    margin-bottom: 5px; }
  .mlr5 {
    margin-left: 5px;
    margin-right: 5px; }
  .m10 {
    margin: 10px; }
  .mt10 {
    margin-top: 10px; }
  .mr10 {
    margin-right: 10px; }
  .mb10 {
    margin-bottom: 10px; }
  .ml10 {
    margin-left: 10px; }
  .mtb10 {
    margin-top: 10px;
    margin-bottom: 10px; }
  .mlr10 {
    margin-left: 10px;
    margin-right: 10px; }
  .m15 {
    margin: 15px; }
  .mt15 {
    margin-top: 15px; }
  .mr15 {
    margin-right: 15px; }
  .mb15 {
    margin-bottom: 15px; }
  .ml15 {
    margin-left: 15px; }
  .mtb15 {
    margin-top: 15px;
    margin-bottom: 15px; }
  .mlr15 {
    margin-left: 15px;
    margin-right: 15px; }
  .m20 {
    margin: 20px; }
  .mt20 {
    margin-top: 20px; }
  .mr20 {
    margin-right: 20px; }
  .mb20 {
    margin-bottom: 20px; }
  .ml20 {
    margin-left: 20px; }
  .mtb20 {
    margin-top: 20px;
    margin-bottom: 20px; }
  .mlr20 {
    margin-left: 20px;
    margin-right: 20px; }
  .m30 {
    margin: 30px; }
  .mt30 {
    margin-top: 30px; }
  .mr30 {
    margin-right: 30px; }
  .mb30 {
    margin-bottom: 30px; }
  .ml30 {
    margin-left: 30px; }
  .mtb30 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .mlr30 {
    margin-left: 30px;
    margin-right: 30px; }
  .m40 {
    margin: 40px; }
  .mt40 {
    margin-top: 40px; }
  .mr40 {
    margin-right: 40px; }
  .mb40 {
    margin-bottom: 40px; }
  .ml40 {
    margin-left: 40px; }
  .mtb40 {
    margin-top: 40px;
    margin-bottom: 40px; }
  .mlr40 {
    margin-left: 40px;
    margin-right: 40px; }
  .m50 {
    margin: 50px; }
  .mt50 {
    margin-top: 50px; }
  .mr50 {
    margin-right: 50px; }
  .mb50 {
    margin-bottom: 50px; }
  .ml50 {
    margin-left: 50px; }
  .mtb50 {
    margin-top: 50px;
    margin-bottom: 50px; }
  .mlr50 {
    margin-left: 50px;
    margin-right: 50px; }
  .m60 {
    margin: 60px; }
  .mt60 {
    margin-top: 60px; }
  .mr60 {
    margin-right: 60px; }
  .mb60 {
    margin-bottom: 60px; }
  .ml60 {
    margin-left: 60px; }
  .mtb60 {
    margin-top: 60px;
    margin-bottom: 60px; }
  .mlr60 {
    margin-left: 60px;
    margin-right: 60px; }
  .p5 {
    padding: 5px; }
  .pt5 {
    padding-top: 5px; }
  .pr5 {
    padding-right: 5px; }
  .pb5 {
    padding-bottom: 5px; }
  .pl5 {
    padding-left: 5px; }
  .ptb5 {
    padding-top: 5px;
    padding-bottom: 5px; }
  .plr5 {
    padding-left: 5px;
    padding-right: 5px; }
  .p10 {
    padding: 10px; }
  .pt10 {
    padding-top: 10px; }
  .pr10 {
    padding-right: 10px; }
  .pb10 {
    padding-bottom: 10px; }
  .pl10 {
    padding-left: 10px; }
  .ptb10 {
    padding-top: 10px;
    padding-bottom: 10px; }
  .plr10 {
    padding-left: 10px;
    padding-right: 10px; }
  .p15 {
    padding: 15px; }
  .pt15 {
    padding-top: 15px; }
  .pr15 {
    padding-right: 15px; }
  .pb15 {
    padding-bottom: 15px; }
  .pl15 {
    padding-left: 15px; }
  .ptb15 {
    padding-top: 15px;
    padding-bottom: 15px; }
  .plr15 {
    padding-left: 15px;
    padding-right: 15px; }
  .p20 {
    padding: 20px; }
  .pt20 {
    padding-top: 20px; }
  .pr20 {
    padding-right: 20px; }
  .pb20 {
    padding-bottom: 20px; }
  .pl20 {
    padding-left: 20px; }
  .ptb20 {
    padding-top: 20px;
    padding-bottom: 20px; }
  .plr20 {
    padding-left: 20px;
    padding-right: 20px; }
  .p30 {
    padding: 30px; }
  .pt30 {
    padding-top: 30px; }
  .pr30 {
    padding-right: 30px; }
  .pb30 {
    padding-bottom: 30px; }
  .pl30 {
    padding-left: 30px; }
  .ptb30 {
    padding-top: 30px;
    padding-bottom: 30px; }
  .plr30 {
    padding-left: 30px;
    padding-right: 30px; }
  .p40 {
    padding: 40px; }
  .pt40 {
    padding-top: 40px; }
  .pr40 {
    padding-right: 40px; }
  .pb40 {
    padding-bottom: 40px; }
  .pl40 {
    padding-left: 40px; }
  .ptb40 {
    padding-top: 40px;
    padding-bottom: 40px; }
  .plr40 {
    padding-left: 40px;
    padding-right: 40px; }
  .p50 {
    padding: 50px; }
  .pt50 {
    padding-top: 50px; }
  .pr50 {
    padding-right: 50px; }
  .pb50 {
    padding-bottom: 50px; }
  .pl50 {
    padding-left: 50px; }
  .ptb50 {
    padding-top: 50px;
    padding-bottom: 50px; }
  .plr50 {
    padding-left: 50px;
    padding-right: 50px; }
  .p60 {
    padding: 60px; }
  .pt60 {
    padding-top: 60px; }
  .pr60 {
    padding-right: 60px; }
  .pb60 {
    padding-bottom: 60px; }
  .pl60 {
    padding-left: 60px; }
  .ptb60 {
    padding-top: 60px;
    padding-bottom: 60px; }
  .plr60 {
    padding-left: 60px;
    padding-right: 60px; }
  .g_5 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_5 {
    margin-left: -2.5px;
    margin-right: -2.5px; } }
  .g_5 > * {
    margin-top: 2.5px;
    margin-bottom: 2.5px; }
  @media screen and (min-width: 480px) {
  .g_5 {
    margin-left: 2.5px;
    margin-right: 2.5px; } }
  .g_10 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_10 {
    margin-left: -5px;
    margin-right: -5px; } }
  .g_10 > * {
    margin-top: 5px;
    margin-bottom: 5px; }
  @media screen and (min-width: 480px) {
  .g_10 {
    margin-left: 5px;
    margin-right: 5px; } }
  .g_15 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_15 {
    margin-left: -7.5px;
    margin-right: -7.5px; } }
  .g_15 > * {
    margin-top: 7.5px;
    margin-bottom: 7.5px; }
  @media screen and (min-width: 480px) {
  .g_15 {
    margin-left: 7.5px;
    margin-right: 7.5px; } }
  .g_20 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_20 {
    margin-left: -10px;
    margin-right: -10px; } }
  .g_20 > * {
    margin-top: 10px;
    margin-bottom: 10px; }
  @media screen and (min-width: 480px) {
  .g_20 {
    margin-left: 10px;
    margin-right: 10px; } }
  .g_30 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_30 {
    margin-left: -15px;
    margin-right: -15px; } }
  .g_30 > * {
    margin-top: 15px;
    margin-bottom: 15px; }
  @media screen and (min-width: 480px) {
  .g_30 {
    margin-left: 15px;
    margin-right: 15px; } }
  .g_40 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_40 {
    margin-left: -20px;
    margin-right: -20px; } }
  .g_40 > * {
    margin-top: 20px;
    margin-bottom: 20px; }
  @media screen and (min-width: 480px) {
  .g_40 {
    margin-left: 20px;
    margin-right: 20px; } }
  .g_50 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_50 {
    margin-left: -25px;
    margin-right: -25px; } }
  .g_50 > * {
    margin-top: 25px;
    margin-bottom: 25px; }
  @media screen and (min-width: 480px) {
  .g_50 {
    margin-left: 25px;
    margin-right: 25px; } }
  .g_60 {
    margin: 0; }
  @media screen and (min-width: 480px) {
  .g_60 {
    margin-left: -30px;
    margin-right: -30px; } }
  .g_60 > * {
    margin-top: 30px;
    margin-bottom: 30px; }
  @media screen and (min-width: 480px) {
  .g_60 {
    margin-left: 30px;
    margin-right: 30px; } }

.container {
  position: relative;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 1em;
  box-sizing: border-box; }

@media screen {
  .containerfull {
    position: relative;
    width: 100%;
    max-width: 2560px;
    margin: 50px auto;
    padding: 0;
    box-sizing: border-box; } }

.column, .columnfull, .columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
  /* For devices larger than 480px */ }

@media print, screen and (min-width: 480px) {
  /* For print */
    .container {
      width: 85%;
      }
	.container2 {
      width: 100%;
      }     
    .column, .columns {
      margin-left: 3%; }
    .column:first-child, .columns:first-child {
      margin-left: 0; }
    .columnfull {
      margin-left: 0%; }
    .one.column, .one.columns {
      width: 4.667%; }
    .two.columns {
      width: 13.333%; }
    .three.columns {
      width: 22%; }
    .four.columns {
      width: 30.1%; }
    .fourfull.columnfull {
      width: 33.333%; }
    .five.columns {
      width: 39.333%; }
    .six.columns {
      width: 48%; }
    .sixfull.columnfull {
      width: 50%; }
    .seven.columns {
      width: 56.667%; }
    .eight.columns {
      width: 65.333%; }
    .eightfull.columnfull {
      width: 66.667%; }
    .nine.columns {
      width: 74%; }
    .ten.columns {
      width: 82.667%; }
    .eleven.columns {
      width: 91.333%; }
    .twelve.columns {
      width: 100%;
      margin-left: 0; }
    .one-third.column {
      width: 30.667%; }
    .two-thirds.column {
      width: 65.333%; }
    .one-half.column {
      width: 48%;
      /* Offsets */ }
    .offset-by-one.column, .offset-by-one.columns {
      margin-left: 8.667%; }
    .offset-by-two.column, .offset-by-two.columns {
      margin-left: 17.333%; }
    .offset-by-three.column, .offset-by-three.columns {
      margin-left: 26%; }
    .offset-by-four.column, .offset-by-four.columns {
      margin-left: 34.667%; }
    .offset-by-five.column, .offset-by-five.columns {
      margin-left: 43.333%; }
    .offset-by-six.column, .offset-by-six.columns {
      margin-left: 52%; }
    .offset-by-seven.column, .offset-by-seven.columns {
      margin-left: 60.667%; }
    .offset-by-eight.column, .offset-by-eight.columns {
      margin-left: 69.333%; }
    .offset-by-nine.column, .offset-by-nine.columns {
      margin-left: 78%; }
    .offset-by-ten.column, .offset-by-ten.columns {
      margin-left: 86.667%; }
    .offset-by-eleven.column, .offset-by-eleven.columns {
      margin-left: 95.333%; }
    .offset-by-one-third.column, .offset-by-one-third.columns {
      margin-left: 34.667%; }
    .offset-by-two-thirds.column, .offset-by-two-thirds.columns {
      margin-left: 69.333%; }
    .offset-by-one-half.column, .offset-by-one-half.columns {
      margin-left: 52%; } }

@media print {
  /* Base Styles */
  /* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
    .container {
      position: relative;
      width: 100%;
      max-width: 1180px;
      margin: 0 auto;
      padding: 0 20px;
      box-sizing: border-box; } }

html {
  font-size: 62.5%;
  height: 100%;
  }



h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }

h1 {
  font-size: 4rem;
  line-height: 1.2; }

h2 {
  font-size: 3.6rem;
  line-height: 1.25; }

h3 {
  font-size: 3rem;
  line-height: 1.3; }

h4 {
  font-size: 2.4rem;
  line-height: 1.35; }

h5 {
  font-size: 1.8rem;
  line-height: 1.5; }

h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  /* Larger than phablet */ }

@media (min-width: 480px) {
  h1 {
    font-size: 5rem; }

  h2 {
    font-size: 4.2rem; }

  h3 {
    font-size: 3.6rem; }

  h4 {
    font-size: 3rem; }

  h5 {
    font-size: 2.4rem; }

  h6 {
    font-size: 1.5rem; } }

p {
  margin-top: 0;
  /* Links
-------------------------------------------------- */ }

a {
  color: #ffffff;
  }

a:hover {
  color: #0fa0ce;
  /* Buttons
-------------------------------------------------- */ }

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
  display: -webkit-box;
  height: 38px;
  padding: 0 10px;
  color: #555;
  text-align: center;
  font-size: 12px;
  margin-left: auto;
  font-weight: normal;
  margin-right: auto;
  line-height: 38px;
  width: 50%;
  box-sizing: border-box;
  }

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
  color: #fff;
  border-color: #888;
  outline: 0;
  }

.button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary, input[type="button"].button-primary {
  color: #fff;
  background-color: #33c3f0;
  border-color: #33c3f0; }

.button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover, input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus, button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus, input[type="button"].button-primary:focus {
  color: #fff;
  background-color: #1eaedb;
  border-color: #1eaedb;
  /* Forms
-------------------------------------------------- */ }

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {
  height: 38px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  padding: 6px 10px;
  background-color: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  /* Removes awkward default styles on some inputs for iOS */ }

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }

input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border: 1px solid #33c3f0;
  outline: 0; }

label, legend {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600; }

fieldset {
  padding: 0;
  border-width: 0; }

input[type="checkbox"], input[type="radio"] {
  display: inline; }

label > .label-body {
  display: inline-block;
  margin-left: 0.5rem;
  font-weight: normal;
  /* Lists
-------------------------------------------------- 
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }*/
  /* Code
-------------------------------------------------- */ }

code {
  padding: 0.2rem 0.5rem;
  margin: 0 0.2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  border-radius: 4px; }

pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
  /* Tables
-------------------------------------------------- */ }

th, td {
  padding: 1em;
  text-align: left;
  border-bottom: 1px solid #e1e1e1; }

th:first-child, td:first-child {
  padding-left: 5px;
  }

th:last-child, td:last-child {
  padding-right: 0; }

@media screen and (max-width: 480px) {
  /* Spacing
-------------------------------------------------- */
    td {
      padding: 0.5em; } }

button, .button {
  margin-bottom: 1rem; }

input, textarea, select, fieldset {
  margin-bottom: 1.5rem; }

pre, blockquote, dl, figure, table, p, ul, ol, form {
  margin-bottom: 0.5rem;
  /* Utilities
-------------------------------------------------- */
  margin-left: auto;
  margin-right: auto;
  }




.u-full-width {
  width: 100%;
  box-sizing: border-box; }

.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }

.u-pull-right {
  float: right; }

.u-pull-left {
  float: left;
  /* Misc
-------------------------------------------------- */ }

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #e1e1e1;
  /* Clearing
-------------------------------------------------- */
  /* Self Clearing Goodness */ }

.container:after, .row:after, .u-cf {
  content: "";
  display: table;
  clear: both;
  /* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  /*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
  /* Larger than mobile */ }

@media (min-width: 400px) {
  /* Larger than phablet (also point when grid becomes active) */ }

@media (min-width: 550px) {
  /* Larger than tablet */ }

@media (min-width: 750px) {
  /* Larger than desktop */ }

@media (min-width: 1000px) {
  /* Larger than Desktop HD */ }

@media (min-width: 1200px) {
  /* print */ }

@page {
  margin: 0; }

@media print {
  .cd-nav {
    display: none; }

  #biz-footer > div > div:nth-child(1) > div.four.columns {
    display: none;
    width: 0;
    height: 0; } }
  .pagetop_image {
    text-align: center;
    padding-bottom: 1em;
  }
  
  .arubaito dl {
    padding: 0 7px;
    background-color: #ffffff;
    display: block;
    border-bottom: 1px solid #d0d0d0;
    padding: 3px 0 10px 5px;
  }
  
  .arubaito dt {
    color: #2a588b;
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 5px;
  }
  
  .arubaito h4 {
    color: #008080;
    font-size: 2.4rem;
    font-weight: bold;
  }
  
  .arubaito h5 {
    color: #333;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 0;
  }
  
  .arubaito h4.telfont {
    color: #008080;
    font-size: 150%;
    display: inline;
  }
  
  .arubaito dd {
    padding-left: 1em;
  }
  
  .arubaito_subtxt {
    border-radius: 3px;
    background-color: #fff;
    display: block;
    padding: 1em;
  }
  
  .point {
    color: #f66;
    font-weight: bold;
  }

  /*-----------------------------------------------------
main
-------------------------------------------------------*/
#main{
	width: auto;
	height: auto;
}

.main_box{
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

.main_t{
	margin-bottom: 60px;
	background: url(../../images/index/line_bg2.jpg) no-repeat bottom;
	text-align: center;
}

.main_t p{
	font-size: 16px;
	padding: 65px 0 20px;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.main_list{
	margin: 0 auto 30px;
	text-align: left;
	max-width: 1120px;
}

.main_list ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.main_list ul li{
	width: 260px;
	max-height: 380px;
	text-align: left;
	margin: 0 10px 16px;
	float: left;
	background: #FFF;
}

.main_list ul li img{
	width: 260px;
}

.main_list ul li a{
	display: block;
	line-height: 1.5;
}

.main_list ul li a:hover{
	text-decoration: none;
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
}

.main_list ul li a div{
	padding: 10px 16px 16px;
}

.main_list ul li a span.btm{
	display: inline-block;
	margin-bottom: 6px;
	color: #FFF;
}

.main_list ul li a span.bg1{
	background: #182887;
}
.main_list ul li a span.bg2{
	background: #009139;
}
.main_list ul li a span.bg3{
	background: #946033;
}
.main_list ul li a span.bg4{
	background: #00A299;
}
.main_list ul li a span.bg5{
	background: #2BA6E0;
}
.main_list ul li a span.bg6{
	background: #F29600;
}
.main_list ul li a span.bg7{
	background: #E9535C;
}


.main_list ul li a span.bg8{
	background: #ff0000;
	display: inline;
}

.main_cpbox{
	width: auto;
	background: #0099DB;
	padding: 50px 0px;
	text-align: center;
}


/*-----------------------------------------------------
contact page
-------------------------------------------------------*/

#contact #page_title {
	overflow: hidden;
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	padding: 60px 0px 40px 0px;
}

#contact #page_title h1{
	color: #0099DB;
	font-size: 28px;
	line-height: 60px;
	letter-spacing: 0.05em;
	padding-right: 20px;
}

.contact-form {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.75em;
	padding: 0px 0px 60px 0px;
}

.contact-form p {
	margin-top: 15px;
	width: 20%;
	padding: 0px 0 0px 0px;
	text-shadow: 1px 1px #000;
}

.contact-form form {
	margin-top: 15px;
	padding: 0px 0px 0px 25px;
}

.contact-form form input, .contact-form form textarea {
	width: 90%;
	padding: 0px 0 0px 0;
	height: 37px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 7px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 13px;
}

#naiyou {
	width: 90%;
	padding: 15px 0 100px 0;
	height: 37px;
	border: 1px solid #ddd;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 7px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 13px;
}
.contact-form form input[type="checkbox"]{
	width:30px;
	vertical-align:middle;
}
.privacy_check{
	background:#ffe4e1;
	width:90%;
	padding:10px 0;
}

.check_error{border:#ff6347 2px solid;}

.check_error input[type="checkbox"]{border:#ffe4e1 1px solid;}
.contact-form form input:focus, .contact-form form textarea:focus {
	border: 1px solid #bbb;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-form form textarea {
	height: 160px;
}

.contact-form form button {
	width: 120px;
	height: 30px;
	margin-top: 15px;
	background: #0099db;
	border: 0;
	font-size: 13px;
	color: #fff;
	-moz-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset,  0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset,  0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 1px 25px 0 rgba(0,0,0,.05) inset,  0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
}

.contact-form form button:hover {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.contact-form form button:active {
	-moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset,  0 -1px 25px 0 rgba(0,0,0,.05) inset;
	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset,  0 -1px 25px 0 rgba(0,0,0,.05) inset;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,.15) inset,  0 -1px 25px 0 rgba(0,0,0,.05) inset;
}

.contact-form form label {
	margin-top: 10px;
	font-size: 13px;
}
 .contact-form form input:-moz-placeholder, .contact-form form textarea:-moz-placeholder {
color: #ccc;
}
.contact-form form input:-ms-input-placeholder, .contact-form form textarea:-ms-input-placeholder {
color: #ccc;
}
.contact-form form input::-webkit-input-placeholder, .contact-form form textarea::-webkit-input-placeholder {
color: #ccc;
}

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

Main components 

-------------------------------- */ }

.full_bg {
  background-color: #f6f6f6;
  padding: 50px 0; }

.page_title {
  background: #005a49;
  padding: 20px 0 5px 0;
  margin-bottom: 30px;
  color: #fff; }

.page_title h3 {
  font-size: 1.4em; }

.inpage_title {
  color: #318388;
  padding: 20px 0;
  margin-top: 20px;
  font-size: 1.8em; }

.mobile_title, .security_title, .iot_title {
  border-left: #318388 15px solid;
  background: #fdfdfd;
  padding: 15px 20px;
  font-size: 1em; }

.header {
  background-color: #fff;
  height: 60px;
  margin-bottom: 21px; }

.header .fixbar {
  position: absolute;
  background-color: #fff;
  width: 100%;
  top: 60px; }

.header.fixed .fixbar {
  position: fixed;
  top: 0px; }

.rcrumbs {
  font-size: 14px;
  line-height: 18px;
  white-space: nowrap; }

.rcrumbs > ul {
  padding: 0;
  list-style: none; }

.rcrumbs > ul > li {
  overflow: hidden;
  display: none; }

.rcrumbs > ul > li.show {
  display: inline-block; }

.rcrumbs > ul > li.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden; }

.rcrumbs a {
  color: #69aa6f;
  text-decoration: none; }

.rcrumbs a:hover {
  color: #565c6e; }

.rcrumbs .divider {
  color: #ccc;
  padding: 0 5px; }

.biz-row-padded {
  padding: 50px 0; }

.biz-social {
  padding: 0;
  margin: 0; }

.biz-social li {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block; }

.biz-social li a {
  display: block;
  float: left;
  margin-right: 10px; }

.biz-social li a:hover, .biz-social li a:active, .biz-social li a:focus {
  outline: none;
  text-decoration: none; }

.biz-social li a i {
  font-size: 30px; }

#biz-footer {
  padding: 5em 0;
  border-top: 12px solid #e9e9e9; }

#biz-footer .biz-footer-widget {
  float: left;
  width: 100%; }

#biz-footer .biz-footer-widget.top-level {
  margin-top: 70px !important; }

#biz-footer .biz-footer-widget .biz-footer-lead {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: none;
  margin-bottom: 20px; }

#biz-footer .biz-footer-logo {
  font-size: 2em;
  letter-spacing: 2px;
  color: #ccc; }

#biz-footer > div > div:nth-child(1) > div.four.columns > div:nth-child(1) > p {
  font-size: 1.2rem;
  line-height: 1.8; }

#biz-footer ul {
  padding: 0;
  margin: 0; }

#biz-footer ul li {
  list-style: none;
  padding: 0;
  margin: 0; }

.biz-list-check {
  position: relative;
  padding: 0;
  margin: 0;
  clear: both; }

.biz-list-check li {
  padding-left: 25px !important;
  position: relative;
  display: block;
  margin-bottom: 10px !important;
  line-height: 18px;
  font-size: 14px; }

.biz-list-check li:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e116";
  content: "\e042";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  color: #ccc; }

p.pagetop {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 998; }

p.pagetop a {
  display: block;
  background-color: #005a49;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  padding: 8px 15px; }

p.pagetop a:hover {
  display: block;
  background-color: #107d68;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  text-decoration: none;
  padding: 8px 15px; }

.cd-main-content, .cd-main-header {
  position: relative;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s; }

@media only screen and (max-width: 1169px) {
  .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px); }

  .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px); } }

.cd-main-content {
  background: #fff;
  min-height: 100vh;
  z-index: 2; }

.cd-main-header {
  height: 50px;
  background: #fff;
  border: 1px solid #f2f2f2;
  position: fixed;
  width: 100%;
  z-index: 999;
  padding-bottom: 50px; }

.nav-is-fixed .cd-main-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

@media only screen and (min-width: 1170px) {
  .cd-main-header {
    height: 80px; }

  .cd-main-header::after {
    clear: both;
    content: "";
    display: table; } }

.cd-logo {
  position: absolute;
  top: 6px;
  left: 5%; }

.cd-logo img {
  display: block; }

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-logo {
    left: auto;
    right: 5%; } }

@media only screen and (min-width: 1170px) {
  .cd-logo {
    top: 26px;
    left: 4em; } }

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 5%; }

.cd-header-buttons li {
  display: inline-block; }

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-header-buttons {
    right: auto;
    left: 5%; }

  .nav-on-left .cd-header-buttons li {
    float: right; } }

@media only screen and (min-width: 1170px) {
  .cd-header-buttons {
    top: 18px;
    right: 4em; } }

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  /* hide text */
  white-space: nowrap;
  color: transparent;
  z-index: 9999; }

.cd-search-trigger::before, .cd-search-trigger::after {
  content: '';
  position: absolute;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cd-search-trigger::before {
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #2e3233; }

.cd-search-trigger::after {
  height: 3px;
  width: 8px;
  background: #2e3233;
  bottom: 14px;
  right: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-search-trigger span {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.cd-search-trigger span::before, .cd-search-trigger span::after {
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #2e3233;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.cd-search-trigger span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-search-trigger span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  opacity: 0; }

.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  opacity: 1; }

.cd-search-trigger.search-is-visible span::before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg); }

.cd-search-trigger.search-is-visible span::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #2e3233; }

.cd-nav-trigger span {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  -ms-transition: background 0.3s 0.3s;
  -o-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s; }

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  content: '';
  right: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 0% 50%;
  -moz-transform-origin: 0% 50%;
  -ms-transform-origin: 0% 50%;
  -o-transform-origin: 0% 50%;
  transform-origin: 0% 50%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  -moz-transition: -moz-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s; }

.cd-nav-trigger span::before {
  top: -6px; }

.cd-nav-trigger span::after {
  top: 6px; }

.cd-nav-trigger.nav-is-visible span {
  background: rgba(46, 50, 51, 0); }

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  background: #2e3233; }

.cd-nav-trigger.nav-is-visible span::before {
  -webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
  -o-transform: translateX(4px) translateY(-3px) rotate(45deg);
  transform: translateX(4px) translateY(-3px) rotate(45deg); }

.cd-nav-trigger.nav-is-visible span::after {
  -webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
  -o-transform: translateX(4px) translateY(2px) rotate(-45deg);
  transform: translateX(4px) translateY(2px) rotate(-45deg); }

@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    display: none; }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 150%;
    margin-bottom: 0; } }

.cd-primary-nav, .cd-primary-nav ul {
  position: fixed;
  top: 0px;
  right: 0;
  height: 100%;
  width: 260px;
  background: #2e3233;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 9999;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
  font-size: 90%; }

.cd-primary-nav a, .cd-primary-nav ul a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #3a3f40;
  will-change: transform, opacity;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

.cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  opacity: 0; }

@media only screen and (max-width: 1169px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0; }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 100%;
    margin-bottom: 0;
    line-height: 6.5em; } }

.cd-primary-nav .see-all a {
  color: #69aa6f; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
  height: 80px;
  line-height: 80px; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item {
  padding-left: 90px; }

.cd-primary-nav .cd-nav-gallery .cd-nav-item img {
  position: absolute;
  display: block;
  height: 40px;
  width: auto;
  left: 20px;
  top: 50%;
  margin-top: -20px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item {
  padding-left: 75px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item p {
  color: #2e3233;
  /* hide description on small devices */
  font-size: 1.3rem;
  display: none; }

.cd-primary-nav .cd-nav-icons .cd-nav-item::before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px 40px; }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
  background-image: url("../images/message.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
  background-image: url("../images/buildings.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
  background-image: url("../images/mission.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
  background-image: url("../images/businessman-with-an-idea.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
  background-image: url("../images/history-button.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
  background-image: url("../images/location-pin-on-map.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
  background-image: url("../images/news.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
  background-image: url("../images/picture.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-9::before {
  background-image: url("../images/marketing-strategy.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-10::before {
  background-image: url("../images/increasing-stocks-graphic.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-11::before {
  background-image: url("../images/bank-building.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-12::before {
  background-image: url("../images/stock-data-analysis.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-13::before {
  background-image: url("../images/seo-report.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-14::before {
  background-image: url("../images/draw-stack-of-papers.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-15::before {
  background-image: url("../images/play-movie.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-16::before {
  background-image: url("../images/draw-stack-of-papers.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-17::before {
  background-image: url("../images/spring-desktop-calendar-variant.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-18::before {
  background-image: url("../images/businessmen-having-a-meeting.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-19::before {
  background-image: url("../images/computer-and-books-studying-tools.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-20::before {
  background-image: url("../images/business-man.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-21::before {
  background-image: url("../images/office-worker-.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-22::before {
  background-image: url("../images/footprints.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-23::before {
  background-image: url("../images/male-cartoon-pointing-to-white-board.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-24::before {
  background-image: url("../images/building-with-flag.svg"); }

.cd-primary-nav .cd-nav-icons .cd-nav-item.item-25::before {
  background-image: url("../images/management-group.svg"); }

@media only screen and (max-width: 1169px) {
  .cd-primary-nav {
    visibility: hidden;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s; }

  .cd-primary-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s; } }

@media only screen and (min-width: 1170px) {
  .cd-primary-nav {
    position: static;
    padding: 0 150px 0 0;
    height: auto;
    width: auto;
    float: right;
    overflow: visible;
    background: transparent; }

  .cd-primary-nav::after {
    clear: both;
    content: "";
    display: table; }

  .cd-primary-nav.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

  .cd-primary-nav ul {
    position: static;
    height: auto;
    width: auto;
    background: transparent;
    overflow: visible;
    z-index: 3; }

  .cd-primary-nav ul.is-hidden {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }

  .cd-primary-nav ul.moves-out > li > a {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; }

  .cd-primary-nav > li {
    float: left;
    margin-left: 3em; }

  .cd-primary-nav > li > a {
    position: relative;
    display: inline-block;
    height: 80px;
    line-height: 80px;
    padding: 0 10px;
    color: #2e3233;
    overflow: visible;
    border-bottom: none;
    -webkit-transition: color 0.3s, box-shadow 0.3s;
    -moz-transition: color 0.3s, box-shadow 0.3s;
    transition: color 0.3s, box-shadow 0.3s; }

  .cd-primary-nav > li > a:hover {
    color: #69aa6f; }

  .cd-primary-nav > li > a.selected {
    color: #69aa6f;
    box-shadow: inset 0 -2px 0 #69aa6f; }

  .cd-primary-nav .go-back, .cd-primary-nav .see-all {
    display: none; }

  .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
    position: absolute;
    top: 80px;
    width: 100vw;
    background: #fff;
    padding: 48px 64px 130px;
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s; }

  .cd-primary-nav .cd-secondary-nav::after, .cd-primary-nav .cd-nav-gallery::after, .cd-primary-nav .cd-nav-icons::after {
    clear: both;
    content: "";
    display: table; }

  .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s; }

  .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    /* reset some inherited style */
    overflow: hidden;
    margin: 0;
    padding: 0; }

  .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 80px;
    /* reset some inherited style */
    border-top: 1px solid #e2e3df;
    border-bottom: none;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.2s, background 0.2s, border 0.2s;
    -moz-transition: color 0.2s, background 0.2s, border 0.2s;
    transition: color 0.2s, background 0.2s, border 0.2s; }

  .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
    background: #2e3233;
    border-color: #2e3233;
    color: #fff; }

  .cd-primary-nav .cd-secondary-nav > li {
    /* here you set the number of columns - use width percentage */
    height: 380px;
    width: 30%;
    float: left;
    margin-right: 2.66%;
    border-right: 1px solid #e2e3df;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }

  .cd-primary-nav .cd-secondary-nav > li:nth-child(3n+2) {
    margin-right: 0;
    border-right: none; }

  .cd-primary-nav .cd-secondary-nav > li > a {
    color: #69aa6f;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 0.6em; }

  .cd-primary-nav .cd-secondary-nav a {
    height: 30px;
    line-height: 30px;
    padding: 0 18% 0 0;
    color: #2e3233;
    border-bottom: none;
    font-size: 1.4rem; }

  .cd-primary-nav .cd-secondary-nav a:hover {
    color: #69aa6f; }

  .cd-primary-nav .cd-secondary-nav ul ul {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

  .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%); }

  .cd-primary-nav .cd-secondary-nav ul ul .go-back {
    display: block; }

  .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
    color: transparent; }

  .cd-primary-nav .cd-secondary-nav ul ul .see-all {
    display: block; }

  .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); }

  .cd-primary-nav .cd-nav-gallery li {
    width: 22%;
    float: left;
    margin: 0 4% 40px 0; }

  .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
    margin-right: 0; }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item {
    border-bottom: none;
    padding: 0;
    height: auto;
    line-height: 1.2; }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
    position: static;
    margin-top: 0;
    height: auto;
    width: 100%;
    margin-bottom: 0.6em; }

  .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold;
    padding: 0 0.4em; }

  .cd-primary-nav .cd-nav-icons li {
    width: 32%;
    float: left;
    margin: 0 2% 20px 0; }

  .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
    margin-right: 0; }

  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    border-bottom: none;
    height: 80px;
    line-height: 1.2;
    padding: 24px 0 0 85px;
    position: relative; }

  .cd-primary-nav .cd-nav-icons .cd-nav-item:hover {
    background: #f6f6f5; }

  .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
    color: #69aa6f;
    font-weight: bold; }

  .cd-primary-nav .cd-nav-icons .cd-nav-item p {
    display: block; }

  .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
    left: 25px; } }

.has-children > a, .go-back a {
  position: relative; }

.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1px;
  display: inline-block;
  height: 2px;
  width: 10px;
  background: #464c4e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.has-children > a::before, .go-back a::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

.has-children > a::after, .go-back a::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    background: #c9cbc4; }

  .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
    background: #69aa6f; } }

.has-children > a {
  padding-right: 40px; }

.has-children > a::before, .has-children > a::after {
  right: 20px;
  -webkit-transform-origin: 9px 50%;
  -moz-transform-origin: 9px 50%;
  -ms-transform-origin: 9px 50%;
  -o-transform-origin: 9px 50%;
  transform-origin: 9px 50%; }

.cd-primary-nav .go-back a {
  padding-left: 40px; }

.cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
  left: 20px;
  -webkit-transform-origin: 1px 50%;
  -moz-transform-origin: 1px 50%;
  -ms-transform-origin: 1px 50%;
  -o-transform-origin: 1px 50%;
  transform-origin: 1px 50%; }

@media only screen and (min-width: 1170px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%; }

  .cd-primary-nav > .has-children > a {
    padding-right: 30px !important; }

  .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
    width: 9px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    background: #c9cbc4;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width 0.3s, -webkit-transform 0.3s;
    -moz-transition: width 0.3s, -moz-transform 0.3s;
    transition: width 0.3s, transform 0.3s; }

  .cd-primary-nav > .has-children > a::before {
    right: 12px; }

  .cd-primary-nav > .has-children > a::after {
    right: 7px; }

  .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
    width: 14px; }

  .cd-primary-nav > .has-children > a.selected::before {
    -webkit-transform: translateX(5px) rotate(-45deg);
    -moz-transform: translateX(5px) rotate(-45deg);
    -ms-transform: translateX(5px) rotate(-45deg);
    -o-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg); }

  .cd-primary-nav > .has-children > a.selected::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }

  .cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
    display: none; }

  .cd-primary-nav .go-back a {
    padding-left: 20px; }

  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    left: 1px; } }

.cd-search {
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s; }

.cd-search form {
  height: 100%;
  width: 100%; }

.cd-search input {
  border-radius: 0;
  border: none;
  background: #fff;
  height: 100%;
  width: 100%;
  padding: 0 5%;
  box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

.cd-search input::-webkit-input-placeholder {
  color: #c9cbc4; }

.cd-search input::-moz-placeholder {
  color: #c9cbc4; }

.cd-search input:-moz-placeholder {
  color: #c9cbc4; }

.cd-search input:-ms-input-placeholder {
  color: #c9cbc4; }

.cd-search input:focus {
  outline: none; }

.cd-search.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s; }

.nav-is-fixed .cd-search {
  position: fixed; }

@media only screen and (min-width: 1170px) {
  .cd-search {
    height: 120px;
    top: 80px; }

  .cd-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300; } }

.cd-overlay {
  position: fixed;
  z-index: 2;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(105, 170, 111, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }

.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }

@media only screen and (max-width: 1169px) {
  /* -------------------------------- 

support for no js 

-------------------------------- */
    .cd-overlay.is-visible {
      -webkit-transform: translateX(-260px);
      -moz-transform: translateX(-260px);
      -ms-transform: translateX(-260px);
      -o-transform: translateX(-260px);
      transform: translateX(-260px); }
    .nav-on-left .cd-overlay.is-visible {
      -webkit-transform: translateX(260px);
      -moz-transform: translateX(260px);
      -ms-transform: translateX(260px);
      -o-transform: translateX(260px);
      transform: translateX(260px); } }

.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2; }

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible; }

@media only screen and (min-width: 1170px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0; }

  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed; } }

body {
  min-height: 100%;
  flex-direction: column;
  font-size: 1.5em;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  color: #222;
  }

@media (max-width: 769px) {
  /* paradeiser CSS */
    body {
      margin-top: 0px;
      } }

.paradeiser {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 50px;
  background: rgba(255, 255, 255, .95);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .02), 0 2px 10px 0 rgba(0, 0, 0, .1);
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
  -webkit-backdrop-filter: blur(10px) saturate(100%);
  backdrop-filter: blur(10px) saturate(100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.paradeiser.headroom--pinned {
  top: 0; }

.paradeiser.headroom--unpinned {
  top: -50px; }

.paradeiser .paradeiser_dropdown, .paradeiser a {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  padding: 0;
  color: #9b9b9b;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-size: 10px;
  font-family: -apple-system, -apple-system-body, Roboto, "Helvetica Neue", "Segoe UI", Arial, sans-serif;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
  -ms-flex-positive: 5;
  flex-grow: 5;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media (min-width: 769px) {
  .paradeiser.headroom--unpinned {
    top: -60px; }

  .paradeiser {
    height: 60px; }

  .paradeiser .paradeiser_dropdown, .paradeiser a {
    font-size: 13px; } }

.paradeiser .paradeiser_dropdown.active, .paradeiser .paradeiser_dropdown:hover, .paradeiser a.active, .paradeiser a:hover {
  background: #eaf6fa; }

.paradeiser .paradeiser_icon_canvas {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
  height: 20px;
  color: #000;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

.paradeiser .paradeiser_icon_canvas img {
  display: block;
  margin: 0;
  max-width: 20px;
  width: 100%;
  height: auto; }

.paradeiser span {
  margin-top: 5px;
  font-size: 10px; }

.paradeiser span.paradeiser_dropdown {
  margin-top: 0; }

.paradeiser span.paradeiser_dropdown > a {
  width: 100%; }

.paradeiser .paradeiser_logo {
  max-width: 40px;
  width: 100%; }

.paradeiser ul {
  position: fixed;
  top: 100px;
  bottom: 0;
  left: 0;
  z-index: 998;
  visibility: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  pointer-events: none; }

@media (min-width: 769px) {
  .paradeiser span {
    font-size: 13px; }

  .paradeiser ul {
    top: 140px; } }

.paradeiser ul.open, .paradeiser ul:target {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  pointer-events: auto; }

.paradeiser ul li {
  display: inline-block;
  width: 100%;
  background: #4a4a4a;
  text-align: center; }

.paradeiser ul li a {
  display: inline-block;
  padding: 15px 0;
  width: 100%;
  color: #fff;
  font-size: 15px; }

.paradeiser ul li a:hover, .paradeiser ul li span:hover {
  background: #575757; }

.paradeiser ul li:last-child {
  height: 100%;
  background: 0 0; }

.paradeiser ul li:last-child a {
  display: block;
  height: 100%;
  background: rgba(0, 0, 0, .8);
  backdrop-filter: blur(10px) saturate(100%); }

@media (max-width: 760px) {
  .paradeiser-hidden-phone {
    display: none !important; } }

@media (min-width: 761px) and (max-width: 1025px) {
  .paradeiser-hidden-tablet {
    display: none !important; } }

@media (min-width: 1026px) {
  .paradeiser-hidden-desktop {
    display: none !important; } }

@media (min-width: 761px) {
  .none_pc {
    display: none !important; } }

@media (max-width: 760px) {
  .none_sp {
    display: none !important; } }

.btn_enq {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px;
  display: inline-block;
  width: 90%;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.btn_enq:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s; }

.btn-3 {
  background: #fcad26;
  color: #fff; }

.btn-3:hover {
  background: #f29e0d;
  color: #fff; }

.btn-3:active {
  background: #f58500;
  top: 2px; }

.btn-3:before {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 3;
  font-size: 140%;
  width: 60px; }

.btn-3e {
  padding: 25px 60px 25px 60px;
  overflow: hidden; }

.btn-3e:before {
  left: auto;
  right: 10px;
  z-index: 2; }

.btn-3e:after {
  width: 30%;
  height: 200%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 1;
  right: 0;
  top: 0;
  margin: -5px 0 0 -5px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  transform: rotate(-20deg); }

.btn-3e:hover:after {
  width: 40%; }

  /*-----------------------------------------------------
company page
-------------------------------------------------------*/

#company #page_title {
	overflow: hidden;
	margin: 0 auto;
	padding: 60px 0px 40px 0px;
}

#company #page_title h1{
	color: #0099DB;
	font-size: 28px;
	line-height: 0px;
	letter-spacing: 0.05em;
	padding-right: 20px;
}

.sub_tbox {
	width: 980px;
	margin: 40px 0 0 0;
	text-align: left;
	padding-bottom: 30px;
}

@media screen and (max-width: 480px) {
.daihyou-name{
	margin: 0 0px 0 0;
	font-family: HG行書体;
	font-weight: bold;
	float: right;
}

.daihyou-name span{
	margin: 0 0 0 0;
	font-size: 25px;
}
}
@media screen and (min-width: 700px) {
.daihyou-name{
	margin: 30px 5px 0 0;
	font-family: HG行書体;
	font-weight: bold;
	float: right;
}

.daihyou-name span{
	margin: 0 0 0 0;
	font-size: 25px;
}
}

@media screen and (max-width: 480px) {

	#company #page_title {
		padding: 20px 0px 20px 0px;
	}

	#company #page_title h1{
		font-size: 20px;line-height: 1.5;
		letter-spacing: 0.05em;
		padding-right: 0px;
	}

	.sub_tbox {
		width: 100%;
		padding-bottom: 30px;
	}

}

@media screen and (max-width: 480px) {

	#contact #page_title {
		padding: 20px 0px 0px 0px;
	}

	#contact #page_title h1{
		font-size: 20px;line-height: 1.5;
		letter-spacing: 0.05em;
		padding-right: 0px;
	}

	.contact-form p {
		margin-top: 0px;
		width: 50%;
	}

}

@media screen and (max-width: 480px) {

	.resp_mb {
		padding: 0px 10px;
	}

	#system #page_title {
		padding: 20px 0px 20px 0px;
	}

	#system #page_title h1{
		font-size: 20px;
		line-height: 1.5;
		letter-spacing: 0.05em;
		padding-right: 0px;
	}

	#system #page_title span{
		font-size: 12px;
		letter-spacing: 0em;
	}
	#system #page_title span:before{
		content: "\A" ;
		white-space: pre ;
	}

	#system #page_top_catch {
		font-size: 16px;
		line-height: 1.5em;
		padding: 0px 0px 20px 0px;
	}

	#system #page_box_01 {
		width: 100%;
		padding: 0px 0px 20px 0px;
	}

	#system .page_box_01_s {
		width: 100%;
		margin: 0px 0px 20px 0px;
		background-color: #FFF;
	}

	#system .page_box_01_s h2{
		font-size: 14px;
		margin: 20px 20px 10px 20px;
	}

	#system .page_box_01_s p{
		margin: 10px 20px 10px 20px;
		line-height: 1.75em;
	}

	#system #page_box_02 {
		padding-bottom: 60px;
		overflow: hidden;
	}

	#system #page_box_02_img img{
		width: 200px;
	}

	#system #page_box_02_img {
		width: 100%;
		padding: 10px 0px 10px 0px;
		text-align: center;
	}

	#system #page_box_02_tx {
		width: 100%;
		font-size: 14px;
		line-height: 1.5em;
		padding: 0px 0px 0px 0px;
	}

}
.submit1{
    width: 90%;
    height: 33px;
    border: 1px solid #ddd;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 13px;
}

.special-h3{
	margin-top: 58px;
	padding: 1px;
	font-weight: normal;
	font-size: 100%;
	margin-right: auto;
	margin-left: auto;
	width: 60%;
	text-align: center;
	background: #fff;
	border: 1px solid #777;
}

.special-h3 span{
    display: block;
    padding: 0px 3px;
    background: #2a588b;
}

.container2{
	margin: 45px 0 0 0;
}

.toiawase-waku{
	margin: 45px 0 80px 0;
	width: 100%;
}
.top-back{
	margin: 30px 15px 0 0;
	color: #000;
	border: 1px solid #eee;
	width: 50%;
	text-shadow: 1px 1px #656565;
	font-weight: bold;
	color: #FFF;
	padding: 4px 0;
	border-radius: 13px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	font-size: 16px;
	background-color: #2a588b;
}