@charset "UTF-8";


main {
        padding: 140px 0 0 !important;
}

html .free {
    margin-top: -100px!important;
}

.fv {
    padding-top: 100px;
}

.fv_inner {
    display: none;
}


.fv picture {
    display: none;
}

.fv_inner2 ul li a {
    box-shadow: 0px -2px 10px #d4d4d4;
}

.fv_inner2 ul li a:after {
	position: absolute;
	content:"";
	width: 100%;
	height: 30px;
	bottom: -30px;
	left: 0;
	background: #fff;
}

.design_sec1,.void_sec1,.plan_sec1 {
    padding-top: 95px;
	margin-top: 0!important;
    box-shadow: 0px -9px 10px #d4d4d4;
    z-index: 3;
}


body.freeplan section.freeplan {
    padding-top: 160px;
    padding-bottom: 110px;
    background: url(../images/bg_1.jpg) repeat center;
    background-size: 2640px;
    position: relative;
    z-index: 0;
}

body.freeplan section.freeplan .freeplan_box .freeplan_box_1 .text_1 {
  font-size: 42px;
  line-height: 1;
  color: #1b4d00;
  text-align: center;
  margin-bottom: 4px;
  position: relative;
}

.void_sec2 {
    position: relative;
    z-index: 2;
}

.freeplan .fv_inner2 {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    z-index: 5;
}






@media screen and (max-width: 767px) {
  body.freeplan section.freeplan .freeplan_box .freeplan_box_1 .text_1 {
    font-size: 26px;
    margin-bottom: 2px;
  }
}
body.freeplan section.freeplan .freeplan_box .freeplan_box_1 .text_1::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  top: -68px;
  width: 122px;
  height: 56px;
  background: url("../images/outline_parts_1.svg") no-repeat center/contain;
}
@media screen and (max-width: 767px) {
  body.freeplan section.freeplan .freeplan_box .freeplan_box_1 .text_1::before {
    top: -47px;
    width: 85px;
    height: 39px;
  }
}
body.freeplan section.freeplan .freeplan_box .freeplan_box_1 .text_2 {
  font-size: 14px;
  color: #8a846f;
  text-align: center;
  margin-bottom: 64px;
}
@media screen and (max-width: 767px) {
  body.freeplan section.freeplan .freeplan_box .freeplan_box_1 .text_2 {
    font-size: 12px;
    margin-bottom: 36px;
  }
	
}





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

	main {
			padding: 65px 0 0 !important;
	}
	
		body.freeplan section.freeplan {
			padding-bottom: 160px;
	}
		
	.design_sec1,.void_sec1,.plan_sec1 {
		padding-top: 30px;
	}

	.fv_inner2 ul li a:after {
		height: 20px;
		bottom: -20px;
	}
	
    .fv_inner2 ul li a {
        padding: 12px 0 12px!important;
    }	
	
	.fv_inner2 ul li.action a::before {
			bottom: -4px!important;
			height: 15px!important;
		}
	
	
	

}
