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

/***

カラー
青：#0068b7;
オレンジ：#FF8600;

***/

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

#sclogo{
	background:#063C85;
	text-align: center;
	color:white;
	padding:10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.smart_in{
	background:#EFEFEF;
	margin-bottom:10px;
	padding:10px;
}

.smart_footer{
	margin-top:17px;
	background:#DCDDDD;
	font-size:14px;
	padding:10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.mini{
	font-size:12px;
}

.intern,.contents_main a:link,.contents_main a:visited{
	color:#fff !important;
	text-decoration:none;
}

.intern h2,h3{
	padding-right:20px;
	padding-left:20px;
}

.contents_main{
	color:#000;
	font-size:16px;
	width:100%;
	margin: 0 auto;
}

#intern-top{
	width:100%;
	height:0;
	background-size:100% auto;
	padding-bottom:30%;
	background-repeat: no-repeat;
}

#intern-top p{
	visibility:hidden;
}

.intern{
	//position: relative;
	//display:block;
	height:auto;
	box-shadow:0 1px 5px #aaa;
	margin: 1em 0;
	z-index: 0;
	//padding:20px;
	padding-top:30px;
	padding-bottom:30px;
}
.intern:active{
	position: relative;
	display:block;
	width: 100%;
	height:auto;
}

.cover{
	position: relative;
	//left:-20px;
	width: 100%;
	padding:10px 0 10px 0;
	background-color: rgba(255,255,255,0.4);
	//margin-right:10px;
}
.cover p{
	text-align:right;
	//margin-right: 20px !important;
	font-weight:bolder;
	width:100%;
	margin:0 10px 0 -10px !important;
	padding: 10px 0;
	text-shadow: 0 0 10px rgba(0,0,0,0.45);
}

p.saku{
	height:3em;
	margin-top: 20px;
}

.click:before{
	content:">>";
}

.contents_main h2{
	font-size:2em;
	font-weight:bolder;
	line-height:1.1em;
}
.contents_main h3{
	font-size:1.15em;
	font-weight:bold;
	line-height:1.1em;
	margin: 1.1em 0;
}

.intern .comment{
	padding:10px !important;
}

.comment{
	font-size:90%;
	margin-right:-10px;
}

.end{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding-bottom:5px;
	position: absolute;
	z-index: 5;
	background-color: rgba(50,50,50,0.8);

}

.end-p{
	position: relative;
	top:50%;
	text-align:center;
	color:white;
	font-size:1.1em;
	font-weight:bold;
}


	
div#endmail p{
	font-size:14px;
}

div#endmail a{
	color:#0068b7;;
	text-decoration:underline;
}
	
#mailbutton input[type=submit],#mailbutton input[type=button]{
	width:100px;
	height:30px;
	background-color:#0068b7;
	color:white;
	border:1px solid rgba(195,195,195,1.00);
}

#mailbutton input[type=submit]{
	margin-right:10px;
}
	
table#mailtable{
	font-size:14px;
}
	
table#mailtable tbody tr:last-child{
	border-bottom:1px solid #babcbf;
}

/*
#page_main .twocolumnTable th{
	display:block;
}
*/

#page_main .twocolumnTable .hideBox{
	//display:none;
}
	

#page-top {
    position: fixed;
    bottom: 40px;
    right: 10px;
    font-size: 15px;
}
#page-top a {
    background:rgba(0,104,183,0.7);
    text-decoration: none;
    color: white !important;
    width: 50px;
	padding:20px 10px 20px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
	color:white;
    background: #0068b7;
}
	
.backimg{
	background-repeat:no-repeat;
	background-size:contain;
	//background-size:80px;
	//background-position:5px center;
}

.backimg2{
	background-repeat:no-repeat;
	//background-size:180px;
	//background-position:10px center;
	border-bottom:1px solid #0068b7;
}

	
#test{
	padding:10px 5px 5px 5px;
	background-color:black;
}
	
.on{
	background-color:#0068b7 !important;
	color:white !important;
	//box-shadow: 0 0 1px #FFFFFF ;
}

#recimgs{
	width:80%;
	margin:0 auto;
}

#recimgs img{
	width:50%;
	display:inline-block;
	border:none !important;
}

#recimgs img:first-child{
	float:left;
}

#mreplace{
		margin:20px 0 20px 0 !important;
}
	
#page_main img{
	max-width:100%;
	height:auto;
	border:1px solid #CCCCCC;
}

#page_main p a{
	color:#0068b7;
	text-decoration:underline;
}
	
body{
	-webkit-text-size-adjust: 100%;
	font-family:"メイリオ";
	overflow:hidden;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
}

#wrapper{
	width:100%;
	height:auto;
	//background-color:f3f4f4;
	overflow:hidden;
}

/*ヘッダー*/
header{
	height:40px;
	border-bottom:1px solid #989898;
}

header img{
	padding:5px;
	float:left;
	max-width:100%;
	height:auto;
}

/*
header #menuButton{
	position:absolute;
	top:11px;
	right:0;
	height:18px;
	width:25px;
	background-color:#0068b7;
	margin-right:10px;
}*/

header #menuButton{
	position:absolute;
	top:9px;
	right:0;
	background-color:#0068b7;
	margin-right:10px;
	cursor:pointer;
}

header #menuButton a{
	display:block;
	padding:12px 14px 11px 14px;
}

header #menuButton a:after{
	content:"";
	position:absolute;
	width:100%;
	left:0;
	bottom:5px;
	height:4px;
	background-color:white;
}

header #menuButton a:before{
	content:"";
	position:absolute;
	width:100%;
	left:0;
	height:4px;
	top:5px;
	background-color:white;
}

header ul .menuButtonBorder{
	position:absolute;
	width:100%;
	height:3px;
	background-color:white;
}

header ul .a{
	top:4px;
}

header ul .b{
	top:11px;
}

/******************************
	下層ページのヘッダー部分
*******************************/

#header1{
	width:100%;
	background:url(../img/title_bg_top_sp.png) no-repeat center;
	padding-bottom:1px;
}

#header2{
	width:100%;
	background:url(../img/title_bg_sp2.png) no-repeat center;
	padding-bottom:1px;
}

#header1 h2,#header1 p,#header1 .ghost a,#header1 .ghost2 a{
	text-shadow:1px 2px 1px #000000;	
}

#header2 h2,#header2 p,#header2 .ghost a,#header2 .ghost2 a{
	text-shadow:0 0px 1px #BDBDBD;
}

#header1 h2,#header2 h2{
	color:#FFFFFF;
	font-size:1.1em;
	padding:5px 0 0 10px;
}

#header1 p, #header2 p{
	color:#FFFFFF;
	font-size:12px;
	padding:0 10px 10px 10px;
}

#header2 h2, #header2 p,#header2 .ghost a,#header2 .ghost2 a{
	color:black;
}

#header1 #menulink .ghost,#header1 #menulink .ghost2,#header2 #menulink .ghost,#header2 #menulink .ghost2{
	font-size:11px;
}

#header1 .ghost,#header1 .ghost2,#header2 .ghost,#header2 .ghost2{
	/*
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:-moz-flex;
	display:flex;
	display:flexbox;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	*/
	display: table;
	border-collapse: separate;
  	border-spacing: 3px 0;
	width: 100%;
	text-align: center;
	margin-bottom:5px;
}

#header2 .ghost a,#header2 .ghost2 a{
	border:1px solid rgba(35,33,224,0.40);
}

#header1 .ghost a,#header1 .ghost2 a{
	border:1px solid rgba(255,255,255,0.70);
	background-color:rgba(0,0,0,0.40);
}

#header2 .ghost a,#header2 .ghost2 a{
	border:1px solid rgba(40,70,245,0.50);
	background-color:rgba(255,255,255,0.30);
}

#header1 .ghost a,#header2 .ghost a{
	display: table-cell;
 	vertical-align: middle;
 	width:25%;
  	padding:5px;
/*
-webkit-box-flex:1;
	-webkit-flex:1;
	text-align:center;
	margin-bottom:5px;
	padding:5px 0 5px 0;
	*/
}

#header1 .ghost a:hover,#header1 .ghost2 a:hover,#header2 .ghost a:hover,#header2 .ghost2 a:hover{
	border-color:#FF8600;
	//border-color:#0068b7;
}

/*
#header .ghost:nth-child(2) a:nth-child(1){
	
}
*/


#header1 .ghost2 a,#header2 .ghost2 a{
	/*
	width:calc( 100% / 2 );
	width:-webkit-calc( 100% / 2 );
	float:left;
	text-align:center;
	margin-bottom:7px;
	padding:5px 0 5px 0;
	*/
	display: table-cell;
 	vertical-align: middle;
 	width:25%;
  	padding:5px;
}


#header1 .menuColumn,#header2 .menuColumn{
	margin-left:5px;
}

#header1 .menuColumn_space,#header2 .menuColumn_space{
	margin-right:5px;
}

/******************************
	下層ページのメイン要素
*******************************/

#page_main{
	margin:10px 10px 20px 10px;
}

#title_border{
	/*
	background-color:rgba(255,255,255,1.00);
	width:10px;
	height:21px;
	position:absolute;
	left:5px;
	*/
	border-left:10px solid white;
	padding-left:5px;
	position:relative;
	left:-15px;
}

#page_title{
	background-color:#0068b7;
	color:white;
	font-size:14px;
	padding:5px 5px 5px 10px;
	height:auto;
}

#page_main p{
	padding:10px;
	font-size:12px;
}

#page_main a{
	color:black;
}

#page_main #productContents{
	margin-top:20px;
}

#page_main #productContents .menu_block{
	background:url(../img/subcontents_menu_back.png) no-repeat;
	background-size:300px;
	position:relative;
	width:300px;
	margin:0 auto;
	height:126px;
}
#page_main #productContents .menu_block .menu_text{
	padding-left:40px;
	padding-top:13px;
	font-size:14px;
}

#page_main #productContents .menu_block p{
	padding-right:5px;
	margin-right:10px;
	margin-top:15px;
	font-size:11px;
}

#page_main #productContents .menu_block img{
	float:left;
	width:50px;
	margin-top:20px;
	margin-left:15px;
	margin-right:10px;
}

#page_main .productM{
	margin-bottom:10px;
}

/********************************
	下層ページのコンテンツリスト
*********************************/

#page_main p{
	margin:20px 10px 0 10px;
	padding:0;
}

#page_main img{
	margin-top:20px;
}

#mclr{
	margin-top:0 !important;
}

#page_main #page_title{
	margin-top:20px;
}

#page_main .list li{
	list-style-type:square;
	color:#0068b7;
}

#page_main .list{
	margin-left:20px;
	font-size:12px;
	/*margin-top:10px;*/
}

#page_main li span{
	color:black;
}

#page_main .list p{
	font-size:11px;
	margin-left:-10px;
}

#page_main #textCenter{
	text-align:center;
}

#page_main .imgCenter{
	width:280px;
	margin:0 auto;
}

#page_main .smallText{
	font-size:8px;
}

#page_main .market_img{
	width:300px;
	margin:0 auto;
}

#page_main #market_arrow{
	width:30px;
	margin:0 auto;
	//transform:rotate(90deg);
	margin-top:-10px;
	margin-bottom:10px;
}

#page_main #market_arrow img{
	border:none;
}

#page_main .list li{
	margin-top:20px;
}

#page_main #productContents .menu_block img,#page_main .imgBorderNone{
	border:none;
}

#page_main .marketContents .menu_block{
	background:url(../img/subcontents_menu_back.png) no-repeat;
	background-size:300px;
	position:relative;
	width:300px;
	margin:0 auto;
	height:126px;
	margin-bottom:10px;
}

#page_main .siteDesignM{
	margin-bottom:10px;
}

#page_main .list p{
	margin:0;
	padding:0;
	padding-right:10px;
}

#page_main .list li{
	padding-right:10px;
}

#page_main{
	text-align:justify;
	text-justify:inter-ideograph;
}

#page_main .list{
	margin-top:20px;
}

#page_main b{
	color:red;
}

#page_main .marketingInfo{
	margin-top:20px;
	border:1px solid #BDBDBD;
	margin-bottom:10px;
	padding-bottom:20px;
	
}

#page_main .textlink{
	text-decoration:underline;
}

#page_main .columnImg{
	/*
	overflow:hidden;
	*/
	display: table;
	//border-collapse: separate;
  	//border-spacing: 3px 0;
	width: 100%;
	text-align: center;
	margin-bottom:5px;
}

#page_main .twocolumnImg{
	/*
	width:calc(100% / 2);
	width:-webkit-calc( 100% / 2 );
	float:left;
	*/
	//display: table-cell;
 	//vertical-align: middle;
 	width:50%;
  	//padding:5px;
}

#page_main #exampleshow{
	margin-bottom:10px;
	text-align:center;
}

#page_main .exampleList{
	/*
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	*/
		display: table;
	border-collapse: separate;
  	border-spacing: 3px 0;
	width: 100%;
	text-align: center;
	margin-bottom:5px;
}

#page_main .exampleList a{
	/*
	width:calc(100% / 2);
	width:-webkit-calc(100% / 2);
	border:1px solid rgba(0,0,0,1.00);
	-webkit-box-flex:1;
	-webkit-flex:1;
	padding:10px;
	font-size:12px;
	text-align:center;
	margin-bottom:10px;
	text-decoration:underline;
	*/
	font-size:12px;
	border:1px solid rgba(0,0,0,1.00);
	display: table-cell;
 	vertical-align: middle;
 	width:25%;
  	padding:5px;
	text-decoration:underline;
}

#page_main .exampleList a:nth-child(1){
	margin-right:10px;
}

#page_main #exampleListLast{
	margin-bottom:-10px;
}

#page_main .examTable td{
	font-size:12px;
}

/*
#page_main .examTable{
	width:100%;
	display:block;
	position:relative;
	border-collapse:collapse;
	border-right:1px solid #babcbf;
}

#page_main .examTable .headContent{
	display:block;
	float:left;
}

#page_main .examTable .bodyContent{
	display: block; 
    width:auto;
    position: relative; 
    overflow-x: auto; 
    white-space: nowrap; 
}

#page_main .examTable .headContent tr,#page_main .examTable th,#page_main .examTable td{
	display:block;
}

#page_main .headContent th{
	text-align:center;
	line-height:80px;
	background-color:#0068b7;
	color:white;
}

#page_main .examTable th,#page_main .examTable td{
	margin:0;
	height:80px;
	text-align:center;
}

#page_main .bodyContent td:nth-child(-n+3){
	line-height:80px;
}

#page_main .headContent th,#page_main .bodyContent td{
	font-size:10px;
}

#page_main .examTable .bodyContent tr{ 
	display:inline-block; 
    vertical-align: top;
	margin-right:-4px;
}

#page_main .bodyContent tr,#page_main .headContent th{ 
	border-top:1px solid #babcbf;
	border-left:1px solid #babcbf; 
}

#page_main .bodyContent td,#page_main .headContent th:nth-child(4){
	border-bottom:1px solid #babcbf;
}

#page_main .bodyContent td:nth-child(4){
	padding:10px;
	text-align:left;
}

#page_main .bodyContent td:nth-child(even){
	background-color:rgba(243,243,243,0.50);
}

#page_main .headContent th:nth-child(4){
	padding:10px;
}

#page_main .tableName{
	margin:0;
	margin-top:10px;
}
*/

/*****************************
	パスカルについて
******************************/

#page_main #aboutM{
	margin-bottom:20px;
}

#page_main .about_title{
	background-color:rgba(170,214,251,0.30);
	padding:10px;
	-webkit-box-shadow:3px 3px 3px rgba(183,183,183,1.00);
	color:#0068b7;
	display:block;
	position:relative;
}

#page_main .about_text{
	margin:0;
	padding:0;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:20px;
}

#page_main .about_title:after{
/*
display: block;
position: absolute;
top: 50%;
right: 15px;
width: 5px;
height: 5px;
margin-top: -3px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
*/
content: "";
display: block;
position: absolute;
right:10px;
top:50%;
width:10px;
margin-top: -6px;
height:10px;
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
background-image: url("../img/arrow1.png");
}

#page_main .about_Content_title{
	border-left:5px solid #0068b7;;
	border-bottom:1px dotted #0068b7;
	padding-left:5px;
	margin:20px 0 20px 0;
	font-size:14px;
}

#page_main #idea li{
	list-style-type:decimal;
	color:black;
}

#page_main #idea p{
	margin-top:10px;
}

#page_main .about_textright{
	text-align:right;
}

#page_main .aboutFontS{
	font-size:10px;
}

#page_main .about_Content_titleS{
	border-left:5px solid #0068b7;;
	padding-left:5px;
	margin-top:20px;
	font-size:12px;
}

#page_main figure,#page_main .envi_img{
	float:left;
	width:45%;
	margin-right:10px;
}

#page_main figcaption{
	margin:0;
	padding:0;
	font-size:10px;
	text-align:center;
}

#page_main .twocolumnTable{
	width:100%;
	border-left:1px solid #babcbf;
	border-right:1px solid #babcbf;
	border-top:1px solid #babcbf;
	margin-top:20px;
	font-size:12px;
}

#page_main .twocolumnBox{
	display:block;
	border-bottom:1px solid #babcbf;
	padding:5px 10px 5px 10px;
}

#page_main .twocolumnth{
	background-color:rgba(245,245,245,1.00);
	font-size:14px;
}

#page_main .topicsList{
	margin:10px;
}

#page_main .topicsList li:first-child{
	font-size:12px;
}

.topicsList .topics_open_title{
	//background-color:rgba(241,241,241,1.00);
}
.topicsList .topics_open_title li,.topicsList .topics_notopen_title li{
	padding-left:10px;
	padding-right:10px;
}

.topicsList .topics_open_title li:nth-child(1){
	padding-bottom:-10px;
}

#page_main .topicsList li:nth-child(n+2){
	font-size:13px;
}

#page_main .openbox p{
	margin:0;
	font-size:13px;
	margin-bottom:10px;
}

.openbox th{
	width:30%;
	text-align:right;
}

#topicsAll .topicsList:nth-child(n+2) .openbox{
	display:none;
}

#page_main .openbox{
	padding:10px;
	background-color:rgba(241,241,241,1.00);
}

#page_main .topics_open_title li{
	//padding-top:10px;
}

#page_main .topics_open_title,#page_main .topics_notopen_title{
	border-bottom:1px solid #babcbf;
	/*
	display:block;
	position:relative;
	*/
	padding:0 0 10px 0;
}

#page_main .topicsList a{
	text-decoration:underline;
	color:#0068b7;
}

#page_main .topicsList .topicsM{
	margin-bottom:-10px;
}

#page_main .topics_righttext{
	text-align:right;
}

#page_main .topics_lefttext{
	text-align:left;
}

#page_main .topics_centertext{
	text-align:center;
}

/*
#page_main .topics_open_title:after{
display: block;
position: absolute;
top: 50%;
right: 15px;
width: 5px;
height: 5px;
margin-top: -3px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
*/


/*****************************
	リクルート
******************************/

#page_main #recruit_bigtitle{
	font-size:25px;
	text-align:center;
	text-shadow:1px 1px 1px rgba(0,0,0,1.00);
	margin-top:20px;
}

#page_main .recruit_title{
	color:#0068b7;
	font-size:14px;
	padding-left:10px;
	border-bottom:1px dashed #0068b7;
	margin-top:20px;
}

#page_main .recruit_content{
	margin-top:20px;
}

#page_main .recruit_left,#page_main .recruit_right{
	width:100px;
	height:100px;
	background-color:#FF8600;
	border-radius:100px;
	text-align:center;
	margin-right:10px;
	margin-left:10px;
}

#page_main .recruit_left{
	float:left;
}

#page_main .recruit_left h2{
	position:relative;
	top:30px;
	color:white;
}

#page_main .recruit_right{
	float:right;	
}

#page_main .recruit_right h2{
	color:white;
	line-height:100px;

}

#page_main #recruitbgcolor{
	background-color:#0068b7;
	line-height:100px;
	width:100px;
	height:100px;
	border-radius:100px;
	text-align:center;
	margin-right:10px;
	margin-left:10px;
	float:left;
	color:white;
}

#page_main #syonin{
	border-top:1px solid #babcbf;
	margin:0 auto;
}

#page_main #syonin th{
  background-color: rgba(245,245,245,1.00);
}

#page_main #syonin th,#page_main #syonin td{
	padding:10px;
	border-left:1px solid #babcbf;
	border-bottom:1px solid #babcbf;
}

#page_main #syonin .syoninLast{
	border-right:1px solid #babcbf;
}

#page_main .komeColor{
	color:red;
}

#page_main .member_title_border{
	border-right:1px dotted #babcbf;
	border-top:1px dotted #babcbf;
	border-bottom:1px dotted #babcbf;
	border-left:3px solid #FF8600;
	padding:10px;
	margin-top:20px;
	font-size:14px;
}

#page_main .member_subtitle{
	color:

}

#page_main .member_pos{
	float:right;
	margin:0 10px 0 10px;
	width:40%;
	margin-top:20px;
}

#page_main .contNone{
	border:none;
}

#page_main input[type=checkbox]{
	width:30px;
	height:30px;
	line-height:30px;
	margin-right:10px;
	vertical-align: middle;
	border:1px solid rgba(195,195,195,1.00);
}

#page_main input[type=text]{
	width:90%;
	height:30px;
	border:1px solid rgba(195,195,195,1.00);
	padding-right:10px;
	padding-left:10px;
}

#page_main textarea{
	width:99%;
	height:100px;
	border:1px solid rgba(195,195,195,1.00);
}

#page_main .req:after{
	margin-left:10px;
	content:"必須";
	font-size:8px;
	background-color:#FF8600;
	padding:2px 5px 2px 5px;
	color:white;
	vertical-align:middle;
}

#page_main .contButton{
	padding-bottom:10px;
}

#page_main input[type=submit]{
	width:100px;
	height:30px;
	background-color:#0068b7;
	color:white;
	border:1px solid rgba(195,195,195,1.00);
}

#page_main .page{
	width:10px;
	height:10px;
	margin-top:5px;
	border-radius:5px;
	margin-left:10px;
	background-color:rgba(203,203,203,1.00);
	float:left;
}

#page_main .page.now{
	background-color:#FF8600;
}

#page_main .dropdown{
	height:30px;
}

#page_main input[type=button]{
	width:100px;
	height:30px;
	margin-right:10px;
	background-color:#0068b7;
	color:white;
	border:1px solid rgba(195,195,195,1.00);
}

#page_main #buttonresult{
	padding-bottom:10px;
}

/*****************************
	大見出しの部分
	・Webサービス
	・業界別事例
******************************/

.pointBg{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background:url(../img/pointbg.png);
	margin-top:20px;
}

.overbg{
	background-color:white;
	margin-left:10px;
	margin-right:10px;
}

.overbg .overBgTitle{
	padding:0 0 5px 0;
	margin:0 10px 0 10px;
	border-bottom:1px solid black;
}

.overbg .overBgTitle li:nth-child(1){
	font-size:25px;
	float:left;
	margin-top:3px;
	margin-right:5px;
	color:#0068b7;
}

.overbg .overBgTitle li:nth-child(2){
	font-size:16px;
	padding-top:10px;
}

.overbg .overBgContents li{
	padding:0 10px 0 10px;
}

.overbg .overBgContents li:nth-child(1){
	padding-top:10px;
	font-size:12px;
	clear:left;
}

.overbg .overBgContents li:nth-child(2){
	margin-top:-10px;
	margin-left:30px;
	float:left;
}

.overbg .overBgContents li:nth-child(3){
	position:relative;
	top:25px;
	text-align:center;
	text-decoration:underline;
}

.pointBg .exampleM{
	padding-bottom:20px;
}

.pointBg p{
	color:#0068b7;
}

#menuList{
	clear:left;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	display:none;
	z-index:99999;
}

#aboutpascal{
	font-size:17px !important;
}

#menuList li{
	color:white;
	font-size:13px;
	padding:8px 20px 8px 20px;
}

#menuList li:hover{
	color:#FF8600;
}

#menuList #firstMenu{
	padding-top:10px;
}

#menuList #lastMenu{
	padding-bottom:10px;
}

#menuList li:after{
/*
display: block;
position:absolute;
right: 20px;
width: 5px;
height: 5px;
margin-top: -15px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
*/
content: "";
display: block;
position: absolute;
right:20px;
width:10px;
margin-top: -15px;
height:10px;
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
background-image: url("../img/arrow2.png");
}

#main{
	background-color:#f3f4f4;
	padding:10px;
}

/*メインビジュアル*/

#mainVisual{
	width:100%;
}

#mainVisual li img{
	max-width:100%;
	height:auto;
}

/*メニュー*/
#menu{
	padding:1px;
	//border:1px solid #C1C1C1;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	margin-top:40px;
}

#tab,#tab2{
	/*
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	*/
	display: table;
	width: 200px;
	text-align: center;
}

#tab li{
/*	background-color:#0068b7;*/
/*	background-color:white;*/
	background-color:#ACC9E6;
	color:white;
	//border-top:1px solid #D1DBE6;
	//border-left:1px solid #D1DBE6;
	//border-right:1px solid #D1DBE6;
	padding-top:7px;
	padding-bottom:7px;
}

#tab2 li{
	//background-color:#FF8600;
	color:#FF8600;
	background-color:white;
	//border-top:1px solid #D1DBE6;
	//border-left:1px solid #D1DBE6;
	//border-right:1px solid #D1DBE6;
	padding-top:7px;
	padding-bottom:7px;	
}

#tab a,#tab2 a{
	/*
	width:calc(100% / 2);
	width:-webkit-calc( 100% / 2 );
	-webkit-box-flex:1;
	-webkit-flex:1;
	font-size:14px;
	text-align:center;
	*/
	display: table-cell;
 	vertical-align: middle;
 	width:44%;
	font-size:13px;
	font-weight: bold;
}


#tab li.select{
	background-color:white;
	//background-color:#0068b7;
/*	color:#FF8600;*/
	color:#0068b7;
	//color:white;
	//border-top-color: #D1DBE6;
	//border-left-color: #D1DBE6;
	//border-right-color: #D1DBE6;
}

.content{
	background-color:white;
	padding-top:5px;
	padding-bottom:1px;
	margin-bottom:10px;
	//border:1px solid #D1DBE6;
	box-shadow: 0 0 5px #ccc;
	/*
	border-bottom:1px solid #D1DBE6;
	border-left:1px solid #D1DBE6;
	border-right:1px solid #D1DBE6;
	*/
}

.content2{
	background-color:white;
	padding-top:5px;
	margin-bottom:10px;
	//border-bottom:1px solid #D1DBE6;
	//border-left:1px solid #D1DBE6;
	//border-right:1px solid #D1DBE6;
}


.content #service li{
	background-color:white;
	//padding:3px 0 3px 0;	
	//border:1px solid #0068b7;
}

.content #service a{
	padding:3px 5px;
	margin-bottom:5px;
 	display:block;
 	//width: 100%;
}

.content #service{
	padding:0 5px 0 5px;
}

.content .ghost{
	/*
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	*/
	display: table;
	border-collapse: separate;
  	border-spacing: 5px 0;
	width: 100%;
	margin-bottom:5px;
}

.content .ghost .rec{
	//border:1px solid #0068b7;
}

.content .ghost a{
	/*
	width:calc(100% / 2);
	width:-webkit-calc( 100% / 2 );
	padding:10px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	font-size:12px;
	margin-top:10px;
	*/
	display: table-cell;
 	vertical-align: middle;
 	width:25%;
  	padding:3px 5px 3px 5px;
	font-size:12px;

}

.content .ghost a{
	color:black;
}

.content .ghost .kankaku{
	margin-right:10px;
}

.content .ghost li{
display: block;
position: relative;
text-decoration: none;
}

/*
.content .ghost li:after{
content: "";
display: block;
position: absolute;
right:0;
top:50%;
width:10px;
margin-top: -5px;
height:10px;
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
background-image: url("../img/arrow1.png");
}
*/

.content #product a:hover,.content #service li:hover{
	border-color:#FF8600;
}

.content li{
	height:30px;
}

.content #service li {
    background-color: white;
    //padding: 3px;
}


.content #product li img{
	display: block;
	position: relative;
	margin-top:6px;
}

/*
.content #service li:after{
content: "";
display: block;
position: absolute;
right: 28px;
margin-top:15px;
width:10px;
height:10px;
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
background-image: url("../img/arrow1.png");
}
*/

.content .hide{
	display:none;
}

/*
.content ul li{
	border:1px solid #C1C1C1;
	//margin-bottom:5px;
}
*/


.content .contentM{
	margin-bottom:0;
}

.content ul li:hover{
	//border-color:#FF8600;
	border-color:#0068b7;
}

#service img{
	display:block;
	margin:5px 15px 5px 12px;
}

#service .productCom{
	width:180px;
}

#service .serviceCom{
	width:240px;
}

/*特設バナー*/
.special{
	width: 300px;
}

/*リクルート*/
#recruit{
	background-color:white;
	border:1px solid #C1C1C1;
	padding:5px 0 5px 0;
}

#recspaceleft{
	padding-left:10px;
}

#recruit_title{
	width:100%;
	padding-bottom:5px;
	border-bottom:1px solid #CDCDCD;
	color:#ff8a00;
}

#recruit .ghost,#link .ghost{
	/*
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;
	*/
	display: table;
	border-collapse: separate;
  	border-spacing: 10px 0;
	width: 100%;
	margin-bottom:5px;
	margin-top:10px;
}

#recruit .ghost .rec{
	border:1px solid #0068b7;
}

#recruit .ghost a,#recruit .ghost div, #link .ghost a{
	/*
	width:calc(100% / 2);
	width:-webkit-calc( 100% / 2 );
	padding:10px;
	-webkit-box-flex:1;
	-webkit-flex:1;
	font-size:12px;
	margin-top:10px;
	*/
	display: table-cell;
 	vertical-align: middle;
 	width:25%;
  	padding:10px;
	font-size:12px;

}

#recruit .ghost a{
	color:black;
}

#recruit .ghost .kankaku,#link .ghost .kankaku{
	margin-right:10px;
}

#recruit .ghost li{
display: block;
position: relative;
text-decoration: none;
}

#recruit .ghost li:after{
/*
display: block;
position: absolute;
top: 50%;
right: 5px;
width: 5px;
height: 5px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
*/
content: "";
display: block;
position: absolute;
right:0;
top:50%;
width:10px;
margin-top: -6px;
height:10px;
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
background-image: url("../img/arrow1.png");
}

#recruit .ghost a:hover,#link .ghost a:hover{
	/*color:#FF8600;*/
	border-color:#FF8600;
}

/*トピックス*/
#topics{
	//border:1px solid #D1DBE6;
	box-shadow: 0 0 10px #ccc;
}

#topics p{
	font-size:12px;
	margin-top:5px;
}

#topics .info{
	padding:0 10px 10px 10px;
}

#topics #oshirase,#topics #saiyou{
	background-color:#FFFFFF;
}

#topics #saiyou{
	padding-top:10px;
}

#topics #saiyouBG{
	background-color:#FF8600;
}

#topics #oshiraseBG{
	background-color:#0068b7;
	float:left;
}

#topics #more{
	/*
	float:left;
	background-color:#0068b7;
	font-size:12px;
	position:absolute;
	right:20px;
	color:white;
	padding:2px 5px 2px 5px;
	*/
	//background-color:#0068b7;
	font-size:12px;
	//color:white;
	color:#0068b7;
	display:inline-block;
	padding:2px 5px 2px 5px;
	float:right;
	text-align:center;
	font-weight: bold;
}

.topics_title{
	padding:2px 10px 2px 10px;
	font-size:12px;
	color:white;
	//width:48px;
	margin-bottom:5px;
	text-align:center;
	display:inline-block;
}

#topics a{
	color:black;
	text-decoration:underline;
}

#topics a:hover{
	color:#FF8600;
}

#mainVisual,#menu,#recruit,#link img{
	margin-bottom:10px;
}


/*フッター*/
/*
#footer{
	width:100%;
	color:white;
	background-color:#333333;
}

#pascalInfo #infoTitle{
	padding:10px;
}

#pascalInfo a li{
	padding:10px 10px 10px 20px;
}

#pascalInfo a li:hover{
	color:#FF8600;
}

#pascalInfo li,a{
	color:white;
	text-decoration:none;
}

#pascalInfo a li:before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5px 0 2.5px 4.3px;
	border-color: transparent transparent transparent #ffffff;	position:absolute;
	margin-left:-10px;
	margin-top:7px;
}

#pascalInfo a{
	font-size:12px;
}

#pascalInfo li,#link{
	border-bottom:1px solid #979696;
}

/*リンク集*/

/*
#link{
	padding-bottom:5px;
}

#link img{
	width:100%;
}

#link .ghost a{
	color:white;
	text-align:center;
	font-size:12px;
	border:1px solid #979696;
}

/*会社情報*/
/*
#company{
	width:100%;
	overflow:hidden;
}

.companyInfo{
	margin:10px;
}

.companyInfo p{
	padding-bottom:5px;
}

.companyInfo .info{
	font-size:12px;
	//text-indent:10px;
}

.telLeft,.telRight{
	padding:5px 0 5px 0;
	font-size:18px;
}

.telLeft{
	float:left;
	width:30%;
	margin-left:-1px;
	text-align:center;
	border-right:1px solid #5462FC;
}

.telRight{
	float:left;
	width:70%;
	text-align:center;
}

.tel,#inquiry{
	width:100%;
	float:left;
	margin-bottom:10px;
	-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.5);
}

#inquiry .telLeft{
	border-right:1px solid #3A3A3A;
}

#inquiry img{
	width:25px;
	position:relative;
	top:2px;
}

.tel{
	background-color:#0068b7;
}

#inquiry{
	background-color:#000000;
}

#copylight{
	width:100%;
	background-color:#494949;
	padding:10px;
	font-size:10px;
}

#copylight a{
	text-decoration:underline;
}

#copylight p{
	margin-bottom:20px;
}

#copylight p:last-child{
	margin-bottom:0;
}

#copylight a:hover{
	color:#FF8600;
}

#copylight a:before{
	content:"<<";
}
*/

/*フッター*/
#footer{
	width:100%;
	color:white;
	background-color:#333333;
}

#pascalInfo{
}

#pascalInfo li{
display: block;
position: relative;
text-decoration: none;
}

#pascalInfo .flex{
	float:left;
	width:50%;
	margin-right:-1px;
}

#pascalInfo p{
	margin:10px;
}

#pascalInfo .flex:nth-child(1){
	border-right:1px solid #979696;
}

#pascalInfo a li:hover{
	color:#FF8600;
}

#pascalInfo li,a{
	color:white;
	text-decoration:none;
}

#aboutpascal{
	font-size:17px !important;
}

#pascalInfo a{
	font-size:75%;
}
#pascalInfo a:before{
}

#pascalInfo li,#link{
	border-bottom:1px solid #979696;
}

#pascalInfo a li:after{
/*
display: block;
position:absolute;
top:50%;
right: 11px;
width: 5px;
height: 5px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
border-color:white;
*/
content: "";
display: block;
position: absolute;
right: 10px;
top:50%;
margin-top:-4px;
width:10px;
height:10px;
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
background-image: url("../img/arrow2.png");
}

/*リンク集*/

#link{
	padding:10px 10px 0 10px;
	overflow:hidden;
}

#link img{
	width:100%;
	margin-bottom:10px;
}

#link .linkM{
}

#link .flex{
	width:50%;
	float:left;
}


/*会社情報*/

#company{
	width:100%;
	overflow:hidden;
}

.companyInfo{
	margin:10px;
}

.companyInfo p{
	padding-bottom:5px;
}

.companyInfo .info{
	font-size:75%;
}

.telLeft,.telRight{
	padding:5px 0 5px 0;
	font-size:18px;
}

.telLeft{
	float:left;
	width:30%;
	margin-left:-1px;
	text-align:center;
	border-right:1px solid #5462FC;
}

.telRight{
	float:left;
	width:70%;
	text-align:center;
}

.tel,#inquiry{
	width:100%;
	float:left;
	margin-bottom:10px;
	-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.5);
}

#inquiry .telLeft{
	border-right:1px solid #3A3A3A;
}

#inquiry img{
	width:25px;
	position:relative;
	top:2px;
}

.tel{
	background-color:#0068b7;
}

#inquiry{
	background-color:#000000;
}

#copylight{
	width:100%;
	background-color:#494949;
	padding:10px;
	font-size:64%;
}

#copylight a{
	text-decoration:underline;
}

#copylight p{
	padding:10px 0 10px 0;
}

#copylight a:hover{
	color:#FF8600;
}

#copylight a:before{
	content:"<<";
}

/***********************************
	反社会的勢力
************************************/

#page_main #policycontent{
	list-style-type:decimal;
}

#page_main #policycontent li{
	font-size:12px;
	margin:20px 20px 20px 30px;
}

/***********************************
	個人情報保護方針
************************************/

#page_main #privacy_title{
	margin:20px 0 20px 0;
	padding-left:5px;
	border-left:5px solid #0068b7;
}

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

#page_main .sitemap_list{
	margin:10px;
}

#page_main .sitemap_list li a{
	text-decoration:underline;
	color:#0068b7;
}

#page_main .sitemap_list li:nth-child(n+2){
	font-size:12px;
	margin-left:15px;
	margin-top:15px;
}

#page_main .sitemap_list li:nth-child(n+2):before{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2.5px 0 2.5px 4.3px;
	border-color: transparent transparent transparent #007bff;
	position:absolute;
	margin-left:-10px;
	margin-top:8px;
}

#menu #tab li:not(.select){
/*background: -webkit-gradient(linear, left top, left bottom, from(#007bff), to(#007bff));*/
}

#menu #tab li,#menu #tab2 li{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	position:relative;
	top:1px;
	box-shadow: 0 -1px 5px -1px #ccc;
}

@media only screen and (max-width: 410px) {
#title_border{
	/*
	background-color:rgba(255,255,255,1.00);
	width:10px;
	height:17px;
	position:absolute;
	left:5px;
	*/
}

#page_title{
	font-size:11px;
}

#menulink li{
	font-size:9px !important;
}

}

/*熊本地震バナー*/
.kumamoto{
	width:100%;
}