/*====================================
                 TOP
=====================================*/

#content {
	background: #EEEEEE url(/share/images/bg-top.png) no-repeat top center;
}

#top-mainvisual {
	text-align: center;
}

#top-mainvisual .mainvisual-btn span {
	position: relative;
	display: inline-block;
	height: 46px;
	padding: 0 10em;
	margin-top: 1em;
	border: solid 1px #00A58B;
	color: #00A58B;
	font-size: 114%;
	line-height: 46px;
	transition: all 0.3s ease;
}

#top-mainvisual .mainvisual-btn span:hover {
	background: rgba(255,255,255,0.9);
	text-decoration: none;
	color: ;
}

#top-mainvisual h1 {
	margin-bottom: 10px;
}

#top-mainvisual .mainvisual-lead {
	margin-bottom: 1em;
}

.bx-wrapper {
	margin: 0 auto;
	text-align: center;
}

.bx-wrapper img {
	display: inline;
}

.top-mainvisual-box {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	padding: 30px 0;
	height: 300px;
	background: url(/share/images/bg-mainvisual-var4.png) no-repeat top center;
}

.top-mainvisual-box:hover {
	text-decoration: none;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom: 10px;
	z-index: 2000;
}

#top-mainvisual-box-mt {
	background: url(/share/images/bg-mainvisual-mt.png) no-repeat top center;	
}

#top-mainvisual-box-mtnet h1 img {
width: 691px;
height: 105px;
}

#top-mainvisual-box-mt .mainvisual-lead {
	margin-bottom: 15px;
	color: #fff;
	line-height: 1;
	font-size: 25px;
}

#top-mainvisual-box-mtnet .mainvisual-txt {
	color: #111;
}

#top-mainvisual-box-mt .mainvisual-txt {
	color: #fff;
}

#top-mainvisual-box-mt .mainvisual-btn span  {
	border: solid 1px #fff;
	color: #fff;
}

#top-mainvisual-box-mt .mainvisual-btn span:hover {
	background: rgba(255,255,255,0.2);
}

#top-mainvisual-box-workflowpack {
	background: url(/share/images/bg-mainvisual-workflowpack.png) no-repeat top center;	
}

#top-mainvisual-box-workflowpack .inner {
	max-width: 980px;
	margin: 0 auto;
	text-align: left;
}

#top-mainvisual-box-workflowpack h1 img {
	width: 525px;
}

#top-mainvisual-box-workflowpack .mainvisual-lead {
	font-size: 17px;
	margin-bottom: 15px;
	color: #333;
}

#top-mainvisual-box-workflowpack .mainvisual-txt {
	width: 525px;
	padding: 5px 0;
	margin-bottom: 0;
	background: #0076BF;
	color: #fff;
	text-align: center;
	font-size: 86%;
}

#top-mainvisual-box-workflowpack  .mainvisual-btn {
	width: 525px;
}

#top-mainvisual-box-workflowpack  .mainvisual-btn span {
	width: 523px;
	padding: 0;
	margin-top: 5px;
	text-align: center;
	border: solid 1px #f01952;
	color: #fff;
	background: #f01952;
}

#top-mainvisual-box-cloud {
	background: url(/share/images/bg-mainvisual-cloud.png) no-repeat top center;	
}

#top-mainvisual-box-workflowpack  .mainvisual-btn span:hover {
	background: #F45E86;
	color: #fff;
}

#top-mainvisual-box-cloud .inner {
	max-width: 980px;
	margin: 0 auto;
	padding-top: 2em;
	text-align: left;
}

#top-mainvisual-box-cloud h1 {
	width: 349px;
	float: left;
	padding-top: 20px;
}

#top-mainvisual-box-cloud  .mainvisual-lead {
	font-size: 20px;
	color: #004B99;
}

#top-mainvisual-box-cloud h2 {
	margin-bottom: 5px;
	font-size: 45px;
	color: #111;
}

#top-mainvisual-box-cloud .mainvisual-txt {
	width: 525px;
	padding: 5px 0;
	margin-bottom: 0;
	float: right;
	background: #0076BF;
	color: #fff;
	text-align: center;
	font-size: 86%;
}

#top-mainvisual-box-cloud  .mainvisual-btn {
	width: 525px;
	float: right;
}

#top-mainvisual-box-cloud  .mainvisual-btn span {
	width: 523px;
	padding: 0;
	margin-top: 5px;
	text-align: center;
	border: solid 1px #0076BF;
	color: #0076BF;
}

#top-mainvisual-box-cloud  .detail {
	width: 600px;
	float: right;
	text-align: right;
}

#top-mainvisual-box-mtnet-open {
	background: url(/share/images/bg-mainvisual-var4-open.png) no-repeat bottom center;	
}

#top-mainvisual-box-mtnet-open .mainvisual-lead {
	margin-top: 5px;
	margin-bottom: -5px;
	color: #00A58B;
	font-size: 170%;
	line-height: 130%;
}

#top-mainvisual-box-mtnet-open h1 {
	margin-bottom: 15px;
}

#top-mainvisual-box-mtnet-open .mainvisual-txt {
	color: #111;
	font-size: 114%;
}

#top-mainvisual-box-mtnet-open .mainvisual-btn span {
	width: 400px;
	padding-left: 0;
	padding-right: 0;
	background: #FF9900;
	background: -webkit-linear-gradient(top, #FFB31C, #FF9900);
    background-image: linear-gradient(#FFB31C 0px, #FF9900 100%);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

#top-mainvisual-box-mtnet-open .mainvisual-btn span:hover {
	background: #EB8700;
	background: -webkit-linear-gradient(top, #EB9D05, #EB8700);
    background-image: linear-gradient(#EB9D05 0px, #EB8700 100%);
}

#top-mainvisual-box-mtnet-open .mainvisual-btn span:active {
	background: #EB9D05;
	background: -webkit-linear-gradient(top, #EB8700, #EB9D05);
    background-image: linear-gradient(#EB8700 0px, #EB9D05 100%);
}
                                        
#top-mainvisual-box-mt61 {
    padding-top: 45px;
    padding-bottom: 15px;
	background: url(/share/images/bg-mainvisual-mt61.png) no-repeat top center;	
}

#top-mainvisual-box-mt61  .mainvisual-lead {
margin-bottom: -0.7em;
font-size: 200%;
color: #004B99;
font-family:'Akko W01 Light';
}

#top-mainvisual-box-mt61  .mainvisual-btn {
margin-bottom: 1.2em;
}

#top-mainvisual-box-mt61  .mainvisual-btn span {
border: none;
}

#top-mainvisual-box-mt61  .mainvisual-btn span:hover {
background: linear-gradient(#254a8b 0px, #2a55a2 100%) repeat scroll 0 0 #254a8b;
}

#top-mainvisual-box-mt61  .mainvisual-lead span {
font-size: 121%;
}
                            
#top-mainvisual-box-mt61  .mainvisual-txt {
font-size: 114%;
color: #111;
}

#top-mainvisual-box-mt-cloud-campaign {
    padding-top: 50px;
    padding-bottom: 10px;
	background: url(/images/bg-mainvisual-mt-cloud-campaign.png) no-repeat bottom center;	
}

#top-mainvisual-box-mt-cloud-campaign .inner {
max-width: 840px;
margin: 0 auto;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-logo {
width: 334px;
float: left;
padding-top: 30px;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-logo img {
width: 334px;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail {
width: 480px;
float: right;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .caution {
font-size: 135%;
color: #111;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .title {
font-size: 235%;
line-height: 140%;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .title strong {
font-weight: bold;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .date {
width: 90%;
margin: 0 auto 0.8em auto;
padding: 0.2em;
border: solid 1px #3670AD;
background: #fff;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .excerpt {
margin-bottom: 0.8em;
color: #111;
line-height: 150%;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .excerpt strong {
color: #EE7A00;
font-size: 170%;
font-family:'Akko W01 Light';
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .btn {
width: 90%;
margin: 0 auto;
padding: 0.5em 0;
}

#top-product-navi {
	width: 100%;
	border-top: solid 1px #e9e9e9;
	border-bottom: solid 1px #e9e9e9;
	background: rgba(255,255,255,0.75);
	text-align: center;
	line-height: 130%;
}

#top-product-navi nav {
	max-width: 1600px;
	margin: 0 auto;
}

#top-product-navi nav ul li {
	width: 33%;
	float: left;
	border-right: solid 1px #e9e9e9;
	box-sizing: border-box;
}

#top-product-navi nav ul li:last-of-type {
	width: 34%;
	border-right: none;
}

#top-product-navi nav ul li a {
	display: block;
	color: #111;
	text-decoration: none;
	transition: all 0.3s ease;
}

#top-product-navi nav ul li a:hover {
	background: #fff;
}

#top-product-navi nav ul li.lekumo a {
	border-top: solid 3px #A59ACA;
}

#top-product-navi nav ul li.lekumo a:hover {
	border-top-color: #B9AEDE;
	color: #A59ACA;
}

#top-product-navi nav ul li.movabletype a {
	border-top: solid 3px #0076bf;
}

#top-product-navi nav ul li.movabletype a:hover {
	border-top-color: #148AD3;
	color: #5FBCEB;
}

#top-product-navi nav ul li.powercms a {
	border-top: solid 3px #004B9A;
}

#top-product-navi nav ul li.powercms a:hover {
	border-top-color: #145FAE;
	color: #004B9A;
}

#top-product-navi nav ul li.zenback a {
	border-top: solid 3px #42932B;
}

#top-product-navi nav ul li.zenback a:hover {
	border-top-color: #56A73F;
	color: #42932B;
}

#top-product-navi nav ul li.mtnet a {
	border-top: solid 3px #00A78B;
}

#top-product-navi nav ul li.mtnet a:hover {
	border-top-color: #14BB9F;
	color: #00A78B;
}

#top-product-navi nav ul li a .logo {
	padding: 1.5em 1em 0 1em;
	margin-bottom: 0.5em;
}

#top-product-navi nav ul li a .logo img {
	max-width: 100%;
}

#top-product-navi nav ul li.lekumo .logo img {
	width: 212px;
	height: 60px;
}

#top-product-navi nav ul li.mtnet .logo img {
	width: 395px;
	height: 60px;
}

#top-product-navi nav ul li.movabletype .logo img {
	height: 60px;
}

#top-product-navi nav ul li a .txt {
	padding-top: 0.5em; 
	padding-bottom: 1.5em;
}

#top-product-navi nav ul li a .line3 {
	padding-top: 0;
}

#top-information {
	max-width: 980px;
	margin: 0 auto;
	padding: 3em 0 2em 0;
}

#top-information section {
	margin-bottom: 1.2em;
}

#top-information h1 {
	text-align: center;
	font-size: 55px;
}

#top-information h1 span {
	display: block;
	margin-top: -5px;
	font-size: 18px;
}

#top-information .box {
	box-shadow: 1px 1px 0px #e1e1e1;
}

#top-information .box ul li {
	border-bottom: solid 1px #e9e9e9;
}

#top-information .box ul li:last-of-type {
	border-bottom: none;
}

#top-information .box ul li article {
	position: relative;
}

#top-information .box ul li a {
	color: #111;
	background: rgba( 255,255,255,0.75);
}

#top-information .box ul li a:hover {
	text-decoration: none;
	color: #111;
	background: rgba( 255,255,255,1);
}

#top-information .box ul li a.category {
	position: absolute;
	top: 1.2em;
	left: 13em;
	display: inline-block;
	height: 20px;
	padding: 0 0.5em;
	line-height: 20px;
	font-size: 86%;
	background: #BEC217;
	color: #fff;
	font-family: "Akko W01 Light";
}

#top-information .box ul li a.category:after {
	content: '';
    position: absolute;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid #BEC217;
    border-bottom: 10px solid transparent;
    bottom: 0;
    right: -20px;
}

#top-information .box ul li .movabletype a.category {
	background: #0076BF;
}

#top-information .box ul li .movabletype a.category:after {
	border-left: 10px solid #0076BF;
}

#top-information .box ul li .lekumo a.category {
	background: #A59ACA;
}

#top-information .box ul li .lekumo a.category:after {
	border-left: 10px solid #A59ACA;
}

#top-information .box ul li .zenback a.category {
	background: #42932B;
}

#top-information .box ul li .zenback a.category:after {
	border-left: 10px solid #42932B;
}

#top-information .box ul li .movabletypenet a.category {
	background: #00a78b;
}

#top-information .box ul li .movabletypenet a.category:after {
	border-left: 10px solid #00a78b;
}

#top-information .box ul li a.entry {
	display: block;
	padding: 1em 0.8em;
	border-left: solid 3px #BEC217;
}

#top-information .box ul li a.entry time {
	font-size: 86%;
	color: #666;
}

#top-information .box ul li a.entry p {
	margin-bottom: 0;
}

#top-information #top-news-pickup .box ul li a.entry,
#top-information #top-news-campaign .box ul li a.entry {
	border-left-width: 5px;
	background: rgba(255,255,255,1);
}

#top-information #top-news-pickup .box ul li a.entry:hover,
#top-information #top-news-campaign .box ul li a.entry:hover {
	background: rgba(255,255,255,0.75);	
}

#top-information .box ul li .movabletype a.entry {
	border-left-color: #0076BF;
}

#top-information .box ul li .lekumo a.entry {
	border-left-color: #A59ACA;
}

#top-information .box ul li .zenback a.entry {
	border-left-color: #42932B;
}

#top-information .box ul li .movabletypenet a.entry {
	border-left-color: #00a78b;
}

#top-news-pickup,
#top-news-campaign {
	position: relative;
}

.top-information-lavel {
	position: absolute;
	top: -25px;
	left: 10px;
	display: block;
	width: 100px;
	height: 25px;
	text-align: center;
	background: #111;
	color: #fff;
	line-height: 25px;
	font-family: "Akko W01 Light";
}

#top-information #top-seminar {
	margin-bottom: 2em;
}

#top-seminar ul li {
	margin-bottom: 0.7em;
}

#top-seminar ul li a {
	display: block;
	padding: 0.8em 0.8em 0.5em 0.8em;
	box-shadow: 1px 1px 0px #e1e1e1;
	color: #111;
	background: rgba( 255,255,255,0.75);
	border-left: 3px solid #bec217;
}

#top-seminar ul li a:hover {
	text-decoration: none;
	background: rgba( 255,255,255,1);
}

#top-seminar ul li a .seminar-date {
	margin-bottom: 0.5em;
}

#top-seminar ul li a .seminar-catchcopy {
	margin-bottom: 0;
	font-size: 86%;
}

#top-seminar ul li a .seminar-name {
	margin-bottom: 0.5em;
	font-size: 114%;
}

#top-seminar ul li a ul.labels {
	margin-bottom: 0;
}

#top-seminar ul li a ul.labels li {
	display: inline-block;
	padding: 0.3em 0.8em;
	margin-bottom: 0.3em;
	text-align: center;
	font-size: 86%;
	background: #E9E8F6;
	box-shadow: 1px 1px 0px #e1e1e1;
}

#top-seminar ul li a ul.labels li.place {
	background: #605BBF;
	color: #fff;
}

#top-seminar ul li a ul.labels li.charge {
	background: #BF605B;
	color: #fff;
}

.btn-to-list {
	padding-top: 0.5em;
	text-align: center;
}

.btn-to-list a {
	display: block;
	width: 50%;
	margin: 0 auto;
}

#top-case {

}

#top-case a.top-case-excerpt {
	display: block;
	padding: 0.8em;
	margin-bottom: 1em;
	border-top: solid 3px #bec217;
	background: rgba( 255,255,255,0.75);
	text-decoration: none;
	color: #111;
	box-shadow: 1px 1px 0px #e1e1e1;
}

#top-case a.top-case-excerpt:hover {
	background: rgba( 255,255,255,1);
	color: #111;
}

#top-case .top-case-excerpt .top-case-image {
	margin-bottom: 0.5em;
}

.top-case-image img {
border: solid 1px #e9e9e9;
}

#top-case .top-case-excerpt .top-case-title {
	margin-bottom: 0.5em;
	line-height: 130%;
	font-size: 114%;
}

#top-footer-bnr {
	border-top: solid 1px #e9e9e9;
	padding: 2em 0;
}

#top-footer-bnr .inner {
	max-width: 980px;
	margin: 0 auto;
}

#top-footer-bnr .inner ul li {
	width: 230px;
	float: left;
	margin-right: 20px;
	box-shadow: 1px 1px 0px #e1e1e1;
}

#top-footer-bnr .inner ul li img {
	width: 230px;
	height: 80px;
}

#top-footer-bnr .inner ul li:last-of-type {
	margin-right: 0;
}

#top-mainvisual-box-mtnet-201504 {
	height: auto;
    padding-top: 40px;
    padding-bottom: 45px;
    background: none;
}

#top-mainvisual-box-mtnet-201504 .inner {
	max-width: 925px;
	margin: 0 auto;
}

#top-mainvisual-box-mtnet-201504 .inner .detail {
	width: 550px;
	float: left;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .logo {
	margin-bottom: 15px;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .catchcopy {
	margin-bottom: 12px;
	color: #00A58B;
	border: solid 1px #00A68B;
	padding: 0.2em 0;
	letter-spacing: 2px;
	font-weight: bold;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .lead {
	margin-bottom: 10px;
	font-size: 32px;
	color: #00A68B;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .text {
	margin-bottom: 20px;
	font-size: 17px;
	color: #111; 
}

#top-mainvisual-box-mtnet-201504 .inner .detail .btn {
	width: 80%;
	padding: 0.7em 0;
	margin: 0 auto;
}

#top-mainvisual-box-mtnet-201504 .inner .image {
	width: 299px;
	float: right;
	padding-top: 30px;
}

#top-mainvisual-box-mtnet-201505 {
    box-sizing: border-box;
    height: 480px;
    padding-top: 40px;
    background:  url(/share/images/bg-mainvisual-201505.png) no-repeat center bottom;
}

#top-mainvisual-box-mtnet-201505 .catchcopy {
    margin-bottom: -15px;
    color: #00A58B;
    font-size: 28px;
    letter-spacing: 3px;
}

#top-mainvisual-box-mtnet-201505 .logo {
margin-bottom: 30px;
}

#top-mainvisual-box-mtnet-201505 .logo img {
    position: relative;
    left: -38px;
}

#top-mainvisual-box-mtnet-201505 .btngroup {
    margin-bottom: 25px;
}

#top-mainvisual-box-mtnet-201505 .btngroup .btn {
    width: 370px;
}

#top-mainvisual-box-mtnet-201505 ul {
max-width: 400px;
margin: 0 auto 20px auto;
}

#top-mainvisual-box-mtnet-201505 ul li {
    display: inline-block;
    padding: 0.2em 0.5em;
    margin-bottom: 0.7em;
    border: solid 1px #111; 
    color: #111;
}

#top-mainvisual-box-mtnet-201505 .lead {
font-size: 20px;
color: #111;
letter-spacing: 3px;
}

#top-mainvisual-box-mtnet-201506 {
    box-sizing: border-box;
    height: 500px;
    padding-top: 40px;
    background:  url(/share/images/bg-mainvisual-201506.png) no-repeat center bottom;
}

#top-mainvisual-box-mtnet-201506 .sp {
display: none;
}

#top-mainvisual-box-mtnet-201506 .lead {
font-size: 121%;
color: #fff;
}

#top-mainvisual-box-mtnet-201506 .voice {
margin-bottom: 30px;
}

#top-mainvisual-box-mtnet-201506 .detail {
margin-bottom: 30px;
}

#top-mainvisual-box-mtnet-201506 h1 {
margin-bottom: 20px;
}

#top-mainvisual-box-mtnet-201506 .btn {
width: 534px;
padding-left: 0;
padding-right: 0;
}

#top-mainvisual-box-201510 {
    box-sizing: border-box;
    height: 460px;
    padding-top: 60px;
    color: #fff;
    background:  url(/images/bg-mainvisual-201510.png) no-repeat center bottom;
}

#top-mainvisual-box-201510 .inner {
max-width: 980px;
margin: 0 auto;
}

#top-mainvisual-box-201510 .catchcopy {
font-size: 121%;
}

#top-mainvisual-box-201510 .logo {
margin-bottom: 1em;
}

#top-mainvisual-box-201510 .logo img {
position: relative;
left: -40px;
top: -15px;
width: 690px;
}

#top-mainvisual-box-201510 ul {
margin-bottom: 2em;
}

#top-mainvisual-box-201510 ul li {
box-sizing: border-box;
width: 45%;
float: left;
padding: 0.3em 1em;
margin-bottom: 1em;
border: solid 1px #fff;
font-size: 93%;
}

#top-mainvisual-box-201510 ul li.feature01,
#top-mainvisual-box-201510 ul li.feature03 {
margin-right: 10%;
}

#top-mainvisual-box-201510 ul li.feature03 {
position: relative;
left: 30px;
}

#top-mainvisual-box-201510 ul li.feature04 {
position: relative;
right: 30px;
}

#top-mainvisual-box-201510 .btn {
border-radius: 0px;
}

#mtnet-blog-info {
	box-sizing: border-box;
	height: 175px;
	padding: 1em 0.8em;
	background: #00A78B url(/share/images/bg-mtnet-blog.png) no-repeat bottom;
}

#mtnet-blog-info h1 {
	margin-bottom: 10px;
	line-height: 1;
	font-size: 15px;
}

#mtnet-blog-info .detail {
}

#mtnet-blog-info .detail a.entry {
	display: table;
	width: 100%; 
	padding: 7px;
	background: rgba(255,255,255,0.90);
	box-sizing: border-box;
	vertical-align: middle;
	cursor: pointer;
	color: #111;
}

#mtnet-blog-info .detail .entry:hover {
	background: rgba(255,255,255,1);
	text-decoration: none;
}

#mtnet-blog-info .detail .entrydate {
	display: table-cell;
	width: 50px;
	padding: 7px 5px;
	background: #00A78B;
	text-align: center;
	vertical-align: middle;
}

#mtnet-blog-info .detail .entrydate span {
	display: block;
}

#mtnet-blog-info .detail .entrydate .year {
	padding: 0 0 0.3em 0;
	font-size: 86%;
	line-height: 1;
	color: #fff;
}

#mtnet-blog-info .detail .entrydate .monthday {
	background: #fff;
	letter-spacing: 0.5px;
}

#mtnet-blog-info .detail .entrytitle {
	display: table-cell;
	padding-left: 0.5em;
	line-height: 1.3;
	vertical-align: middle;
	font-size: 114%;
}

#top-mtnetblog {
    margin-top: 3em;
}

#top-mtnetblog h1 {
    margin-bottom: 0.5em;
    font-size: 30px;
}

#top-information #top-mtnetblog .box ul li a.entry {
    border-left-color: #00a78b;
}

#top-information #top-mtnetblog .box ul li a.category {
	background: #00a78b;
}

#top-information #top-mtnetblog .box ul li a.category:after {
    border-left: 10px solid #00a78b;
}



@media(max-width:768px){

#content {
	background-color: #f9f9f9;
}

#top-mainvisual .bx-wrapper {
	width: 100% !important;	
}

#top-product-navi {
	margin-bottom: 2em;
}

#top-product-navi nav ul li {
	width: 100%;
}

#top-product-navi nav ul li:last-of-type {
	width: 100%;
}

#top-information {
	padding: 0 1em 1em 1em;
}

.top-case-image,
.top-case-title {
	text-align: center;
}

#top-footer-bnr .inner ul li {
	width: 50%;
	text-align: center;
	margin: 0 0 10px 0;
	box-shadow: none;
}

#top-footer-bnr .inner ul li a img {
	border: solid 1px #e9e9e9;
}

.btn-to-list {
	margin-bottom: 3em;
}

#top-seminar ul li a ul.labels li {
	margin-bottom: 0.5em;
}

#top-seminar ul li a .seminar-name {
	font-size: 135%;
	line-height: 130%;
}

#top-case .top-case-excerpt .top-case-title {
	font-size: 135%;
}

#top-footer-bnr .inner ul li img {
	height: auto;
}

#top-mainvisual-box-mtnet h1 {
padding-left: 15px;
padding-right: 15px;
}

#top-mainvisual-box-mtnet h1 img {
max-width: 100%;
height: auto;
}

#top-mainvisual-box-workflowpack {
	background: none;	
}

#top-mainvisual-box-workflowpack .inner {
	max-width: 980px;
	margin: 0 auto;
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
}

#top-mainvisual-box-workflowpack h1 {
	text-align: center;
}

#top-mainvisual-box-workflowpack h1 img {
	max-width: 100%;

}

#top-mainvisual-box-workflowpack .mainvisual-lead {
	font-size: 17px;
	text-align: center;
}

#top-mainvisual-box-workflowpack .mainvisual-txt {
	width: 100%;
}

#top-mainvisual-box-workflowpack  .mainvisual-btn {
	width: 100%;
}

#top-mainvisual-box-workflowpack  .mainvisual-btn span {
	width: 100%;
}

#top-mainvisual-box-cloud .inner {
	padding-top: 0;
	padding-left: 1em;
	padding-right: 1em;
}

#top-mainvisual-box-cloud h1 {
	width: 100%;
	float: none;
	padding-top: 0;
	text-align: center;
}

#top-mainvisual-box-cloud h1 img {
	max-width: 200px;
}

#top-mainvisual-box-cloud  .mainvisual-lead {
	font-size: 15px;
	color: #004B99;
}

#top-mainvisual-box-cloud h2 {
	margin-bottom: 5px;
	font-size: 20px;
	color: #111;
}

#top-mainvisual-box-cloud .mainvisual-txt {
	width: 100%;
	padding: 5px 0;
	margin-bottom: 0;
	float: right;
	background: #0076BF;
	color: #fff;
	text-align: center;
	font-size: 86%;
}

#top-mainvisual-box-cloud  .mainvisual-btn {
	width: 100%;
	float: none;
}

#top-mainvisual-box-cloud  .mainvisual-btn span {
	width: 100%;
	padding: 0;
	margin-top: 5px;
	text-align: center;
	border: solid 1px #0076BF;
	color: #0076BF;
}

#top-mainvisual-box-cloud  .detail {
	width: 100%;
	float: none;
	text-align: center;
}

#top-mainvisual .mainvisual-btn span {
	padding-left: 0;
	padding-right: 0;
}

#top-mainvisual-box-mtnet .mainvisual-btn {
	padding-left: 1em;
	padding-right: 1em;
}

#top-mainvisual-box-mtnet .mainvisual-btn span {
	width: 100%;
}

#top-mainvisual-box-mtnet-open {
	background: none;	
}

#top-mainvisual-box-mt61 .mainvisual-btn {
	padding-left: 1em;
	padding-right: 1em;
}

#top-mainvisual-box-mt61 .mainvisual-btn span {
	width: 100%;
}

#top-mainvisual-box-mt-cloud-campaign {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
background-size: cover;
}

#top-mainvisual-box-mt-cloud-campaign .inner {
max-width: 840px;
margin: 0 auto;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-logo {
width: 100%;
float: none;
margin-bottom: 1em;
padding-top: 0;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-logo img {
position: relative;
left: -30px;
width: 334px;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail {
width: 480px;
float: none;
margin: 0 auto;
}

#top-mainvisual-box-mtnet-201504 .inner {
	padding-left: 1em;
	padding-right:1em;
	box-sizing: border-box;
}

#top-mainvisual-box-mtnet-201504 .inner .detail {
	width: 550px;
	float: none;
	margin: 0 auto;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .btn {
	width: 100%;
}

#top-mainvisual-box-mtnet-201504 .inner .image {
	display: none;
}

#top-mainvisual-box-mtnet-201505 {
    height: auto;
    padding: 50px 0;
    background: none; 
}

#top-information #top-mtnetblog {
    margin-bottom: 4em;
}

#top-mainvisual-box-mtnet-201506 {
padding-left: 1em;
padding-right: 1em;
    background-size: cover;
}

#top-mainvisual-box-201510 .inner {
padding:0 1em;
}

#top-mainvisual-box-201510 .logo img {
    position: relative;
    left: -35px;
    top: -15px;
    width: 600px;
}

#top-mainvisual-box-201510 ul li {
font-size: 72%;
}

}

@media(max-width:480px){

#top-product-navi nav ul li {
	width: 100%;
}

#top-mainvisual .mainvisual-txt {
	font-size: 86%;
}

#top-mainvisual .mainvisual-btn a {
	position: relative;
	display: inline-block;
	height: auto;
	padding: 0 1em;
	margin-top: 1em;
	font-size: 114%;
	line-height: auto;
}

.top-mainvisual-box {
	padding-left: 1em;
	padding-right: 1em;
	box-sizing: border-box;
}

.bx-viewport {
	height: 370px !important;
}

.top-mainvisual-box {
	height: 370px !important;	
}

#top-footer-bnr .inner ul li {
	padding: 0 0.5em;
	box-sizing: border-box;
}

#top-mainvisual-box-workflowpack .mainvisual-lead {
	font-size: 15px;
}

#top-mainvisual-box-cloud h1 img {
	max-width: 150px;
}

#top-mainvisual-box-cloud  .mainvisual-lead {
	font-size: 13px;
}

#top-mainvisual-box-cloud  .mainvisual-lead br {
	display: none;
}

#top-mainvisual-box-mtnet-open .mainvisual-lead {
	margin-bottom: 15px;
	font-size: 135%;
}

#top-mainvisual-box-mtnet-open .mainvisual-lead br {
	display: none;
}

#top-mainvisual-box-mtnet-open h1 {
	margin-bottom: 15px;
}

#top-mainvisual-box-mtnet-open .mainvisual-txt {
	color: #111;
	font-size: 93%;
}

#top-mainvisual-box-mtnet-open .mainvisual-btn span {
	width: 100%;
}

#top-mainvisual-box-mt61  .mainvisual-lead {
margin-bottom: 5px;
font-size: 150%;
}

#top-mainvisual-box-mt-cloud-campaign {
    height: auto !important;
    padding-top: 20px;
    padding-bottom: 20px;
background-size: cover;
}

#top-mainvisual-box-mt-cloud-campaign .inner {
max-width: 100%;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-logo {
width: 100%;
float: none;
margin-bottom: 1em;
padding-top: 0;
text-align: center;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-logo img {
position: relative;
left: -20px;
width: 100%;
max-width: 334px;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail {
width: 100%;
float: none;
margin: 0 auto;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .caution {
font-size: 135%;
color: #111;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .title {
font-size: 150%;
line-height: 140%;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .title strong {
font-weight: bold;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .date {
box-sizing: border-box;
width: 100%;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .excerpt {
margin-bottom: 0.8em;
color: #111;
line-height: 150%;
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .excerpt strong {
color: #EE7A00;
font-size: 170%;
font-family:'Akko W01 Light';
}

#top-mainvisual-box-mt-cloud-campaign .cloud-detail .btn {
width: 100%;
margin: 0 auto;
padding: 0.5em 0;
}

#top-information .btn {
width: 100%;
padding-left: 0;
padding-right: 0;
}

#top-mainvisual-box-mtnet-201504 {
	height: auto !important;
}

#top-mainvisual-box-mtnet-201504 .inner .detail {
	width: 100%;
	float: none;
	margin: 0 auto;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .catchcopy {
	font-size: 13px;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .lead {
	font-size: 20px;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .text {
	font-size: 12px;
}

#top-mainvisual-box-mtnet-201504 .inner .detail .btn {
	width: 100%;
}

#top-mainvisual-box-mtnet-201504 .inner .image {
	display: none;
}

#mtnet-blog-info {
	height: auto;
}

#top-mainvisual-box-mtnet-201505 {
    height: auto !important;
    padding: 30px 1em;
}

#top-mainvisual-box-mtnet-201505 .catchcopy {
    margin-bottom: 10px;
    font-size: 20px;
}

#top-mainvisual-box-mtnet-201505 .logo {
margin-bottom: 30px;
}

#top-mainvisual-box-mtnet-201505 .logo img {
    left: 0;
    max-width: 100%;
}

#top-mainvisual-box-mtnet-201505 .btngroup {
    margin-bottom: 30px;
}

#top-mainvisual-box-mtnet-201505 .btngroup .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#top-mainvisual-box-mtnet-201505 ul {
max-width: 320px;
}

#top-mainvisual-box-mtnet-201505 ul li {
font-size: 11px;
}

#top-mainvisual-box-mtnet-201505 .lead {
font-size: 15px;
letter-spacing: 1px;
}

#top-information .box ul li a.category {
top: 1.75em;
left: 19em;
font-size: 58%;
}

#top-mainvisual-box-mtnet-201506 .pc {
display: none;
}

#top-mainvisual-box-mtnet-201506 .sp {
display: block;
}

#top-mainvisual-box-mtnet-201506 {
    height: auto !important;
    padding: 30px 1em;
    background-size: cover;
}

#top-mainvisual-box-mtnet-201506 .lead {
margin-bottom: 1em;
font-size: 100%;
color: #fff;
}

#top-mainvisual-box-mtnet-201506 .voice {
margin-bottom: 20px;
}

#top-mainvisual-box-mtnet-201506 .detail {
margin-bottom: 30px;
}

#top-mainvisual-box-mtnet-201506 .btn {
width: 100%;
padding-left: 0;
padding-right: 0;
}

#top-mainvisual-box-201510 {
    box-sizing: border-box;
    height: auto !important;
    padding-top: 30px;
    padding-bottom: 30px;
    background-size: cover;
}

#top-mainvisual-box-201510 .inner {
padding: 0;
}

#top-mainvisual-box-201510 .catchcopy {
    font-size: 100%;
}

#top-mainvisual-box-201510 .logo {
margin-top: 10px;
margin-bottom: 20px;
}

#top-mainvisual-box-201510 .logo img {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
}

#top-mainvisual-box-201510 ul li {
    width: 100%;
    float: none;
    font-size: 65%;
}

#top-mainvisual-box-201510 ul li.feature01, #top-mainvisual-box-201510 ul li.feature03 {
    margin-right: 0px;
}

#top-mainvisual-box-201510 ul li.feature03 {
    left: 0;
}

#top-mainvisual-box-201510 ul li.feature04 {
    right: 0;
}

#top-mainvisual-box-201510 .btn {
width: 100%;
margin-right: 0;
padding-left: 1em;
padding-right: 1em;
}

}