/*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 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 697px;
	display: none;
	background-image:  url(../../images/lp/wsd_doublepocket/mv_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.header .inner {
	height: 697px;
	position: relative;
}
.header .logo {
	position: absolute;
	top: 19px;
	left: 0;
	box-sizing: content-box;
	width: 124px;
	height: 17px;
	padding: 18px 18px 18px;
}
.header .keyVisual {
	position: absolute;
	top: 97px;
	right: -11px;
	width: 534px;
	height: 553px;
}
.header .subVisual {
	position: absolute;
	top: 403px;
	left: 14px;
	width: 460px;
}
.header .keyTxt {
	position: absolute;
	top: 175px;
	left: -21px;
	width: 460px;
	height: 184px;
}

.product {
	text-align: center;
}
.product .inner {
	width: 100%;
}
.product h2,
.product h3,
.product p,
.box_point li .inner {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.box_point li {
	height: 460px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.box_point li.point01 {
	background-image:  url(../../images/lp/wsd_doublepocket/point1_bg.png);
}
.box_point li.point02 {
	background-image:  url(../../images/lp/wsd_doublepocket/point2_bg.png);
}
.box_point li.point03 {
	background-image:  url(../../images/lp/wsd_doublepocket/point3_bg.png);
}
.box_point li p,
.box_point li figure {
	float: left;
}
.box_point li.point01 p,
.box_point li.point02 figure,
.box_point li.point03 p {
	box-sizing: border-box;
	width: 510px;
	padding-left: 90px;
}
.box_point li.point01 figure,
.box_point li.point02 p,
.box_point li.point03 figure {
	box-sizing: border-box;
	width: 470px;
	padding-left: 57px;
}
.box_point li.point01 p {
	padding-top: 77px;
}
.box_point li.point01 figure {
	padding-top: 86px;
}
.box_point li.point02 p {
	padding-top: 89px;
}
.box_point li.point02 figure {
	padding-top: 81px;
}
.box_point li.point03 p {
	padding-top: 147px;
}
.box_point li.point03 figure {
	padding-top: 120px;
}


.case {
	text-align: center;
}
.case .inner {
	width: 100%;
}
.case p {
 	height: 456px;
	box-sizing: border-box;
	padding-top: 186px;
	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;}