/*- Responsive CSS Menu --
@media (max-width: 990px)
= root

@media (max-width: 768px)
= Basic
= Layout
= Header
  == MainNavi
= Contents
= Footer
= Font Style
= Module
= .root(HOME)
= .member

@media (max-width: 580px)
= .root(HOME)

@media (max-width: 480px)
= Header
= Contents
= Module
= root
-------------------------*/
@media (max-width:960px){
.site-branding {width: 280px;}
.site-title {
	width:256px;
	height:30.66666px;}
.site-title a{height:30.66666px;}
.main-navigation{width:400px;}
ul#primary-menu li {
	font-size: 12px;
	font-size: 1.2rem;
	width:100px;
}
	
/*end @media (max-width: 960px)*/}


@media (max-width: 768px) {

#form {margin: 20px auto;}
dl.dlform dt {	width:100%; padding-bottom: 0;}
dl.dlform dd {
	line-height: 1.5;
	margin:0;
 border-top: none;
}
/* = Basic
---------------------------*/
html { font-size:56.25%;}
body {-webkit-text-size-adjust: none;min-width:initial;}
.pcbr{display: inline-block;}
.spbr{display:block;}
.pc_del{display:block;}
.sp_del{display:none !important;}
	
img.right,img.left {float: none;display:block;margin: 0 auto;}

/* = Layout
---------------------------*/
.Inner{max-width:1044px;width:100%;	margin:0 auto;padding: 0 10px; }
/*サイドメニューあり*/
#primary{ width:100%; float:none;}/*690px*/ 
#secondary{ width:100%; float:none; margin-left:0%;}/*314px*/
#main{margin-bottom:60px;}
	
section .box_blue{margin: 20px auto;}

/* = Header
---------------------------*/
.site-branding{
	width: 80%;
	padding-top: 5px;
}

/* == MainNavi */
.bt_gmenu,
.bt_gmenu span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.bt_gmenu {
    position: absolute;
	top:20px;
	right:10px;
	width: 44px;
	height: 44px;
	border: none;
	background: #3EC1A5;
	box-shadow: none;
}
.bt_gmenu:hover{
	border-color:none;
	box-shadow:none;
	background-color: #2296A8;
	cursor:pointer;
}
.bt_gmenu span {
	position: absolute;
	left: 8px;
	width: 28px;
	height: 5px;
	background-color: #FFF;
}
.bt_gmenu span:nth-of-type(1) {top:8px;}
.bt_gmenu span:nth-of-type(2) {top: 20px;}
.bt_gmenu span:nth-of-type(3) {bottom:8px;}
.bt_gmenu.active span:nth-of-type(1) {
	-webkit-transform: translateY(12px) rotate(-45deg);
	transform: translateY(12px) rotate(-45deg);}
.bt_gmenu.active span:nth-of-type(2) {opacity: 0;}
.bt_gmenu.active span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);
	transform: translateY(-12px) rotate(45deg);
}
.nav-container {
	display:none;
	position:absolute;
	top: 100px;
	right:0px;
	width:80%;
	height:99%;
	z-index:9999;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	border-left: 1px solid #38434D;
	background: #2F2F2F;
}
ul#primary-menu li {
	display: block;
	width:100%;
	border-bottom:1px solid #666;
}
ul#primary-menu li a {
	height:60px;
	line-height: 60px;
	padding-top:0;
	font-size: 18px;
	font-size: 1.8rem;
	background-position: 12% 50%;
}
ul#primary-menu li:hover,
ul#primary-menu li.current-menu-item {
	border-bottom: 1px solid #3EC1A5;
}
ul#primary-menu li.nav_service ul.sub-menu {
	position: relative;
	top: 0;
}
ul#primary-menu li.nav_service ul.sub-menu li {
	line-height:60px;
	width:100%;
	border-bottom: 1px solid #BFD6D0;
}
ul#primary-menu li.nav_service ul.sub-menu li:last-child {
	border-bottom: none;
	}
ul#primary-menu li.nav_service ul li a {
	padding:0px;
	padding-left:0px;
	display:block;
	height:60px;
	background-size: 30px 30px;
	background-position: 10% 50%;
	zoom : 1;
}
ul#primary-menu li.nav_service ul li a:hover {
	background-color:#76D3BF;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 10% 50%;
}
body.fixed #main{ opacity:.6;}

	
/* = Contents
---------------------------*/
/* == Local Menu */

	
/* == PageTop */
.pagetop {
	position: relative;
	z-index:9998;
	width: 40px;
	height: 40px;
	right: 0;
	bottom: 20px;
	margin:40px auto 0 auto !important;
}
.pagetop a {
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
}

/*
= Footer
---------------------------*/

/* == Footer Navi */

/* = Font Style
---------------------*/
p {
    margin-top: 10px;
    margin-bottom: 20px;
}
	
/*
= Module
---------------------*/
/* 角丸ボタン */
.button_radius a{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:10px 30px !important;
}

.motion {margin: 20px 0;}

	
/*
# FrontPage
-------------------------------*/
/*ニュースリリース*/
	#NewsBlock{display:block;}
	#NewsTit h3 span{display: inline-block; margin-left: 10px;}
	#NewsTit{display:block;width:94%; margin: 0 auto;}	
	#NewsBox{display:block;padding-left:0;width:94%; margin: 0 auto;border-left:none;}
	#NewsBox dl{margin-left: 0;}
	#NewsBox dt{width:100%; float: none;}
	#NewsBox dt span{line-height: 1.2;}
	#NewsBox dd{ padding-left: 0;}
	#NewsBox dd a{display: block; text-indent: 0; margin-left: 0;}
	
/*各業種に対応したクラウドサービス*/
	#box_sevise .unit3{
		float: none;
		width: 100%;
	}
	#box_sevise .unit3 a.LinkBtn{padding:5px 10px;}
	
	/*導入企業一覧*/
	.list_bnr li{
		width: 33%;
	}
	
/*
# Service
-------------------------------*/
table.table_service tr td{
	display: list-item;
	width: 100%;
	border-right:none;
}
table.table_service tr td a.Link_blank{
	width: 60%;
}	
	
/* 導入事例
----------------------------*/
.showbox .ico_box{
	width:100%;
	height: auto;
	margin-right:0;
	float:none;
}
.showbox .txt_box{
	width:100%;
	float:none;
}
/*見出し*/
.showpage {display: inline-block;}
.showpage h2.entry-title{
	color: #000;
	font-size: 25px;
	font-size: 2.5rem;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #B2B2B2;
}
.showpage h3{
	letter-spacing:0;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 13px;
	color: #2296A8;
	border-bottom: none;
}
.showpage .txt_box{
	width: 100%;
	float:none;
}
.showpage .ico_box{
	width:100%;
	text-align: center;
	margin-left:0;
	float:none;
}
/*本文*/
.tbl_show th,
.tbl_show td{
	display: block;
	padding: 0;
}
.tbl_show th{padding-bottom: 20px;}
/*企業データ*/
.tbl_data th{display: table-cell;padding-bottom:0px;}
.tbl_data td{display: table-cell;padding-left:20px;}
.tbl_show .alignright {
    display: block;
    float:none;
	margin: 0 auto;
}
/*end @media (max-width: 768px)*/}



@media (max-width: 480px) {
body{min-width:320px;}	
.spbr480{display: block;}
/*
= Header
-----------------*/
.site-branding{min-height: 85px;}
p.site-description{font-size:10px;}
.nav-container {top:90px;}
/*
= Footer
-----------------*/
.FLink{display:none;}
.home .FLink{display: block;}

.site-info{width: 94%;}
#underLink{width:100%;}
#underLink{
	display:inline-block;
	width:100%;
}
#underLink li {
	text-align: center;
	width:49%;
	margin-right:2%;
	margin-bottom: 5px;
	padding: 5px 0;
	border:1px solid #eee;
	display: block;
	float: left; }
#underLink li:nth-child(2n) { margin-right: 0;}
#underLink li a{color: #FFF;}
#underLink li a:before{ content:"";}
#underLink li:hover{background-color: #3EC1A5; transition: .5s;}
#underLink li a:hover{color: #FFF;}
	
/* = Contents 
---------------------*/
	
/*
= Module
-----------------*/
.unit2,
.unit3{
	float: none;
	width: 100%;
	margin-left:0;
	margin-bottom:10px;
}
/*table*/
table.layout_table tr td{
	display: list-item;
	width: 100% !important;
	border: none;
}
table.layout_table td{padding: 8px 0 !important;}

	
/*# FrontPage
-------------------------------*/
.list_bnr li{width:49%;}
	
/* Blog
----------------------------*/
/*サムネイル付記事一覧*/
.ico_box{
	width:232px;
	float: none;
	margin: 0 auto;
}
.txt_box{
	width:90%;
	float:none;
	margin: 0 auto;
}
.txt_box h3{margin-bottom: 10px !important;}
/*記事内*/
.post_date{	margin-top:10px;}
	
/* end  @media (max-width: 480px)*/}


@media (min-width: 769px) {
#menu-toggle {display: none;}
.nav-container {display: block !important;}
/* end  @media (min-width: 769px)*/}


/*
@media screen and (-webkit-min-device-pixel-ratio: 2) {}
*/