﻿/* CSS Document */
body {
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana ,'Noto Sans Japanese', "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
}
a {
	color: #ea0810;
}
a:hover {
	color: #ea0810;
	text-decoration: underline;
}
.center {
	text-align: center;
}

.red{
	color: #ea0810;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

@media (min-width: 992px) {
.container {
	width: 960px;
	padding: 0;
}
}
.copyright {
	display: none;
}
#header {
	position: fixed;
	width: 100%;
	z-index: 9999;
}
.responsive-nav .menu>.menu-item>a, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.menu-item>a {
	padding: 0 2em;
}
.responsive-nav li {
	border-left: 1px solid #dcdcdc;
	padding: 0 15px;
	margin: 23px 0;
}
.responsive-nav a {
	font-size: 14px;
	font-weight: 500;
}

.responsive-nav a:hover {
	color:#666 !important;
}

.responsive-nav li:last-child {
	border-right: 1px solid #dcdcdc;
}
.responsive-nav .menu>.current-menu-item>a {
	color: #666;
}

.responsive-nav .menu>.current_page_parent>a{
	color: #999;
}

#contents {
	margin-top: 126px;
}
.btn-detail{
	margin: 2rem auto;
}
.btn-detail a {
	  display:inline-block;
	  border-width: 1px;
    border-color:#ea0810;
    border-style: solid;
    border-radius: 19px;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 1.2rem 2.4rem;
    line-height: 1;
    position: static;
    color: #ea0810;
    font-size: 1.6rem;
    box-shadow: none;
		text-decoration:none;
}

.btn-detail a:hover {
	color: #fff;
  background-color: #ea0810;
  border-color: #ea0810;
	text-decoration:none;
	opacity:1;
}

@media only screen and (min-device-width: 768px)
 and (max-device-width: 991px){
	 #contents {
	margin-top: 8rem;
	}
}

@media only screen and (max-width:767px) {
#contents {
	margin-top: 4rem;
}
#main {
	margin-bottom: 2.5rem !important;
}
}
.head-black:before {
	background: rgba(34,34,41,.75);
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 3;
	top: 0;
	left: 0;
}
.page-header {
	padding: 18.2rem 0;
	position: relative;
}

.important_notes{
    color: #ea0810;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    border: 1px solid;
    padding: 2rem;
}

@media only screen and (min-device-width: 768px)
 and (max-device-width: 991px){
	 .page-header {
	padding: 16rem 0 16rem;
	position: relative;
}
 }

@media only screen and (max-width:767px) {

.important_notes{
	margin:0 2rem;
}

.page-header {
	padding: 10rem 0 4rem;
	position: relative;
}
}
.head-black.about {
	background: url(/images/pagehead-about-bg.jpg) center center no-repeat;
	background-size: cover;
	margin: 0;
}
.head-black.business {
	background: url(/images/pagehead-business-bg.jpg) center center no-repeat;
	background-size: cover;
	margin: 0;
}
.head-black.carrer {
	background: url(/images/pagehead-carrer-bg.jpg) center center no-repeat;;
	background-size: cover;
	margin: 0;
}
.head-black.news {
	background: url(/images/pagehead-news-bg.jpg) center center no-repeat;;
	background-size: cover;
	margin: 0;
}
.head-black.contact {
	background: url(/images/pagehead-contact-bg.jpg) center center no-repeat;;
	background-size: cover;
	margin: 0;
}
.container {
	position: relative;
	z-index: 5;
}
.page-header__title {
	font-size: 46px;
	margin-bottom: 48px;
}

.page-header-cap {
	font-size: 16px;
}
.footer-widget-area {
	font-size: 14px;
	padding: 42px 0 20px;
}
.footer-widget__title {
	font-size: 14px;
	text-align: right;
}
.widget_nav_menu ul {
	margin-bottom: 0;
}
.widget_nav_menu ul li {
	padding: 4px 8px;
	display: inline-block;
}
h2 {
	font-size: 28px;
	margin-bottom: 42px;
	text-align: center;
}

.right {
	text-align: right;
}
.center {
	text-align: center;
}
h3 {
	font-size: 24px;
	margin: 40px 0 24px 0;
}

@media only screen and (max-width:767px) {
	
.page-header__title {
	margin-bottom: 2rem;
}
.site-branding {
	padding: 1.5rem 0;
}
.site-branding__logo {
	height: 24px;
}
.sub-page-contents {
	padding-top: 4rem;
}

.page-header-cap br {
	display:none;
}

.footer-widget-area {
    font-size: 1.4rem;
    padding: 4.2rem 0 2rem;
}

.footer-widget__title {
	font-size: 1.2rem;
	text-align: left;
}

h3 {
	font-size: 2.4rem;
	margin: 5rem 0 2rem 0;
	padding-top: 1rem;
}
}
.mb40 {
	margin-bottom: 40px;
}
.btn a {
	color: #fff;
}
.btn a:hover {
	text-decoration: none;
}
.table-box {
	margin: 0 auto 80px auto;
}
table.table-type2 {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
}
table.table-type2 th {
	width: 10em;
	padding: 0.5em 1em;
	border-top: 1px solid #e0e0e0;
	vertical-align: top;
}
table.table-type2 tr:nth-child(odd) {
	background-color: #f5f5f5;
}
table.table-type2 td {
	padding: 0.5em 1em;
	border-top: 1px solid #e0e0e0;
}
table.table-type2 h4 {
	font-size: 16px;
	margin-top: 8px;
}
table.table-type2 ul {
	padding-left: 1.5em;
}

@media only screen and (max-width:767px) {
.table-box {
	margin: 0 auto 2.5rem auto;
}
table.table-type2 tr {
	display: block;
	margin-bottom: 1.5em;
}
table.table-type2 tr:nth-child(odd) {
	background-color: #fff;
}
table.table-type2 th,  table.table-type2 td {
	width: 100%;
	display: list-item;
	border: none;
	list-style: none;
	padding: 0em 1.5rem;
}
table.table-type2 th {
	font-size: 18px;
	padding: 1.5rem 0 0.5rem 0;
	border-top: 1px solid #d1d1d1;
}
}
/*アンカーメニュー*/

.link-anc {
	margin: 52px 0 60px 0;
	padding: 0 0 52px 0 !important;
	border-bottom: 1px solid #d1d1d1;
	font-size: 0;
}
.link-anc li {
	width: 300px;
	display: inline-block;
	list-style: none;
	margin: 0 10px;
	font-size: 16px;
	text-align: center;
}
.link-anc li a {
	padding: 0 0 0 1.6em;
	background-image: url(/images/icon_anc.png);
	background-repeat: no-repeat;
	background-size: contain;
}

@media only screen and (max-width:767px) {
.link-anc {
	margin: 3rem 0 4rem 0;
	padding: 0 0 0 0 !important;
	border-bottom: none;
	font-size: 0;
}
.link-anc li {
	width: 100%;
	list-style: none;
	margin: 0;
	font-size: 16px;
	text-align: left;
	border: 1px solid #d1d1d1;
	padding: 1rem 1.5rem;
	margin: 0 0 0.8rem 0;
}
.link-anc li a {
}
}

/*ボタン*/
@media only screen and (max-width:767px) {
.btn-lg {
	width: 100%;
	font-size: 1.8rem;
	padding: 1.6rem 2rem;
}
}
/*sidebar*/

.sidebar ul li{
	border-bottom:1px solid #e0e0e0;
	padding:0.5rem 2rem 0.5rem;
	background:url(/images/icon_arr.png) 0.4rem 1.2rem no-repeat;
	background-size:6px;
}
.sidebar a{
	color:#1e1e1e;
}

h2.sidebar-widget__title {
	text-align: left;
}
.author {
	display: none;
}

/*About*/

.message {
	margin: 0 auto 6rem;
}
.message p {
	margin: 0 0 24px;
}
.leader {
	margin: 0 auto 6rem;
}

.leader img {
	margin: 0 0 2rem 0;
}

.leader p {
	margin: 0 0 24px;
}
.profile {
	margin: 0 auto 6rem auto;
	border-bottom: 1px solid #e0e0e0;
}
.profile dl dt {
	clear: left;
	float: left;
	width: 10em;
	padding-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #e0e0e0;
}
.profile dl dd {
	margin-left: 10em;
	padding-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #e0e0e0;
}
.access .map {
	margin-bottom: 40px;
}
.access {
	margin: 0 auto 6rem auto;
	border-bottom: 1px solid #e0e0e0;
}
.access dl dt {
	clear: left;
	float: left;
	width: 10em;
	padding-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #e0e0e0;
}
.access dl dd {
	margin-left: 10em;
	padding-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #e0e0e0;
}

@media only screen and (max-width:767px) {
	.profile dl dt {
	clear: left;
	float: none;
	width: 100%;
	padding-top: 1.6rem;
	margin-bottom: 1rem;
	border-top: 1px solid #e0e0e0;
}
.profile dl dd {
	float:none;
	margin-left: 0;
	padding-top: 0;
	margin-bottom: 1.6rem;
	border-top: none;
}

.access dl dt {
	clear: left;
	float: none;
	width: 100%;
	padding-top: 1.6rem;
	margin-bottom: 1rem;
	border-top: 1px solid #e0e0e0;
}
.access dl dd {
	float:none;
	margin-left: 0;
	padding-top: 0;
	margin-bottom: 1.6rem;
	border-top: none;
}
}


/*top video*/
.header-video {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
}
.header-video video {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	overflow: hidden;
}


/*HOME*/
#moovin {
	border-bottom: 1px solid #d1d1d1;
}
#moovin .box {
	height: 46rem;
}
#moovin .title {
	color: #e68e7b;
	width:100%;
	margin:4rem 0 4rem 0;
}
#moovin .logo {
	float:left;
}

#moovin .title .txt{
	float:left;
	margin-left:2.4rem;
}

#moovin .title h2 {
	font-size: 32px;
	margin: 0 0 1.6rem 0;
}
#moovin .title p {
	font-size: 18px;
	margin: 0px;
}
#moovin .read {
	width:100%;
	margin: 0px;
	text-align: left;
	font-size: 24px;
	font-size: 2.4rem;
}
#moovin .img-moovin {
	text-align: center;
	margin: 0px auto;
}
#moovin ul {
	list-style: none;
	padding: 0px;
	position: absolute;
	left: 0rem;
	bottom: 7.2rem;
	margin: 0;
}
#moovin ul li {
	float: left;
	padding: 0 0.8rem;
}

#moovin ul li#app {
	text-align:right;
}
#moovin ul li#gp {
	text-align:left;
}

#moovin .btn-detail{
	position:absolute;
	left: 0;
	bottom:8rem;
	text-align:left;
	margin: 15px;
}
#moovin .btn-detail a {
	border-width: 1px;
	border-color: rgb(255, 133, 106);
	border-style: solid;
	border-radius: 19px;
	background-color: rgb(255, 255, 255);
	padding: 1.2rem 2.4rem;
	line-height: 1;
	color:rgb(255, 133, 106);
	text-decoration:none;
}

#moovin .btn-detail a:hover {
	border-width: 1px;
	border-color: rgb(255, 133, 106);
	border-style: solid;
	border-radius: 19px;
	background-color: rgb(255, 133, 106);
	padding: 1.2rem 2.4rem;
	line-height: 1;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#moovin_bag{
	background-color: #f5f5f5;
	margin: -40px 0 0 0;
	padding: 40px 0;
}

#moovin_bag .box{
	position: relative;
	height: 600px;
	width: 88%;
	max-width: 1330px;
	margin: 0 auto;
}

#moovin_bag .img{
	width: 54%;
	max-width: 700px;
	position: absolute;
	top:0;
	left:0;
}

#moovin_bag .txt{
	width: 46%;
	position: absolute;
	top:174px;
	right:0;
	text-align: left;
}

#moovin_bag .txt h2{
	font-size: 30px;
	font-weight: normal;
	line-height: 1.6;
	text-align: left;
}


#moovin_bag .patent{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #888;
	padding: 0.3rem 1rem; 
}

#moovin_bag .btn-detail{
	width: 46%;
	position: absolute;
	top:360px;
	right:0;
}
	
#moovin_bag .btn-detail a {
    display: block;
    border-width: 1px;
    border-color: #888;
    border-style: solid;
    border-radius: 24px;
    background-color:transparent;
    text-align: center;
    font-weight: bold;
    padding: 1.6rem 2.4rem;
    line-height: 1;
    position: static;
    color: #888;
    font-size: 1.6rem;
    box-shadow: none;
    text-decoration: none;
}

#moovin_bag .btn-detail a:hover {
	background-color: #888;
	color: #fff;
}

@media screen and (max-width: 1280px){
#moovin_bag .box{
	height: 520px;
}
	
#moovin_bag .txt{
	top:74px;
}
	
#moovin_bag .btn-detail{
	top:320px;
}
}

@media screen and (max-width: 1024px){
	
	#moovin_bag .box{
	position: relative;
	height: 440px;
	width: 92%;
	max-width: 1330px;
	margin: 0 auto;
}
	
	#moovin_bag .img{
	width: 54%;
	max-width: 700px;
	position: absolute;
	top:0;
	left:0;
}

#moovin_bag .txt{
	width: 46%;
	position: absolute;
	top:74px;
	right:0;
	text-align: left;
}

#moovin_bag .txt h2{
	font-size: 25px;
	font-weight: normal;
	line-height: 1.6;
	text-align: left;
}


#moovin_bag .patent{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #888;
	padding: 0.3rem 1rem; 
}

#moovin_bag .btn-detail{
	width: 46%;
	position: absolute;
	top:260px;
	right:0;
}
}

@media screen and (max-width: 990px){
#moovin_bag{
	padding: 40px 30px;
}

#moovin_bag .box{
	position: relative;
	height: auto;
	width: auto;
	max-width: auto;
	margin: 0 auto;
}

#moovin_bag .img{
	width: auto;
	max-width: auto;
	position:static;
	margin: 0 auto;
}

#moovin_bag .txt{
	width: 100%;
	position: static;
	text-align: left;
}

#moovin_bag .txt h2{
	font-size: 20px;
	font-weight: normal;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}


#moovin_bag .patent{
	display: block;
	width: 90px;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	background-color: #888;
	padding: 0.3rem 1rem; 
}

#moovin_bag .btn-detail{
	width: 100%;
	position: static;
}

}

#moovin {
	border-bottom: 1px solid #d1d1d1;
	padding: 40px 0 0 0;
}

@media only screen and (max-width:767px) {

.breadcrumbs{
	display:none;
}
	
}

@media only screen and (max-width:991px) {


.col-sm-12,.col-xs-12{
	float: none;
}

#moovin br{
	display:none;
}

#moovin .box {
	height: auto;
	padding: 0;
}
#moovin .title {
	color: #e68e7b;
	position:static;
	width:100%;
	top:0;
	left:0;
	margin:0;
}
#moovin .logo {
	width:72px;
	margin: 0 auto;
	position:static;
	margin:0 auto 0rem auto;
	float:none;
}

#moovin .title .txt {
	float:none;
	margin-left: 0;
}
#moovin .title h2 {
	width: 100%;
	position: static;
	font-size: 2.2rem;
	margin: 0 auto;
	padding:2rem 1rem 1rem 1rem;
}
#moovin .title p {
	font-size:1.4rem;
	width: 100%;
	position: static;
	margin: 0px auto;
	text-align:center;
	padding:0 1rem;
}
#moovin .read {
	position: static;
	margin: 0px auto;
	text-align: center;
	font-size: 2rem;
	width:100%;
	padding:2.4rem 2rem;
}
#moovin .img-moovin {
	position: static;
	margin: 0px auto;
	padding:1rem 0rem;
}
	
#moovin .img-moovin img{
	width: 40%;
}
#moovin ul {
	width:100%;
	list-style: none;
	padding: 0px;
	position: static;
	margin: 0;
	
}
#moovin ul li br{
	display:none;
}

#moovin ul li {
	display:inline-block;
	float:none;
}

#moovin ul li.txt {
	width:100%;
	font-weight:bold;
	float: none;
	text-align:center;
	margin-bottom:1rem;
}

#moovin ul li.btn {
	width:49%;
	padding: 0 0.8rem;
}
#moovin .btn-detail{
	width:100%;
	margin:0 auto;
	position: static;
	text-align:center;
	padding:3rem 2rem 4rem;
}
#moovin .btn-detail a {
	border-width: 1px;
	border-color: rgb(255, 133, 106);
	border-style: solid;
	border-radius: 24px;
	background-color: rgb(255, 255, 255);
	width:100%;
	text-align:center;
	padding: 1.6rem 2.4rem;
	line-height: 1;
	position: static;
	margin:0 auto;
}
#moovin .btn-detail a:hover {
	text-decoration: none;
}

}

#topics {
	margin: 5rem auto 6rem auto;
}

#media,
#biz-media{
  margin: 5rem auto 6rem auto;
  border-bottom: 1px solid #d1d1d1;
}


#media ul,
#biz-media ul {
  list-style: none;
  margin: 0 auto 6rem auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: left;
}

#media ul li,
#biz-media ul li{
  float: none;
  text-align: center;
  float: none;
}

@media (min-width: 991px) {
#topics .article {
	width: 29%;
}
}
#topics .article {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 2.4rem 1.6rem 1.6rem 1.6rem;
	margin: 0 2%;
}
#topics .article div.date {
	font-size: 1.4rem;
}
#topics .article div.date {
	font-size: 1.4rem;
	margin-bottom: 1.2rem;
}
#topics .article p a {
	color: #1e1e1e;
	font-weight: bold;
}
#topics .btn-more {
	text-align: center;
}
#topics .btn-more a {
	display: inline-block;
	background-color: rgb(13, 12, 13);
	color: #fff;
	font-weight: bold;
	padding: 1rem 2.4rem;
	margin-top: 3.2rem;
}
#topics .btn-more a:hover {
	text-decoration: none;
}
a:hover {
	opacity: 0.75;
	cursor: pointer;
}

@media (max-width: 767px) {

#topics h2 {
	margin: 0 auto 2rem auto;
}

}


/*NEWS*/

h1.entry__title a{
	color:#1e1e1e;
}

/*Contact*/

.contact-head{
	margin-bottom:4.8rem;
	padding-bottom:4.8rem;
	border-bottom:1px solid #d1d1d1;
}

.mw_wp_form{
	width:720px;
	margin:2rem auto !important;
}

.g-enquete-items{
}

.g-enquete-title{
	font-weight:bold;
}

.mw_wp_form_g-enquete select{
	border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

.mw_wp_form_g-enquete textarea {
	width:100%;
}

.mw_wp_form_complete{
	text-align:center;
}

button[type="button"] ,.mw_wp_form_g-enquete input[type="submit"] {
    border-width: 1px;
    border-color: #ea0810;
    border-style: solid;
    border-radius: 19px;
    background-color: rgb(255, 255, 255);
    text-align: center;
		font-weight:bold;
    padding: 1.2rem 2.4rem;
    line-height: 1;
    position: static;
    margin: 1rem auto;
    color: #ea0810;
    font-size: 1.6rem;
		box-shadow:none;
}

button[type="button"] :hover ,.mw_wp_form_g-enquete input[type="submit"]:hover {
    border-color: #ea0810;
		background-color:#ea0810;
		color: #fff;
		box-shadow:none;
		text-shadow:none;
}

.action-buttons{
	text-align:center;
}

@media (max-width: 767px) {
	
	button[type="button"] ,.mw_wp_form_g-enquete input[type="submit"] {
		width:100%;
	}
	
.mw_wp_form{
	width:100%;
	margin:0 auto !important;
	padding:2rem 0;
}

}

/*Business*/

#biz-moovin.service {
    background-image: url(/images/business/bg-moovin.jpg);
    background-position: center center;
    background-size: cover;
    margin: 0 0 6rem 0;
		padding: 6rem 0;
    position: relative;
		background-color: #222;
    color: #fff;
		height:56rem;
}

#biz-moovin.service:before {
    background: rgba(34,34,41,.50);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    top: 0;
    left: 0;
}

#biz-moovin .box {
	position: absolute;
	z-index:4;
	top: 9rem;
  left: 50%;
	width:960px;
	margin:0 0 0 -480px;
}

#biz-moovin .title{
	margin-top:1rem;
	margin-bottom:3rem;
}

#biz-moovin .logo-mark{
	float:left;
}

#biz-moovin .logo-txt{
	float:left;
	padding:1rem 0 0 2.4rem;
}

#biz-moovin ul{
	margin:0 0 0 2rem;
	padding:0;
}

#biz-moovin .btn-detail{
		margin:4rem 0;
}
#biz-moovin .btn-detail a {
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    border-radius: 19px;
    padding: 1.2rem 2.4rem;
    line-height: 1;
		color:#fff;
		text-decoration:none;
		background-color: transparent;
}

#biz-moovin .btn-detail a:hover {
	text-decoration:none;
		opacity:0.75;
		color:#fff;
}

#biz-marketing.service {
    margin: 0 0 6rem 0;
		padding: 6rem 0;
    position: relative;
		background-color: #f9f9f9;
}

#biz-marketing .box {
	margin:0 auto;
	text-align:center;
}

#biz-marketing h4{
	padding:4rem 0 2rem 0;
}

#biz-marketing .tenkai-box{
  
    display: flex;
    flex-wrap: wrap;
	margin:2rem auto;
}

#biz-marketing .tenkai-box img{
  width: 100%;
}

#biz-marketing .tenkai-box h4 {
    font-size: 17px;
    text-align: center;
    padding:1rem 0;
  margin-bottom: 0;
}

#biz-marketing .tenkai-box p{
  font-size: 15px;
  text-align: left;
	padding:1rem 0;
}

#biz-marketing .btn-detail{
	margin: 4rem auto 2rem auto;
}
#biz-marketing .btn-detail a{
    border-width: 1px;
    border-color: #ea0810;
    border-style: solid;
    border-radius: 19px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    font-weight: bold;
    padding: 1.2rem 2.4rem;
    line-height: 1;
    position: static;
    color: #ea0810;
    font-size: 1.6rem;
    box-shadow: none;
}

#biz-marketing .btn-detail a:hover{
    color: #fff;
    background-color: #ea0810;
    border-color: #ea0810;
		text-decoration:none;
}

#biz-marketing .box {
   width:100%;
}

#biz-contact .box{
  text-align: center;
}

@media (min-width: 1200px) {
  #biz-marketing .box {
	  width:1140px;
  }
}


@media only screen and (min-device-width: 768px)
 and (max-device-width: 991px){
	 	#biz-moovin.service {
    margin: 0 0 6rem 0;
		padding: 6rem 0;
    position: relative;
		background-color: #222;
    color: #fff;
		height:66rem;
}
	
	#biz-moovin .box {
	position: absolute;
	z-index:4;
	top: 4rem;
  left: 50%;
	width:100%;
	margin:0 0 0 -50%;
	text-align:left;
	padding:0 3.2rem;
}

	.biz-moovin-thumb{
		width:50%;
		margin:0 auto;
		display:none;
	}
	
	#biz-moovin .title{
	margin-top:1rem;
	margin-bottom:3rem;
	text-align:center;
}
	
	#biz-moovin .logo-mark{
			float:none;
}

	#biz-moovin .logo-mark img{
	width:25%;
}

#biz-moovin .logo-txt{
	width:100%;
	padding: 1rem 0 0 0;
}

#biz-moovin p{
	width:100%;
	padding: 1rem 0 0 0;
}

#biz-moovin p br{
	display:none;
}

#biz-moovin .logo-txt img{
	width:50%;
}

#biz-moovin .btn-detail a{
	width:100%;
	display: block;
  text-align: center;
}

#biz-marketing.service {
    margin: 0 0 6rem 0;
		padding: 6rem 0;
    position: relative;
		background-color: #f9f9f9;
}

#biz-marketing .box {
	width:100%;
	margin:0 auto;
	padding:0 2rem;
	text-align:center;
}

#biz-marketing h4{
	padding:4rem 0 2rem 0;
}

#biz-marketing .tenkai-box{
	width:100%;
	margin:2rem auto;
    display: flex;
    flex-wrap: wrap;
}

#biz-marketing .tenkai-box p{
	padding:1rem 0;
}

#biz-marketing .btn-detail{
	margin: 4rem auto 2rem auto;
}
#biz-marketing .btn-detail a{
    border-width: 1px;
    border-color: #ea0810;
    border-style: solid;
    border-radius: 19px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    font-weight: bold;
    padding: 1.2rem 2.4rem;
    line-height: 1;
    position: static;
    color: #ea0810;
    font-size: 1.6rem;
    box-shadow: none;
}

#biz-marketing .btn-detail a:hover{
    color: #fff;
    background-color: #ea0810;
    border-color: #ea0810;
		text-decoration:none;
}
 }


@media (max-width: 767px) {
	
	#biz-moovin.service {
    margin: 0 0 6rem 0;
		padding: 6rem 0;
    position: relative;
		background-color: #222;
    color: #fff;
		height:66rem;
}
	
	#biz-moovin .box {
	position: absolute;
	z-index:4;
	top: 4rem;
  left: 50%;
	width:100%;
	margin:0 0 0 -50%;
	text-align:left;
}

	.biz-moovin-thumb{
		width:50%;
		margin:0 auto;
		display:none;
	}
	
	#biz-moovin .title{
	margin-top:1rem;
	margin-bottom:3rem;
	text-align:center;
}
	
	#biz-moovin .logo-mark{
			float:none;
}

	#biz-moovin .logo-mark img{
	width:25%;
}

#biz-moovin .logo-txt{
	padding: 1rem 0 0 0;
}
#biz-moovin .logo-txt img{
	width:50%;
}

#biz-moovin .btn-detail a{
	width:100%;
	display: block;
  text-align: center;
}

#biz-marketing.service {
    margin: 0 0 6rem 0;
		padding: 4rem 0;
    position: relative;
		background-color: #f9f9f9;
}
  
#biz-marketing.service p:empty {
  display: none;
}

#biz-marketing .box {
	width:100%;
	margin:0 auto;
	padding:0 2rem;
	text-align:center;
}

#biz-marketing h4{
	padding:4rem 0 2rem 0;
}

#biz-marketing .tenkai-box{
	width:100%;
	margin:2rem auto;
}

#biz-marketing .tenkai-box p{
	padding:1rem 0;
}

#biz-marketing .btn-detail{
	margin: 4rem auto 2rem auto;
}
#biz-marketing .btn-detail a{
    border-width: 1px;
    border-color: #ea0810;
    border-style: solid;
    border-radius: 19px;
    background-color: rgb(255, 255, 255);
    text-align: center;
    font-weight: bold;
    padding: 1.2rem 2.4rem;
    line-height: 1;
    position: static;
    color: #ea0810;
    font-size: 1.6rem;
    box-shadow: none;
}

#biz-marketing .btn-detail a:hover{
    color: #fff;
    background-color: #ea0810;
    border-color: #ea0810;
		text-decoration:none;
}
}


.other.page-header__title {
    font-size: 3.4rem;
    /* margin-bottom: 48px; */
    width: 960px;
    margin: 0 auto;
		padding:4.8rem 1rem 2.4rem 1rem;
}

@media (max-width: 767px) {
	.other.page-header__title {
		 width: 100%;
		 margin-top:4rem;
	}
	
	.header-video video {
		display:none;
}

.header-video{
	background:url(/video/main.gif) 0 0 no-repeat;
	background-size:cover;
}


}

@media only screen and (min-width: 768px)
 and (max-width: 991px){

#biz-moovin .box {
	  position: absolute;
    z-index: 4;
    top: 4rem;
    left: 50%;
    width: 100%;
    margin: 0 0 0 -50%;
    text-align: left;
}

#biz-moovin .title{
	margin-top:1rem;
	margin-bottom:3rem;
}

#biz-moovin .logo-mark{
	float:none;
}

#biz-moovin .logo-txt{
	float:left;
	padding:1rem 0 0 2.4rem;
}

#biz-moovin ul{
	margin:0 0 0 2rem;
	padding:0;
}

#biz-moovin .btn-detail{
		margin:4rem 0;
}
#biz-moovin .btn-detail a {
    border-width: 1px;
    border-color: #fff;
    border-style: solid;
    border-radius: 19px;
    padding: 1.2rem 2.4rem;
    line-height: 1;
		color:#fff;
		text-decoration:none;
}

#biz-moovin .btn-detail a:hover {
	text-decoration:none;
		opacity:0.75;
		color:#fff;
}
 }

.col-lg-five-1, .col-md-five-1, .col-sm-five-1, .col-xs-five-1,
.col-lg-five-2, .col-md-five-2, .col-sm-five-2, .col-xs-five-2,
.col-lg-five-3, .col-md-five-3, .col-sm-five-3, .col-xs-five-3,
.col-lg-five-4, .col-md-five-4, .col-sm-five-4, .col-xs-five-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}   
.col-xs-five-1 {
  width: 20%;
  float: left;
}
.col-xs-five-2 {
  width: 49.666%;
  float: left;
}
.col-xs-five-3 {
  width: 60%;
  float: left;
}
.col-xs-five-4 {
  width: 80%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-five-1 {
    width: 20%;
    float: left;
  }
  .col-sm-five-2 {
    width: 49.666%;
    float: left;
  }
  .col-sm-five-3 {
    width: 60%;
    float: left;
  }
  .col-sm-five-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-five-1 {
    width: 20%;
    float: left;
  }
  .col-md-five-2 {
    width: 40%;
    float: left;
  }
  .col-md-five-3 {
    width: 60%;
    float: left;
  }
  .col-md-five-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-five-1 {
    width: 20%;
    float: left;
  }
  .col-lg-five-2 {
    width: 40%;
    float: left;
  }
  .col-lg-five-3 {
    width: 60%;
    float: left;
  }
  .col-lg-five-4 {
    width: 80%;
    float: left;
  }
}

.col-lg-seven-1, .col-md-seven-1, .col-sm-seven-1, .col-xs-seven-1,
.col-lg-seven-2, .col-md-seven-2, .col-sm-seven-2, .col-xs-seven-2,
.col-lg-seven-3, .col-md-seven-3, .col-sm-seven-3, .col-xs-seven-3,
.col-lg-seven-4, .col-md-seven-4, .col-sm-seven-4, .col-xs-seven-4 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}   
.col-xs-seven-1 {
  width: 14.2866%;
  float: left;
}
.col-xs-seven-2 {
  width: 49.666%;
  float: left;
}
.col-xs-seven-3 {
  width: 60%;
  float: left;
}
.col-xs-seven-4 {
  width: 80%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-seven-1 {
    width: 14.2866%;
    float: left;
  }
  .col-sm-seven-2 {
   width: 49.666%;
    float: left;
  }
  .col-sm-seven-3 {
    width: 60%;
    float: left;
  }
  .col-sm-seven-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-seven-1 {
    width: 14.2866%;
    float: left;
  }
  .col-md-seven-2 {
    width: 40%;
    float: left;
  }
  .col-md-seven-3 {
    width: 60%;
    float: left;
  }
  .col-md-seven-4 {
    width: 80%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-seven-1 {
    width: 14.2866%;
    float: left;
  }
  .col-lg-seven-2 {
    width: 40%;
    float: left;
  }
  .col-lg-seven-3 {
    width: 60%;
    float: left;
  }
  .col-lg-seven-4 {
    width: 80%;
    float: left;
  }
}