.sh {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000)";
  /*IE 8*/
  -moz-box-shadow: 1px 1px 15px -4px rgba(0, 0, 0, 0.6);
  /*FF 3.5+*/
  -webkit-box-shadow: 1px 1px 15px -4px rgba(0, 0, 0, 0.6);
  /*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
  box-shadow: 1px 1px 15px -4px rgba(0, 0, 0, 0.6);
  /* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color=#000000);
  /*IE 5.5-7*/
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
#key {
  background: url("../img/howto/key.jpg") no-repeat center top;
  background-size: cover;
  height: 813px;
}
#sec01 {
  color: #fff;
  padding: 91px 0 100px;
}
#sec01 h2 {
  text-align: center;
}
#sec01 .note {
  text-align: center;
  margin-bottom: 122px;
  color: #c9c9c9;
}
#sec01 .group {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  /*  */
}
#sec01 .group:before{
	position: absolute;
	top: -75px;
	left: -100px;
	right: -100px;
	bottom: -21px;
	background: rgba(0,0,0,0.3);
	content: '';
	z-index: -1;
}
#sec01 .group .box {
  margin-right: 20px;
  margin-bottom: 50px;
  width: 320px;
}
#sec01 .group .box .photo {
  margin-bottom: 18px;
}
#sec01 .group .box dl {
  text-align: center;
  margin-bottom: 11px;
}
#sec01 .group .box dl dt {
  font-size: 28px;
  letter-spacing: 3px;
  margin-bottom: 5px;
}
#sec01 .group .box dl .ttl2 {
  font-size: 24px;
}
#sec01 .group .box dl dd {
  font-size: 20px;
  letter-spacing: 4px;
}
#sec01 .group .box:nth-child(3n+3) {
  margin-right: 0;
}
#sec02 {
  position: relative;
  padding: 114px 0 128px;
}
#sec02 h2{
	margin-left: -98px;
	margin-top: -104px;
}
#sec02:before {
  position: absolute;
  content: url("../img/howto/sec02_deco.png");
  width: auto;
  height: auto;
  top: 9px;
  left: calc(50% - 601px);
  z-index: -1;
}
#sec02 h2{
	
/* margin-left: 53px; */
	
z-index: 5;
	
position: relative;
}
#sec02 .price {
  font-size: 25px;
  letter-spacing: 5px;
  margin-bottom: 178px;
  margin-top: -61px;
  margin-left: 107px;
  position: relative;
  z-index: 6;
}
#sec02 .photo1 {
  position: absolute;
  left: 526px;
  top: 66px;
}
#sec02 .photo2 {
  position: absolute;
  top: 450px;
  left: -118px;
  z-index: 4;
}
#sec02 .txt {
  background: rgba(0, 0, 0, 0.3);
  width: 593px;
  margin-left: 421px;
  padding: 66px 64px 58px 77px;
  box-sizing: border-box;
  z-index: 5;
  position: relative;
  letter-spacing: 1.5px;
  text-align: justify;
}
#sec03 {
  padding: 81px 0 111px;
  background: url("../img/howto/sec3_bg.jpg") repeat;
  background-size: cover;
}
#sec03 h2 {
  text-align: center;
  margin-bottom: 27px;
}
#sec03 .group {
  justify-content: space-between;
  margin: 0 -17px;
}
#sec03 .group .col {
  width: 340px;
  background: rgba(0, 0, 0, 0.25);
}
#sec03 .group .col .photo {

}
#sec04 {
  background: url("../img/howto/sec04_bg.png") no-repeat center top;
  background-size: 100%;
  padding: 125px 0 142px;
}
#sec04 h2 {
  text-align: center;
  margin-bottom: 225px;
}
#sec04 .col01 {
  position: relative;
  min-height: 538px;
}
#sec04 .col01:before {
  position: absolute;
  right: calc(50% + 235px);
  top: -193px;
  content: url("../img/howto/sec04_deco.png");
  width: auto;
  height: auto;
}
#sec04 .col01 dl dt {
  margin-left: -53px;
  margin-top: -63px;
  margin-bottom: -46px;
}
#sec04 .col01 dl dd {
  width: 395px;
  margin-left: 10px;
  text-align: justify;
  margin-top: -5px;
  letter-spacing: 2px;
	z-index: 9;
    position: relative;
}
#sec04 .col01 .photo {
  position: absolute;
  left: 459px;
  top: -34px;
}
#sec04 .col02 {
  position: relative;
  min-height: 489px;
}
#sec04 .col02:before {
  position: absolute;
  left: calc(50% + 256px);
  top: -87px;
  content: url("../img/howto/sec04_deco2.png");
  width: auto;
  height: auto;
}
#sec04 .col02 dl {
     margin-left: 574px;
    padding-top: 53px;
}
#sec04 .col02 dl dt {
  margin-left: -42px;
  margin-bottom: -27px;
}
#sec04 .col02 dl dd {
  width: 364px;
  margin-left: 37px;
  margin-top: -6px;
	z-index: 9;
    position: relative;
}
#sec04 .col02 .photo {
    position: absolute;
    left: -95px;
    top: 6px;
}
#sec05 {
  padding: 52px 0 71px;
  background: url("../img/howto/sec5_bg.jpg") repeat;
}
#sec05 h2 {
  text-align: center;
  margin-bottom: 22px;
}
#sec05 .qa {
  background: rgba(0, 0, 0, 0.23);
  padding: 0 62px 38px;
  margin-bottom: 48px;
}
#sec05 .qa h3 {
  text-align: center;
}
#sec05 .qa dl {
  border: 1px solid #898786;
  padding: 27px;
  font-size: 20px;
  color: #c9c9c9;
  margin-bottom: 32px;
}
#sec05 .qa dl dt {
  border-bottom: 1px dotted #4e4b48;
  padding-bottom: 7px;
}
#sec05 .qa dl dd {
  padding-top: 10px;
  font-size: 15px;
  line-height: 25px;
}
#sec05 .qa dl .dd2 {
  margin-bottom: 20px;
}
#sec06 {
  background: url("../img/howto/sec06_bg.jpg") no-repeat center top;
  background-size: cover;
  padding: 122px 0 112px;
}
#sec06 .tel {
  text-align: center;
  width: 824px;
  margin: 0 auto 40px;
}
#sec06 .g_btn {
  justify-content: space-between;
  width: 824px;
  margin: 0 auto;
}