.pc {
	display: block;
}
.sp, li.langsp {
	display: none !important;
}
@media screen and (max-width: 1024px) {
.pc {
	display: none;
}
.sp, li.langsp {
	display: block !important;
}
.spcenter {
	text-align:center;
}
.pagetitle h1 {
	font-size: 16px;
	padding:16px ;
}
.pagetitle h1 span::before {
    bottom: 20px;
    left: 16px;
}
h2 {
padding-bottom:15px;
}
#header.fixed {
   background: none;
}
#header.fixed a.logo img {
display: none;
}
 #header .header-content {
 width: 90%;
}
 .nav-toggle {
 display: block;
}
 .navigation {
 position: fixed;
 background-color: #000;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 99999;
 visibility: hidden;
 opacity: 0;
 -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
 transition: opacity 0.5s, visibility 0s 0.5s;
 text-align:center;
}
 .navigation .primary-nav {
 position: relative;
 top: 45%;
 -moz-transform: translateY(-45%);
 -ms-transform: translateY(-45%);
 -webkit-transform: translateY(-45%);
 transform: translateY(-45%);
}
 .navigation li {
 display: block;
 border-bottom:2px solid #fff;
 padding:20px;
 margin:0px auto;
 width:98%;
}
 .navigation a {
 display: block;
 font-size: 20px;
 margin: 0;
 text-align: center;
 color: #fff;
 padding: 0;
}

 .navigation li.pn-sns {
	display: inline-block;
	border-bottom: none;
	width:  80px;
	height: 80px;
	margin:20px;
	padding:0px;
}

 .navigation li.pn-sns a{
background-color:#fff;
width:80px;
height:80px;
color:#000;
font-size:32px;
padding:18px 0px;
}

.navigation li.lang {
display:none;
}

.navigation li.langsp {
 	text-align: center;
 	color: #fff;
 }
.navigation li.langsp a {
	display:inline;
}

 .overview-video iframe {
 width:290px;
 height:163px;
}
 .flex-control-nav {
 bottom: 20px;
}
.page-section {
    margin-bottom: 7rem;
}
.spcontainer {
padding: 0px;
}
.intro .intro-text {
	position:absolute;
	padding: 4rem;
	width: 70%;
}
.intro-img {
    margin: 20rem 0rem 3rem 3rem !important;
    float: right;
    display: block;
    padding-left: 40px;

}
/* ------------------------------------------------------------------------------
	PRODUCT
-------------------------------------------------------------------------------*/

.product_txt {
	padding: 3rem;
}

.prodbg {
	height: 95%;
}
#product {
	height:auto;
}
#product:before {
    content: "";
    display: block;
    padding-top: 70%;
}
#product .flex {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bgbox{
width: 95%;
padding: 80px 5% 80px 5%;
}
#information ul li .postimage img{
width:80px;
height:80px;
}
#top2col .flex {
	display:block;
}
#top2col .whbox {
	width:90%;
	margin:5%;
	padding:2rem;
}

.singleinner {
	width: 90%;
	margin: 0 auto;
}

.mw_wp_form .container {
	padding:0px;
}
.mw_wp_form dl {
border-bottom: 1px solid #CCC;
padding:20px;
margin-bottom:0px;
}
.mw_wp_form dt {
	padding:10px 0px;
	color:#000;;
}
.mw_wp_form .btn {
	margin-top:30px;
}

}
@media screen and (max-width: 768px) {
.banner {
    min-height: 550px;
    -webkit-background-size: cover ;
    background-size: cover;
    background-position:right bottom;
    background-image:url(../img/topsp2.jpg);
}
 #banner {
 text-align:left;
}
 .banner-text {
 padding-top: 30%;
}
 .banner-text h1 {
 margin-top:70px;
 font-size: 33px;
 line-height:36px;
}
 .banner-text p {
 font-size: 18px;
}
.banner-img {
left:0px;
max-width: 40% !important;
height: auto;
}
 .banner-btn a {
 margin-bottom: 100px;
}
a.header-news {
top:auto;
bottom:-20px;
background-color:#000;
opacity:0.9 !important;
z-index:150;
}
a.header-news div {
	color: #fff;
}
a.header-news div:nth-child(2) {
	border-left: 1px solid #fff;
}
a.header-news:hover {
  background-color: rgb(0, 0, 0,0.7);
}
.page-section {
    margin-top: 5rem;
}

#overview {
text-align:center;
}
.overview-content p {
padding-right:0px;
}
#features {
text-align:center;
}
.features1-content {
 margin-top: 5%;
}
.left {
 text-align:center;
}
.middle {
 padding-left:0px;
 margin:auto;
 margin-top:5%;
 margin-bottom:5%;
}
.features2-content {
 margin-top:0px;
}
.features3 img {
 padding-left:0px;
}
 .footer .footer-col {
 margin-bottom: 50px;
}
.intro .intro-text {
	position:absolute;
	left:-25px !important;
	padding:2rem 40px 2rem 50px;
	width:92%;
}
#product .flex {
	display:block;
	height:100%;
}
#product:before {
    padding-top: 140%;
}
.product_txt {
	margin: auto 3rem;
}
.product_txt li{
	max-width:80%;
}
.product_txt li:first-child {
	position:relative;
	left:-30%;
	display:inline-block;
}
.product_txt li:last-child {
	position:relative;
	right:-30%;
	display:inline-block;
	top:-100px;
	margin-bottom:-100px;
}
.pagelinks ul li a {
	font-size: 16px;
}
.conceptright {
padding: 0px !important;
}
}
@media screen and (max-width: 640px) {
 #banner {
 text-align:left;
}
 .banner-text h1 {
 margin-top:70px;
 font-size: 33px;
 line-height:36px;
}
 .banner-btn a {
 margin-bottom: 70px;
}
 .banner-text {
 padding-top: 35%;
}
.footer a {
 font-size:14px;
}
.footer .footer-share li {
 width: 35px;
 height: 35px;
 border-radius: 50%;
 padding: 7px 0;
 margin: 0 5px;
}
#product:before {
    padding-top: 150%;
}
.intro-img {
    margin: 50rem 0rem 3rem 3rem !important;
}
.section {
	padding: 30px 0px;
}
}
@media screen and (max-width: 480px) {
 #banner {
 text-align:left;
}
 .banner-text {
 padding-top: 45%;
}
 .banner-text h1 {
 margin-top:100px;
 font-size: 32px;
 line-height:36px;
}
 .banner-btn a {
 margin-bottom: 15px;
}
#product:before {
    padding-top: 150%;
}
 .navigation li {
 	padding: 12px;
 }
}
@media screen and (max-width: 320px) {
 .banner-text {
 padding-top: 55%;
}
.subscribe-form input[type=text] {
width:65%;
}
.subscribe-form input[type=submit] {
 width: 35%;
}
}