/*====================================
                 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 {
	width: 301px;
	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;
}

#top-keyvisual {

}

.keyvisual-201604 {
background: url(/movabletype/images/bg-top-key.png) no-repeat top center;
background-size: cover;
}

.keyvisual-201604 a {
display: block;
padding: 80px 0 80px 0;
color: #fff;
}

.keyvisual-201604 canvas {
	opacity: 0.4;
}

.keyvisual-201604 .inner {
    position: relative;
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
    z-index: 100;
}

.keyvisual-201604 .fss-output {
    z-index: 0 !important;
}

.keyvisual-201604 .inner h1 {
	margin-bottom: 40px;
}

.keyvisual-201604 .inner h2 {
	font-size: 50px;
	letter-spacing: 2px;
}

.keyvisual-201604 .inner ul.features {
	margin-bottom: 60px;
}

.keyvisual-201604 .inner ul.features li {
	width: 33.3%;
	float: left;
	box-sizing: border-box;
	padding: 0 1em;
}

.keyvisual-201604 .inner ul.features li p {
}

.keyvisual-201604 .inner p.btngroup {

}

.keyvisual-201604 .inner .btn {
	width: 30%;
	max-width: 300px;
	margin: 0 1em;
	padding: 0.7em 2em;
	font-size: 114%;
    border: none;
    transition: all 0.25s ease-in;
}

.keyvisual-201604 .inner .btn:hover {

}

.keyvisual-201604 .localnavi {
    position: relative;
	max-width: 1440px;
	margin: 0 auto;
	background: rgba(0,75,154,0.7);
    z-index: 100;
}

.keyvisual-201604 .localnavi ul li {
	width: 20%;
	float: left;
	border-right: solid 1px rgba(255,255,255,0.3);
	box-sizing: border-box;
}

.keyvisual-201604 .localnavi ul li:last-of-type {
	border-right: none;
}

.keyvisual-201604 .localnavi ul li a {
	display: block;
	padding: 1em;
	color: #fff;
	font-size: 86%;
	text-align: center;
	background: url(/movabletype/images/icon_arrow_wh.gif) no-repeat left;
    transition: all 0.25s ease-in;
}

.keyvisual-201604 .localnavi ul li a:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,0.1);
}







.keyvisual-201608 {
background: url(/campaign/images/bg-campaign-cloud-migration.jpg) no-repeat top center;
background-size: cover;
background-attachment: fixed;
}

.keyvisual-201608 a {
display: block;
padding: 60px 0 60px 0;
color: #fff;
text-decoration: none;
}

.keyvisual-201608 canvas {
	opacity: 0.4;
}

.keyvisual-201608 .inner {
    position: relative;
	max-width: 1180px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
    z-index: 100;
}

.keyvisual-201608 .fss-output {
    z-index: 0 !important;
}

.keyvisual-201608 p.lead {
    margin-bottom: 30px;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: normal;
}

.keyvisual-201608 h1 {
    margin-bottom: 30px;
}

.keyvisual-201608 .btn {
    width: 300px;
}

.keyvisual-201609 {
background: url(/images/top-mainvisual-201608.jpg) no-repeat bottom center;
}

.keyvisual-201609 a {
display: block;
padding: 55px 0;
}

.keyvisual-201609 a .inner {
max-width: 980px;
margin: 0 auto;
text-align: center;
}

.keyvisual-201609 a .inner .lead {
margin-bottom: 20px;
}

.keyvisual-201609 a .inner h1 {
margin-bottom: 30px;
}

.keyvisual-201609 a .inner h1 img {
position: relative;
left: -16px;
}

.keyvisual-201609 a .inner h2 {
margin-bottom: 40px;
}

.keyvisual-201609 a .inner .btn {
width: 500px;
border: solid 2px #fff;
}

.keyvisual-201611  {
background: url(/share/images/keyvisual-2016110-bg.png) no-repeat bottom center;
}

.keyvisual-201611 a {
display: block;
padding: 70px 15px 110px;
text-align: center;
}

.keyvisual-201611 a h1 {
margin-bottom: 40px;
}

.keyvisual-201611 a h1 img {
left: -44px;
position: relative;
width: 760px;
height: auto;
}

.keyvisual-201611 a .catchcopy {
margin-bottom: 40px;
}

.keyvisual-201611 a .catchcopy img {
width: 666px;
height: auto;
}

.keyvisual-201611 a.wrapper .btn {
width: 320px;
}

.keyvisual-201704 a h1 img {
left: -44px;
position: relative;
width: 600px;
height: auto;
}

.keyvisual-201704 a .catchcopy img {
width: 800px;
height: auto;
}


.keyvisual-slider {
	display: none;
}

.keyvisual-slider.slick-initialized {
	display: block;
}

.keyvisual-slider {
	position: relative;
	z-index: 1;
}

.keyvisual-slider .slick-prev {
	position: absolute;
	top: 50%;
	left: 20px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	border: none;
	border-top: solid 1px #fff;
	border-left: solid 1px #fff;
	-moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
	z-index: 100;
	background: none;
	text-indent: -999px;
}

.keyvisual-slider .slick-next {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	border: none;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
	z-index: 100;
	background: none;
	text-indent: -999px;
}

.keyvisual-slider .slick-dots {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	text-align: center;
}

.keyvisual-slider .slick-dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 50%;
	text-indent: -9999px;
	background: #fff;
	cursor: pointer;
}

.keyvisual-slider .slick-dots li button {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #fff;
}

.keyvisual-slider .slick-dots li.slick-active {
	background: #ccc;
}

.keyvisual-slider a {
	box-sizing: border-box;
	display: block;
	text-align: center;
	text-decoration: none;
}

.keyvisual-slider img {
	display: inline;
	max-width: 100%;
}

.keyvisual-slider-201708-1 a {
	width: 100%;
	height: 550px;
	padding: 70px 15px 0 15px;
	background: url(/images/keyvisual-201708-mt-bg.png) center top no-repeat;
	color: #fff;
	letter-spacing: 0.1em;
}

.keyvisual-slider-201708-1-catch span {
	display: inline-block;
	padding: 5px 20px;
	margin-bottom: 10px;
	border: solid 1px #fff;
}

.keyvisual-slider-201708-1-logo {
	margin-bottom: 20px;
}

.keyvisual-slider-201708-1-logo img {
	position: relative;
	left: -45px;
	max-width: 700px;
}

.keyvisual-slider-201708-1-title {
	margin-bottom: 30px;
}

.keyvisual-slider-201708-1-title img {
	max-width: 580px;
}

.keyvisual-slider-201708-1-detail {
	margin-bottom: 30px;
	font-size: 13px;
}

.keyvisual-slider-201708-1-btn .btn {
	width: 350px;
}

.keyvisual-slider-201708-2 a {
	width: 100%;
	height: 550px;
	padding: 30px 15px 0 15px;
	background: url(/images/keyvisual-201708-mtnet-bg.png) center top no-repeat;
	color: #fff;
	letter-spacing: 0.1em;
}

.keyvisual-slider-201708-2-logo {
	margin-bottom: 10px;
}

.keyvisual-slider-201708-2-logo img {
	position: relative;
	left: -45px;
	max-width: 650px;
}

.keyvisual-slider-201708-2-catch {
	margin-bottom: 15px;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.keyvisual-slider-201708-2-detail {
	display: inline-block;
	padding: 10px;
	background: #fff;
	color: #01856f;
}

.keyvisual-slider-201708-2-detail .text {
	display: inline-block;
	padding: 0 0 0 10px;
}

.keyvisual-slider-201708-2-detail .btn {
	width: 220px;
}

.keyvisual-slider-201708-2-image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
}

.keyvisual-slider-201708-2-image img {
height: 280px;
}

.top-banner {
max-width: 980px;
margin: 50px auto 0px auto;
}

.keyvisual-slider-201804 a {
	width: 100%;
	height: 550px;
	padding: 30px 15px 0 15px;
	background: url(/images/keyvisual-201804-mt-bg.png) center top no-repeat;
	background-size: cover;
	color: #fff;
	letter-spacing: 0.1em;
}

.keyvisual-slider-201804-catch {
	margin-top: 90px;
	margin-bottom: -10px;
	font-size: 20px;
	letter-spacing: 0.2em;
}

.keyvisual-slider-201804-logo {
	margin-bottom: 60px;
}

.keyvisual-slider-201804-logo img {
	position: relative;
	left: -60px;
	max-width: 800px;
	height: auto;
}

.keyvisual-slider-201804-lead {
	margin-bottom: 30px;
}

.keyvisual-slider-201804-button .btn {
	width: 300px;
}


.keyvisual-slider-201805 a {
	width: 100%;
	height: 550px;
	padding: 80px 50px 50px 50px;
	background: #212121 url(/assets/images/keyvisual-mt7.png) center top no-repeat;
	background-size: cover;
	color: #fff;
	letter-spacing: 0.1em;
}

.keyvisual-slider-201805-catch {
	margin-bottom: 30px;
	font-size: 20px;
}

.keyvisual-slider-201805-caption {
	margin-bottom: -15px;
	font-size: 15px;
	letter-spacing: 0.3em;
}

.keyvisual-slider-201805-logo {
	margin-bottom: 30px;
}

.keyvisual-slider-201805-logo img {
	max-width: 700px;
	height: auto;
}

.keyvisual-slider-201805-lead {
	margin-bottom: 50px;
}

.keyvisual-slider-201805-button .btn {
	width: 350px;
}

.top-keyvisual-single .slick-dots {
	display: none;
}



@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%;
}

.keyvisual-201609 a {
display: block;
padding: 40px 30px 60px 30px !important;
}

.keyvisual-201609 a .inner .lead {
margin-bottom: 20px;
}

.keyvisual-201609 a .inner h1 img {
left: 0;
}

.keyvisual-201609 a .inner h1 {
margin-bottom: 30px;
}

.keyvisual-201609 a .inner .btn {
width: 100%;
}

.keyvisual-201611  {
background: url(/share/images/keyvisual-2016110-bg.png) no-repeat bottom center;
}

.keyvisual-201611 a {
display: block;
padding: 30px 15px 100px !important;
text-align: center;
}

.keyvisual-201611 a h1 {
margin-bottom: 20px;
}

.keyvisual-201611 a h1 img {
left: 0;
position: relative;
width: 80%;
}

.keyvisual-201611 a .catchcopy {
margin-bottom: 20px;
}

.keyvisual-201611 a .catchcopy img {
width: 80%;
height: auto;
}

.keyvisual-201611 a.wrapper .btn {
width: 80% !important;
max-width: 80% !important;
}

.keyvisual-slider-201708-1-catch span {
	font-size: 13px;
}

.keyvisual-slider-201708-1-logo img {
    position: relative;
    left: 0;
    max-width: 100%;
}

.keyvisual-slider-201708-1-title {
	padding: 0 30px;
}

.keyvisual-slider-201708-1-title img {
    max-width: 100%;
}

.slick-arrow {
	display: none !important;
}

.keyvisual-slider-201708-2-logo img {
    position: relative;
    left: 0;
    max-width: 560px;
}

.keyvisual-slider-201804-catch {
    margin-top: 80px;
    margin-bottom: -10px;
    font-size: 15px;
    letter-spacing: 0.2em;
    text-align: right;
}

.keyvisual-slider-201804-logo {
    margin-bottom: 40px;
}

.keyvisual-slider-201804-logo img {
    position: relative;
    left: 0;
    max-width: 100%;
    height: auto;
}

.keyvisual-slider-201804-lead {
    margin-bottom: 40px;
    font-size: 12px;
}

.keyvisual-slider-201805 a {
	width: 100%;
	height: auto;
	padding: 30px;
	background: #212121 url(/assets/images/keyvisual-mt7-sp.png) center top no-repeat;
	background-size: cover;
}

.keyvisual-slider-201805-logo img {
    max-width: 100%;
}

.keyvisual-slider-201805-catch {
    margin-bottom: 20px;
    font-size: 15px;
}

.keyvisual-slider-201805-caption {
    margin-bottom: -15px;
    font-size: 13px;
    letter-spacing: 0.3em;
}

.keyvisual-slider-201805-lead {
    margin-bottom: 30px;
}

}

@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;
}

.keyvisual-201608 a.wrapper {
padding: 30px 15px !important;
}

.keyvisual-201608 p.lead {
    font-size: 20px;
}

.keyvisual-201609 a {
display: block;
padding: 40px 16px 40px 15px !important;
}

.keyvisual-201609 {
    background-size: 2000px 400px;
}

.keyvisual-201609 a .inner h1 {
    margin-bottom: 20px;
}

.keyvisual-201609 a .inner h2 {
    margin-bottom: 20px;
}

.keyvisual-201611 a {
display: block;
padding: 30px 15px 70px !important;
text-align: center;
}

.keyvisual-201611 a h1 {
margin-bottom: 20px;
}

.keyvisual-201611 a h1 img {
left: 0;
position: relative;
width: 100%;
}

.keyvisual-201611 a .catchcopy {
margin-bottom: 20px;
}

.keyvisual-201611 a .catchcopy img {
width: 100%;
height: auto;
}

.keyvisual-201611 a.wrapper .btn {
width: 80% !important;
max-width: 80% !important;
padding-left: 0;
padding-right: 0;
font-size: 86%;
}

.keyvisual-slider-201708-1 a {
    height: 480px;
    padding: 50px 15px 0 15px;
		background-size: cover;
}

.keyvisual-slider-201708-1-title {
    margin-bottom: 30px;
}

.keyvisual-slider-201708-1-btn .btn {
    width: 100%;
		padding: 1rem 0;
}

.keyvisual-slider-201708-1-detail {
	font-size: 10px;
}

.keyvisual-slider-201708-1-detail br {
	display: none;
}

.keyvisual-slider-201708-2-logo img {
    max-width: 100%;
}

.keyvisual-slider-201708-2-catch {
    font-size: 15px;
}

.keyvisual-slider-201708-2 a {
    height: 480px;
    padding: 30px 15px 0 15px;
		background-size: cover;
}

.keyvisual-slider-201708-2-detail .text {
    padding: 0 0 0 0;
}

.keyvisual-slider-201708-2-detail .btn {
	margin-top: 5px;
  width: 100%;
	padding: 1rem 0;
}

.keyvisual-slider-201708-2-image {
	overflow: hidden;
	height: auto;
}

.keyvisual-slider-201708-2-image img {
	height: auto;
	width: 95%;
	max-width: none;
}

.keyvisual-slider-201804 a {
    height: 480px;
}

.keyvisual-slider-201804-catch {
    margin-top: 50px;
    margin-bottom: 15px;
    font-size: 12px;
    text-align: center;
}

.keyvisual-slider-201805-caption {
    margin-bottom: -5px;
    font-size: 10px;
}

.keyvisual-slider-201805-lead {
    font-size: 13px;
    margin-bottom: 30px;
}

.keyvisual-slider-201805-button .btn {
	width: 100%;
}


}