@charset "UTF-8";
/* CSS Document is created by Taira Promote SG Pte. Ltd. */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500,100,300,900);
@import url("services.css");
@import url("layout.css");
@import url("renewal2025_nav.css");

.logo span { font-size:13px; padding-left:7px; }
.blue { color: #00acec; }
.black-bg { background-color: #222222; }
.bright-bg { background-color: #01AEF0; }
.gray-bg { background-color: #f4f4f4; }
.gray-bg2 { margin-top: -90px; }
.iau-gray-bg { background-color: #f4f4f4; }
.White-bg { background-color: #FFFFFF; }

.white-bg_info {
	background-color: #FFFFFF;
	width:100%;
	height:40px;
	margin-top:-13px;
}

.darkgray-bg { background-color: #eee; }
.darkblue-bg { background-color: #033657; }
.darkblue-bg a { color:#ddd;}
.gray-bg, .darkgray-bg, .bright-bg { padding: 20px 0px; }
.iau-gray-bg, .darkgray-bg, .bright-bg { padding: 0px 0px 20px 0px;}
.White-bg, .darkgray-bg, .bright-bg { padding: 15px 0px; }
/*.grid-bg { padding: 16px 0px; }*/
.grid-bg { padding: 0px 0px; }

.navbar-wrapper {
    background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    /*margin-bottom:20px;*/
	margin-bottom:13px;
	border-top: 1px solid #efefef;
    border-bottom: 1px solid #c1c1c1;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 0 rgba(255, 255, 255, 0.9);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 0 rgba(255, 255, 255, 0.9);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* パンくずリスト */
.tp-breadcrumb {
    padding: 0;
    margin: 0 0 25px 0;
    background: none;
}
.tp-breadcrumb-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tp-breadcrumb-item {
    position: relative;
    float: left;
    padding-right: 15px;
    margin-right: 15px;
}
.tp-breadcrumb-item,
.tp-breadcrumb-item a {
	font-size: 13.5px;
	color: #287CC4;
}
.tp-breadcrumb-item:last-child::after {
    border: none;
}
.tp-breadcrumb-item::after {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #287CC4;
    border-right: 2px solid #287CC4;
    transform: rotate(45deg);
}

.top h1 { 
	margin-top: 56px;
    font-weight: 600;
 }
.box { background-color:#0965A0; padding:20px; margin-bottom:20px; border-radius:3px; box-shadow:0px 1px 1px rgba(0,0,0,0.3); color:#FFF; }
.box2 { background-color:#f4f4f4; padding:15px; margin-top:20px;/* margin-bottom:50px;*/ border-radius:3px;/* box-shadow:0px 1px 1px rgba(0,0,0,0.3); color:#FFF;*/ }/* 160926_追加 */
.box h2 {line-height: 30px;}
.mechanic { background:url(../images/mechanic.png) no-repeat left top; display:block; height:174px; width:85px; margin-top:-50px; margin-right:20px; float:left;}
.info { background: url(../images/icons/info-icon.png) left top no-repeat; padding-left: 20px;}
h1 span { color: #fff; text-shadow:0px -1px 1px #ccc;  }
h2 span { color: #fff; text-shadow:0px -1px 1px #ccc;  }
h4 span { color: #fff; text-shadow:0px -1px 1px #ccc;  }
p span {font-size: 18px;
		line-height: 30px;
		margin-block-start: 0.67em;
    	margin-block-end: 0.67em;
   	 	margin-inline-start: 0px;
    	margin-inline-end: 0px;}
.intro { 
	padding:20px 0px;
	line-height: 24.5px;
}

.message { display:table; background:url(../images/quote.png) left top no-repeat;/* font-size: 14px;*/font-size: 14px; line-height: 24px; color: #111; padding: 40px 20px 20px 40px; margin-bottom:10px; }
.message-2 { display:table; background:url(../images/quote.png) left top no-repeat;/* font-size: 14px;*/font-size: 18px; line-height: 24px; color: #111; padding: 40px 20px 20px 40px; margin-bottom:10px; }
.message-3 { display:table; background:url(../images/quote.png) left top no-repeat;/* font-size: 14px;*/font-size: 14px; line-height: 24px; color: #111; padding: 40px 20px 20px 40px; margin-bottom:-10px; }/* 160922_追加 */
.strength { text-align:center; }
.strength h1 { text-align:left; }
.mtop { margin-top:35px; }
.subtitle {font-size: 18px ;}
/*
.back-top { position: fixed; right:10px; bottom:0; width:130px; height:30px; z-index:5000; }
.back-top a { color:#069; font-size:11px; outline:none; letter-spacing:0px; background: url(../images/pagetop.png) right bottom no-repeat; width:130px; height:30px;}
*/
.back-top { position: fixed; right:10px; bottom:10px; width:28px; height:28px; z-index:5000; }
.back-top a { background: url(../images/btn-top.png) center center no-repeat #1e1e1e; width:28px; height:28px;outline:none; border-radius:2px; }
.back-top a:hover { background: url(../images/btn-top.png) center center no-repeat #0965A0; }

.pop { background:url(../images/icons/popup.png) left top no-repeat; padding-left:20px; }
/*survice link*/
.link {
  background:url(../images/icons/link.png) left top no-repeat;
  padding-left:20px;
  font-size: 16px;
}

/* figures */
ul.figures { margin:20px 0; list-style:none; }
ul.figures li { float:left; width: 20%; border-right: 5px solid #ccc; margin: 0 10px 5px 0px; padding: 10px 15px; text-align:right; font-size:20px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}
ul.figures h1 { margin-bottom: 0px; font-size: 16px;}
ul.figures h2 { margin-bottom: 0px; font-size: 16px; line-height: 30px;}
ul.figures li img { float: left; margin:0px;}

/* president */
.president { display:block; line-height: 16px; text-align:right; margin-top:10px; margin-right:0; padding-right: 20px; }
.president h2 { font-size:14px;}
.president h3 { font-size:12px;}
.president h4 { font-size:12px;}
.president p { font-size:18px; line-height: 30px; letter-spacing: 0.075em;}

/* clients */
.clients { padding: 10px 0; }
.clients ul { margin:0; list-style:none; font-size:13px;  }
.clients li { float:left; padding:15px 0px 15px 0px; margin:0 15px 0 0;  width:31%; border-bottom:1px solid #ddd; box-shadow: 0 1px 0 #fff;  }
.keisyouryaku {font-size:12px;}/*TPHQ*/

#clients-list {font-size: 18px;line-height: 30px;font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;letter-spacing: 0.075em;}

address { line-height:18px; }
.address { padding:10px; }
.gray { clear:both; padding:10px 0px; margin-bottom:10px; border-bottom: 1px solid #E6EAEC; position: relative; }
.gray:before { background-color: #23A7CF; border-right: 3px solid #FFFFFF; content: ""; height: 1px; position: absolute; bottom: -1px; width: 20px; }
.address strong { margin-bottom:10px; font-size:16px; font-weight: 900; display:table; color: #333; text-shadow: -1px 1px 0px #fff; }
.address strong span { color:#111; background:#FE8379; border-radius: 15px; margin-right: 8px; padding:2px 10px; font-weight:lighter; text-shadow: none; }
.address strong a { color: #333; }
.address address { float:left; margin: 0px 20px 10px 0px; padding:10px 0; width: 17%; }
.address address.border-right { border-right: 1px solid #ccc; }
.address address.sg { width:90%; letter-spacing:0px; font-family: "Roboto", sans-serif; }

.singapore { background-image:url(../images/icons/Singapore-icon.png); background-position:right center; background-repeat:no-repeat; }
.vietnam{ background-image:url(../images/icons/Vietnam-icon.png); background-position:right center; background-repeat:no-repeat; }
.japan { background-image:url(../images/icons/Japan-icon.png); background-position:right center; background-repeat:no-repeat; }

.relation-campany{
	position: relative;
	width: 100%;
	height: 48px;
	padding:8px 0;
}
.relation-campany img{
	position: relative;
	float: right;
	margin-left:8px;
}
.relation-campany h2{
	position: relative;
	float: right;
	margin: 0;
	width: 50%;
	float: left;
}


/* Google map */
.block-map { height:350px; }
.block-map .map_container {
	position:relative;
	background:#070708;
	height: 100%;
	width:100%;
}
#block-map #map_container > div > div + div { /*display: none;*/ }

.panel { background-color: #F5F5F5; visibility: visible; }
.Jpn-map { height: 200px; width: 100%; }
.jpn-map-add { width:20%; }
.offices address { background:url(../images/icons/location.png) left top no-repeat; padding-left:32px; padding-top:8px;}

.small { font-size:9px; }
img.floatleft { margin-bottom:10px; /*margin-left:55px;*/ }
/*
.success-p {margin-right:45px;}
*/

.image-row { *zoom: 1; margin-bottom: 20px; }
.image-row:after { content: ""; display: table; clear: both; }

/* employment table */
.employment { margin-bottom:30px;}
.employment td { padding:12px 8px; background:#f9f9f9; }
.thead { background: #069 !important; color:#fff; }

#FAQ h2 span { background:#069; border-radius:15px; color:#fff; padding:6px; font-size:14px; margin-left:-45px; }
#FAQ h2, #FAQ p { padding-left:45px; }
#FAQ p { padding-bottom:20px; padding-right:30px; margin-bottom:20px; border-bottom: 1px solid #ddd; box-shadow:0px 1px 0px #fff; }
#FAQ p:last-child { border-bottom:none; box-shadow:none; }

/* Gallery */
ul.gallery { list-style:none; padding:0px; margin:0px; }
.gallery li { background-color:#fff; }
.gallery li img, .thumb-img { width:65px; }

/* 3D button(blue) */
.btn-3D a {
	line-height: 36px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	color:#fff;
	font-size: 14px;
	font-weight:400 !important;
	padding: 6px 0px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    letter-spacing:0px;
}

.btn-3D a span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background: #00acec;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border:1px solid #fff;
}

.btn-3D a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0965a0;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	text-align:center;
	border:1px solid #fff;
}

.btn-3D a:hover span,
.btn-3D a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}
.btn-3D a:hover span::before,
.btn-3D a:focus span::before {
	background: #069;
	color:#fff;
}

/*TPHQ*/
.grid-bg .btn-3D a span{
	margin-top: 6px;
}

/* 3D button accent color(pink) 200917 */
.btn-3Dac a {
	line-height: 36px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	color:#fff;
	font-size: 14px;
	font-weight:400 !important;
	padding: 6px 0px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    letter-spacing:0px;
}
.btn-3Dac a span {
	position: relative;
	display: inline-block;
	padding: 0 10px;
	background: #F14668;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	border:1px solid #fff;
}
.btn-3Dac a span::before {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #C23854;
	content: attr(data-hover);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	transform-origin: 50% 0;
	text-align:center;
	border:1px solid #fff;
}
.btn-3Dac a:hover span,
.btn-3Dac a:focus span {
	-webkit-transform: rotateX(90deg) translateY(-22px);
	-moz-transform: rotateX(90deg) translateY(-22px);
	transform: rotateX(90deg) translateY(-22px);
}
.btn-3Dac a:hover span::before,
.btn-3Dac a:focus span::before {
	background: #C23854;
	color:#fff;
}

.floating {
top: 170px;
right:20px;
position: fixed;
z-index: 1;
}



/*@media screen and (min-width:0\0) {
 IE9 , IE10 ,IE11 rule sets go here
    .btn-3D a span::before {
        visibility:hidden !important;
    }
} */

:root .btn-3D a span::before { display:none\9; }  /* IE9 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn-3D a:hover span, .btn-3D a:focus span {
      -webkit-transform: rotateX(0deg) translateY(0px);
	-moz-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px); }  /* IE10 */
}

.recommend a:link{
	color: #212121;
}
.recommend a:visited{
	color: #212121;
}

ul.recommend {
	list-style:none;
	margin:0px;
	letter-spacing:0px;
	font-family:"Roboto", arial, sans-serif;
}

/* 最初のリストにだけ適用 */
/* .recommend li:first-child{
	padding:8px 8px 8px 8px;
	margin:0 0 8px 0;
	height:72px;
	background:#eee;
} */

/* 上から〇番目のリストに適用 */
.recommend li:nth-child(2){
	padding:8px 8px 8px 8px;
	margin:0 0 8px 0;
	height:72px;
	background:#eee;
}
/* 上から〇番目のリストに適用 */
/* .recommend li:nth-child(〇){
	padding:8px 8px 8px 8px;
	margin:0 0 8px 0;
	height:72px;
	background:#eee;
} */

.recommend li{
	padding:8px 8px 12px 8px;
	margin:0 0 8px 0;
	height:48px;
	background:#eee;
}
.recommend li:hover{
	background:rgba(33,150,243,0.1);
	transition: background-color 0.3s;
	opacity:20%;
}
.recommend a{
	padding: 5px;
	display: block;
	text-decoration: none;
}
.recommend p{
	margin-bottom:4px;
}

/*-text / icon-*/
.recommend i{
color: #757575;
}
.recommend span{
	color: #757575;
	font-size: 12px;
}
.recommend h4{
	margin:0;
	font-size:16px;
}

/*-accolade--*/
.accolades ul li{
	list-style: none;
	text-align:center;
}
.accolades a{
	display: block;
}

/*--イメージ拡大cssアニメーション--*/






/* contact-form */
.contact-form { width: 100%; height: 690px; letter-spacing:0px;}

/* region */
.region { color:#f4f4f4; font-size:12px; letter-spacing:0px; }
.region > .row-fluid { min-height: 20px; }
.region > .row-fluid > .contact-info { text-align:right; }
.region a { color:#f4f4f4; font-size:12px; margin-right:10px;}
.region a.is-active { color:#fff;}
.region img { width:22px; }

/* footer */
footer { background-color:#000; padding: 10px; letter-spacing:0px; }
footer .container { padding:10px 0; }
footer { text-shadow: 0 1px 1px #999; color:#ccc; font-size:12px; font-weight:normal; }
footer ul { margin: 0px; display:block; }
footer ul li { list-style:none; float:left; padding: 0 3px 0 0px; margin-right:3px; border-right: 1px solid #666; line-height:12px;  }
footer ul li:last-child { border-right: none; }
footer a { color: #fff; font-family: 'Noto Sans JP', sans-serif; text-shadow: none; font-size:12px; }
footer a:hover { color: #fff; }
footer img { margin-left:10px; }
footer p { font-family:"Roboto", arial, sans-serif; }

.info-p {
	/*background: url(../images/icons/info-icon.png) no-repeat;*/
	padding-top:10px;
	padding-left:65px;
	font-size:14px;
}
.info-p p{
	color:#000000;
	width:auto;
	position:absolute;
}

.marquee {
	font-size:14px;
	width:auto;
	padding:0.5px 0;
	overflow:hidden;
	margin-bottom:0px;
	position:relative;
	padding-right:50px;
	margin-left:185px;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:0px;
}

.marquee p {
float:left;
color:#000000;
margin:0;
padding-left:700px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/*試用版ボタン*/
#container {
	position:relative;
	top:20px;
	margin-left:auto;
	right:30px;
	width: 180px;
	height: 45px;
	zoom: 1;
}

#container:after {
	width: 180px;
	height: 45px;
	display: block;
	clear: both;
	content: "";
}

#sidebar {
	position: relative;
	width: 180px;
	height: 45px;
}

#nav {
	width: 180px;
	height: 45px;
}

.fixed {
	position: fixed;
	right:30px;
	top: 20px;
}
/*ココまで*/

/*価格表ボタン*/
#container2 {
	position:relative;
	top:25px;
	margin-left:auto;
	right:30px;
	width: 180px;
	height: 45px;
	zoom: 1;
}

#container2:after {
	width: 180px;
	height: 45px;
	display: block;
	clear: both;
	content: "";
}

#sidebar2 {
	position: relative;
	width: 180px;
	height: 45px;
}

#nav2 {
	width: 180px;
	height: 45px;
}

.fixed2 {
	position: fixed;
	right:30px;
	top: 70px;
}
/*ココまで*/

/*DL PDF Container*/
.PDF-DL-Button{
	float:right;
	width:560px;
	}

/*WSD_PDFボタン*/
#container3 {
	float:left;
	position:relative;
	top:10px;
	margin-left:auto;
	right:0px;
	width: 180px;
	height: 45px;
	zoom: 1;
}
#container3:after {
	width: 180px;
	height: 45px;
	display: block;
	clear: both;
	content: "";
}
#sidebar3 {
	position: relative;
	width: 180px;
	height: 45px;
}
#nav3 {
	width: 180px;
	height: 45px;
}
.fixed3 {
	position: fixed;
	right:450px;
	top: 20px;
	z-index:120;
}


/*HRD_PDFボタン*/
#container4 {
	float:left;
	position:relative;
	top:10px;
	margin-left:10px;
	right:0px;
	width: 180px;
	height: 45px;
	zoom: 1;
}
#container4:after {
	width: 180px;
	height: 45px;
	display: block;
	clear: both;
	content: "";
}
#sidebar4 {
	position: relative;
	width: 180px;
	height: 45px;
}
#nav4 {
	width: 180px;
	height: 45px;
}
.fixed4 {
	position: fixed;
	right:260px;
	top: 20px;
	z-index:120;
}

/*SS_PDFボタン*/
#container5 {
	float:left;
	position:relative;
	top:10px;
	margin-left:10px;
	right:0px;
	width: 180px;
	height: 45px;
	zoom: 1;
}
#container5:after {
	margin-top:-45px;
	width: 180px;
	height: 45px;
	display: block;
	clear: both;
	content: "";
}
#sidebar5 {
	position: relative;
	width: 180px;
	height: 45px;
}
#nav5 {
	width: 180px;
	height: 45px;
}
.fixed5 {
	position: fixed;
	right:70px;
	top: 20px;
	z-index:120;
}
/*ココまで*/


/*MG iPhone対応 20161024 犬飼*/
@media screen and (max-device-width: 480px) {
.info-p {
	/*background: url(../images/icons/info-icon.png) no-repeat;*/
	padding-top:10px;
	padding-left:10px;
	font-size:14px;
}
.marquee {
	margin-left:130px;
}
.marquee p {
	padding-left:250px;
}
#nav {
	display:none;
}
#nav2 {
	display:none;
}
}
/*ここまで*/

/*news layout 20171220 s_mineta*/
.text-box{
	display:block;
	margin:0 auto;
	width:100%;
	height:100%;
	}
.text-box p{
	float:left;
	margin-bottom:20px;
	}
.text-box ul{
	position:relative;
	width:100%;
	float:left;
	text-align:left;
	 list-style:none;
	 text-height:15px;
	 margin-bottom:20px;
	 margin-left:0;
	 }
.text-box li{
	margin-bottom:5px;
	}

/*---- Recruit Layout Edit 180302 s_mineta ----*/
.recruit-block{
  display:block;
  background:#000000;
  width:228px;
  height:54px;
  padding:-50px;
}
.recruit-text{/*採用情報リクルートbtn */
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  margin:0;
  padding-left:10px;
   text-shadow:none;
}
.recruit-sub-text{
  font-size:28px;
  color:#FFFFFF;
  padding-left:10px;
  margin-bottom:0px;
  margin-top:-8px;
   text-shadow:none;
}
.recruit-text2{ /*採用情報 会社案内 リクルートbtn */
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  margin:0;
  padding-left:10px;
  padding-top:4px;
  text-shadow:none;
  letter-spacing:1.2px;

}
.recruit-sub-text2{
  font-size:28px;
  color:#FFFFFF;
  padding-left:10px;
  margin-bottom:0px;
  margin-top:0px;
  text-shadow:none;
  letter-spacing:1.2px;
}
a:hover{
  text-decoration:none;}

.p1{
	font-size: 18px;
    line-height: 30px;
	margin: 10px 0;
    font-weight: normal;
	letter-spacing: 0.075em;
}

.span5 p{
	font-size: 22px;
	line-height: 30px;
}

.span5 .president p{
	margin: 10px 0;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.075em;
}

.span5 .president h2{
	margin: 10px 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0px;
}

.mid p{
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.075em;
	margin: 10px 0;
    font-weight: normal;
}

.modal-header p{
	margin: 10px 0;
	font-size: 15px;
	line-height: 20px;
}

.modal-header-sk p{
	margin: 10px 0;
	font-size: 18px;
	line-height: 30px;
	color: inherit;
	letter-spacing: 0.075em;
}

.span6 p{
    font-weight: normal;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
    letter-spacing: 0px;
    font-size: 12.8px;
}

.row-fluid .span5 p{
	font-size: 22px;
	line-height: 20.48px;
}

.title-padding{
	padding-left:20px; 
}
.title-w{
	font-weight: 600;
}

.mt_-20{
	margin-top: -20px;
}

/* Kupuのバナーに使用しました */
/* パソコンで見たときは"pc"のclassがついた画像が表示されます */
.pc {
	display: block !important;
	text-align: center;
	margin: 0 auto;
}

.sp {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示されます */
@media only screen and (max-width: 767px) {
.pc {
	display: none !important;
}

.sp {
	display: block !important;
}
}