@charset "utf-8";
/* -----------------------
 .common
----------------------- */
html {
	font-size: 62.5%;
	color: #333;
}
body {
	font-size: 1.4rem;
	color: #333;
	line-height: 1.7;
}
.wrap {
	overflow: hidden;
}
.center {
	text-align: center;
}
.font15{
	font-size: 1.5rem;
	line-height: 1.3;
}
.font12{
	font-size: 1.2rem;
}
.st{
	font-weight:bold;
}
.font_gray{
	color:#666;
}
.font_green{
	color:#73a800;
}
.mb10 {
	margin-bottom: 10px !important;
} 
.mb20 {
	margin-bottom: 20px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt50 {
	padding-top: 50px !important;
}.pt60 {
	padding-top: 60px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.pb80 {
	padding-bottom: 80px !important;
}
.header { 
  background: url(../img/main_bg.jpg) no-repeat right top;
  background-size: cover;
  position: relative; 
  padding: 0 15px;
	min-width: 100%;
}
.logo {
	width:28%;
	position: absolute;
	top: 5%;
	left: 2.6%;
}
.tel{
	width:46%;
	position: absolute;
	top: 2.6%;
	right: 2.6%;
	text-align: right;
}
.tel a {
  position: relative;
	z-index: 1;
}
.main{
	min-width: 100%;
	position: relative;
	margin: 0 auto;
}
.tuner {
	position:absolute;
	bottom: -2rem;
	width:50%;
	right: 2%;
	
	}
.main_inner {
	padding-top: 110px;
	padding-bottom: 80px;
}
.main_inner h1{
	width: 70%;
}
.main_cvButton { 
  display: block; 
  width: 70%; 
  background: #85c300; 
  position: relative; 
  letter-spacing: -1px; 
  font-size: 1.4rem; 
  font-weight: bold; 
  color: #fff; 
  line-height: 1; 
  border-radius: 3px; 
  padding: 1.6rem; 
  -webkit-box-shadow: 0 5px 0 0 #73a800; 
  -moz-box-shadow: 0 5px 0 0 #73a800; 
  -ms-box-shadow: 0 5px 0 0 #73a800; 
  box-shadow: 0 5px 0 0 #73a800; 
  transition: all .2s linear; 
  box-sizing: border-box;
	text-align: left;
}
@media screen and (max-width: 320px) {
	.main_cvButton {
		font-size: 1.2rem;
	}
}
.main_cvButton:after { 
  content: ""; 
  display: block;
  width: 1.4rem; 
  height: 1.4rem; 
  position: absolute; 
  right: 1rem; 
  top: 0; 
  bottom: 0; 
  background: url(../img/arrow_01.png) no-repeat right top; 
  background-size: 100% auto; 
  margin: auto; 
}
.cvButton { 
  display: block; 
  width: 90%; 
  background: #85c300; 
  position: relative; 
  letter-spacing: -1px; 
  font-size: 1.6rem; 
  font-weight: bold; 
  color: #fff; 
  line-height: 1; 
  border-radius: 3px; 
  margin: 0 auto; 
  padding: 20px 0; 
  -webkit-box-shadow: 0 5px 0 0 #73a800; 
  -moz-box-shadow: 0 5px 0 0 #73a800; 
  -ms-box-shadow: 0 5px 0 0 #73a800; 
  box-shadow: 0 5px 0 0 #73a800; 
  transition: all .2s linear; 
  box-sizing: border-box; 
}
.cvButton:after { 
  content: ""; 
  display: block;
  width: 1.8rem; 
  height: 1.8rem; 
  position: absolute; 
  right: 15px; 
  top: 0; 
  bottom: 0; 
  background: url(../img/arrow_01.png) no-repeat right top; 
  background-size: 100% auto; 
  margin: auto; 
}
.btn{
	text-align:center;
}
.wrapper {
	width: 90%;
	margin: 0 auto;
}
.tit_sub{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
}
.tit_sub span{
	font-size: 1.4rem;
	color: #FFF;
}
@media screen and (max-width: 320px) {
	.tit_sub{
	font-size: 1.4rem;
	}
.tit_sub span{
	font-size: 1.2rem;
	color: #FFF;
}
	}
.headline { 
  position: relative; 
  font-size: 30px; 
  color: #79b100; 
  font-weight: bold; 
  text-align: center; 
  line-height: 1.2; 
  padding: 60px 0 0;
  margin-bottom: 25px; 
}
.headline:before, .headline:after { 
  content: ""; 
  display: inline-block; 
  width: 60px; 
  height: 47px; 
  vertical-align: middle; 
}
.headline:before { 
  background: url(../img/title_bg_l.png) no-repeat 0 0; 
  background-size: 60px 47px; 
  margin-right: 30px; 
  position: absolute; 
  left:10px; 
  top:40px;
}
.headline:after { 
  background: url(../img/title_bg_r.png) no-repeat 0 0; 
  background-size: 60px 47px; 
  position: absolute; 
  right:10px; 
  top:40px; 
}

.indent li{
	padding-left:1rem;
	text-indent:-1rem;
}
.bg_green {
	background-image: -moz-linear-gradient(0deg, #cee96f 0%, #9cd847 100%);
	background-image: -webkit-linear-gradient(0deg, #cee96f 0%, #9cd847 100%);
	background-image: -ms-linear-gradient(0deg, #cee96f 0%, #9cd847 100%);
	background-size: cover;
}
.bg_gray {
	background-color: #f1f1f1;
}
.movie {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.aboutArea .leadText p { 
  margin-top: 10px;
  padding: 0 15px; 
}
.aboutAreaInner li { 
  padding: 40px 30px; 
}
.aboutAreaInner figure { 
  text-align: center; 
  margin: 0 0 20px -20px; 
}
.aboutAreaInner h3, .tit_sec { 
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center; 
  color: #666666; 
  line-height: 1.4; 
  margin-bottom: 20px; 
}
.tit_sec span {
	color: #f29150;
	font-size: 3rem;
}
.aboutAreaInner h4 {
  font-size: 18px; 
  color: #fff; 
  text-align: center; 
  line-height: 1.0; 
  margin-bottom: 12px; 
  padding: 10px 0; 
}
.aboutAreaInner p strong { 
  background: linear-gradient(transparent 40%, #f6ff00 40%); 
}
.aboutAreaInner li:nth-child(1) { 
  background: #fff; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e5f4eb)); 
  background-image: -webkit-linear-gradient(bottom, #fff 0%, #e5f4eb 100%); 
  background-image: -moz-linear-gradient(bottom, #fff 0%, #e5f4eb 100%); 
  background-image: -ms-linear-gradient(bottom, #fff 0%, #e5f4eb 100%); 
  background-image: linear-gradient(to bottom, #fff 0%, #e5f4eb 100%); 
}
.aboutAreaInner li:nth-child(1) h4 { 
  background: #a1d4b4; 
}
.aboutAreaInner li:nth-child(2) { 
  background: #fff; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e1eff1)); 
  background-image: -webkit-linear-gradient(bottom, #fff 0%, #e1eff1 100%); 
  background-image: -moz-linear-gradient(bottom, #fff 0%, #e1eff1 100%); 
  background-image: -ms-linear-gradient(bottom, #fff 0%, #e1eff1 100%); 
  background-image: linear-gradient(to bottom, #fff 0%, #e1eff1 100%); 
}
.aboutAreaInner li:nth-child(2) h4 { 
  background: #a1ced4; 
}
.aboutAreaInner li:nth-child(3) { 
  background: #fff; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f5ede9)); 
  background-image: -webkit-linear-gradient(bottom, #fff 0%, #f5ede9 100%); 
  background-image: -moz-linear-gradient(bottom, #fff 0%, #f5ede9 100%); 
  background-image: -ms-linear-gradient(bottom, #fff 0%, #f5ede9 100%); 
  background-image: linear-gradient(to bottom, #fff 0%, #f5ede9 100%); 
}
.aboutAreaInner li:nth-child(3) h4 { 
  background: #eab693; 
}
.aboutAreaInner li:nth-child(4) { 
  background: #fff; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eff2e7)); 
  background-image: -webkit-linear-gradient(bottom, #fff 0%, #eff2e7 100%); 
  background-image: -moz-linear-gradient(bottom, #fff 0%, #eff2e7 100%); 
  background-image: -ms-linear-gradient(bottom, #fff 0%, #eff2e7 100%); 
  background-image: linear-gradient(to bottom, #fff 0%, #eff2e7 100%); 
}
.aboutAreaInner li:nth-child(4) h4 { 
  background: #c4d4a1; 
}

.box_caseStudy{
	width: 100%;
	padding: 2rem;
	box-shadow: 0 0 8px #e1e1e1;
	border-radius: 4px;
}
.caseStudy_inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.caseStudy_inner li {
	width: 49%;
}

.step_inner{
	width: 68%;
	margin: 0 auto;
}
.step_inner li{
	margin-bottom: 2rem;
}
.step_inner li:last-child{
	margin-bottom: 0;
}

.text_youkou {
	font-size: 1.4rem;
	line-height: 1.75;
}
.text_youkou > li {
	padding-left: 1.4rem;
	position: relative;
}
.text_youkou > li:before {
	content: "・";
	position: absolute;
	left: 0;
	top: 0;
}

.footArea { 
  background: url(../img/foot_bg.jpg) no-repeat bottom right; 
  background-size: contain; 
  padding: 55px 0; 
}
.footAreaCont{
  padding: 0;
}
.footArea h2 { 
  font-size: 19px; 
  font-weight: bold; 
  line-height: 1.6; 
  margin-bottom: 30px; 
  padding: 0 15px;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; 
  
}
.footArea .lead { 
  font-size: 17px; 
  font-weight: bold; 
  line-height: 1.6;
  padding: 0 15px;
  text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff; 
}
.footArea ul { 
  padding: 10px 15px 0; 
}
.footArea .cvArea .button.mb20{
  margin-bottom: 20px;
}
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 10px 0;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
}

.footer_area_inner .cvButton { 
  font-size: 1.6rem; 
  padding: 13px 0;
  text-align: center;
}
@media screen and (max-width: 320px) {
	.footer_area_inner .cvButton {
		font-size: 1.2rem;
	}
	
}