/*70th用css*/
/*ヘッダー*/

body {
	min-width: 1184px;
}
h1,h2,h3,ul,li,figure,p {
	padding: 0;
	margin: 0;
	line-height: 1;
}
img {
	vertical-align: bottom;
}
.wrapper {
	width: 100%;
}
.inner {
	width: 980px;
	margin: 0px auto;
}
.title {
	padding: 95px 0px 65px;
	text-align: center;
}
.subtitle {
	padding-bottom: 55px;
	text-align: center;
}

#header_bg {
	display: none;
}
.header {
	background: #f5f5f5;
}
.header .inner {
	position: relative;
	height: 589px;
}
.header .logo {
	position: absolute;
	top: 0;
	right: 0;
	width: 138px;
	height: 125px;
	z-index: 10;
}
.header .keyVisual {
	position: absolute;
	top: 99px;
	left: 74px;
	width: 1010px;
	height: 490px;
	z-index: 1;
}
.header .keyTxt {
	position: absolute;
	top: 206px;
	left: 0;
	box-sizing: border-box;
	width: 440px;
	height: 278px;
	padding-top: 51px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	box-shadow: 1px 0px 35px 0px rgba(14, 8, 5, 0.2);
	z-index: 10;
}

.about {
}
.about .inner {
	position: relative;
}
.about .inner:before {
	position: absolute;
	top: 0px;
	left: -158px;
	width: 232px;
	height: 460px;
	background: #162329;
	content: "";
    display: block;
	z-index: 1;
}
.about .inner:after {
	position: absolute;
	top: 220px;
	left: -217px;
	width: 200px;
	height: 380px;
	background: #a18f74;
	content: "";
    display: block;
	z-index: 10;
}
.about li {
	position: relative;
}
.about li.sound {
	height: 467px;
}
.about li.air {
	height: 500px;
}
.about figure {
	position: absolute;
}
.about li.sound figure {
	top: 64px;
	right: 0;
}
.about li.air figure {
	top: 86px;
	right: -55px;
}
.about p {
	padding-left: 207px;
}
.about_title {
	padding-left: 207px;
}
.about li.sound .about_title {
	padding-top: 59px;
	padding-bottom: 39px;
}
.about li.air .about_title {
	padding-top: 55px;
	padding-bottom: 40px;
}

.product {
	text-align: center;
	background: #f5f5ec;
}
.product p {
	padding-bottom: 160px;
}

.case {
	text-align: center;
}
.case .inner {
	width: 100%;
}
.case p {
 	height: 456px;
	box-sizing: border-box;
	padding-top: 196px;
	background: url(../../images/lp/smato/case_img.png) repeat-x;
}

.contact {
	text-align: center;
	background: #f5f5ec;
}
.contact p {
	margin-bottom: 60px;
}

.box_btn {
	max-width: 880px;
    margin: 0px auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-direction: space-between;
    -webkit-flex-direction: space-between;
    flex-direction: space-between;
    -webkit-flex-wrap: wrap;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;	
}
.box_btn a {
	display: block;
	width: 432px;
	padding: 32px 0 30px;
	background: #303740;
	text-align: center;
	-webkit-transition: .1s linear;
    transition: .1s linear;
}
.box_btn a:hover {
	background: #575d62;
	-webkit-transition: .1s linear;
    transition: .1s linear;
}
.copyright {
	padding: 140px 0px 20px;
	font-size: 14px;
	color: #282828;
}

/*etc-------------------------------------------------
※フォーマット
---------------------------------------------------------*/
.clearfix:before,.clearfix:after{
  display:block;
  overflow:hidden;
  height:0;
  content:"\0020";
}
.clearfix:after{
  clear:both;
}
.clearfix{
  zoom:1;
}

.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}
.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}
.pt0 {padding-top:0px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt75 {padding-top:75px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}
.pt150 {padding-top:150px !important;}
.pt285 {padding-top:285px !important;}
.pb0 {padding-bottom:0px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}
.pb110 {padding-bottom:110px !important;}
.pb120 {padding-bottom:120px !important;}
.pb130 {padding-bottom:130px !important;}
.pb140 {padding-bottom:140px !important;}
.pb150 {padding-bottom:150px !important;}
.pb200 {padding-bottom:200px !important;}
.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}
.ml110 {margin-left:110px !important;}
.ml120 {margin-left:120px !important;}
.ml130 {margin-left:130px !important;}
.ml140 {margin-left:140px !important;}
.ml150 {margin-left:150px !important;}
.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}
.mr110 {margin-right:110px !important;}
.mr120 {margin-right:120px !important;}
.mr130 {margin-right:130px !important;}
.mr140 {margin-right:140px !important;}
.mr150 {margin-right:150px !important;}