/* STYLES
-------------------------------------------------- */
/* font */

@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=2dea2670-15ae-4eb9-a67c-462c6d975628");
    @font-face{
        font-family:"AvenirNextLTW01-Regular";
        src:url("../Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
        src:url("../Fonts/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("../Fonts/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("../Fonts/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("../Fonts/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("../Fonts/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
    }
    @font-face{
        font-family:"AvenirNextLTW01-Medium";
        src:url("../Fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix");
        src:url("../Fonts/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix") format("eot"),url("../Fonts/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2") format("woff2"),url("../Fonts/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff"),url("../Fonts/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf") format("truetype"),url("../Fonts/a89d6ad1-a04f-4a8f-b140-e55478dbea80.svg#a89d6ad1-a04f-4a8f-b140-e55478dbea80") format("svg");
    }
    @font-face{
        font-family:"Avenir Next LT W01 Demi";
        src:url("../Fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
        src:url("../Fonts/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("../Fonts/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("../Fonts/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("../Fonts/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype"),url("../Fonts/99affa9a-a5e9-4559-bd07-20cf0071852d.svg#99affa9a-a5e9-4559-bd07-20cf0071852d") format("svg");
    }
    @font-face{
        font-family:"Avenir Next LT W01 Bold";
        src:url("../Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
        src:url("../Fonts/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"),url("../Fonts/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"),url("../Fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"),url("../Fonts/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"),url("../Fonts/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg");
    }
    @font-face{
        font-family:"AvenirNextLTW01-Heavy";
        src:url("../Fonts/3418f6be-70a5-4c26-af1d-c09a8642ca20.eot?#iefix");
        src:url("../Fonts/3418f6be-70a5-4c26-af1d-c09a8642ca20.eot?#iefix") format("eot"),url("../Fonts/5c57b2e2-f641-421e-a95f-65fcb47e409a.woff2") format("woff2"),url("../Fonts/181c847e-cdbc-43d5-ae14-03a81c8953b4.woff") format("woff"),url("../Fonts/045d1654-97f2-4ff0-9d24-21ba9dfee219.ttf") format("truetype"),url("../Fonts/3c111f4f-c9f7-45d4-b35f-4f4ed018842f.svg#3c111f4f-c9f7-45d4-b35f-4f4ed018842f") format("svg");
    }
    
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


body {
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans",sans-serif;
	color: #4C4948;
}
body.open,
body.open2,
body.open3,
body.open4{
  overflow: hidden;
}

section{
	margin: 0;
	padding: 0;
}

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.pc-non{display: none;}
.smp-non{display: block;}

/* spacer */
.pb10{ padding-bottom: 10px; }
.mt80{ margin-top: 70px; }

.fl { float: left; }

input{
	border:0;
	padding:10px;
	font-size:14px;
	color:#000;
	border:solid 1px #ccc;
}
textarea {
	border:0;
	padding:10px;
	font-size:14px;
	color:#000;
	border:solid 1px #ccc;
}

/* common */
.inner {
    width: 100%;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}


a:link, a:visited  { color: #007148; text-decoration: none; }       
a:hover, a:active  { color: #75b39a; text-decoration: none; } 

footer a:link, footer a:visited  { color: #FFF; text-decoration: none; }       
footer a:hover, footer a:active  { color: #CFE7DC; text-decoration: none; } 

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* fadein */
.fadein {
        opacity: 0.3;
        transition: opacity .4s;
    }
.fadein.scrollin {
        opacity: 1;
}

.mt40{
	margin-top: 40px;
}

/* header */
header#top-head{
/* 	position: absolute; */
	position: relative;
	left:0;
	top:0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 3%;
	width: 97%;
	z-index: 99999;
}

header#top-head .tl,
header#top-head .fix-tl {
	position: absolute;
    top:22px;
    left: 3%;
}
header#top-head .tl img,
header#top-head .fix-tl img {
  width: 110px;
  max-width: 100%;  /* 親コンテナ幅を超えないように */
  height: auto;     /* アスペクト比を維持 */
  display: block;   /* 余計な隙間を消すため */
}
header#top-head.is-fixed .tl img{
  width: 110px;
  opacity: 0.0;
  transition: all .8s;
} 
header#top-head.is-fixed fix-tl img{
  width: 110px;
  opacity: 1;
} 

@media screen and (max-width: 900px) {
	header#top-head .tl img,
	header#top-head .fix-tl img {
		width: 100px;
	}
	header#top-head.is-fixed .tl img{
	  width: 100px;
	  opacity: 0.0;
	  transition: all .8s;
	} 
	header#top-head.is-fixed fix-tl img{
	  width: 100px;
	  opacity: 1;
	} 
}

header#top-head .link-lang{
	position:absolute;
	right: 0;
    top:0%!important;
	margin-right: 3%;
	padding-top: 30px;
    font-size: 16px!important;
	font-family:'Avenir Next LT W01 Bold';
	font-weight: 700;
	text-align: right;
}
/*
header#top-head .link-lang a {
	color: #FFFFFF;
}
header#top-head .link-lang a:hover {
    color: #007148;
}
*/

header#top-head .link-lang2{
	position:absolute;
	right: 0;
    top:0%!important;
	margin-right: 3%;
	padding-top: 30px;
    font-size: 16px!important;
	font-family:'Avenir Next LT W01 Bold';
	font-weight: 700;
	text-align: right;
	z-index: 99999;
}
header#top-head .link-lang2 a {
	color: #007148;
}
header#top-head .link-lang2 a:hover {
    color: #CFE7DC;
}



/* page-top */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 16px;
    z-index: 9999;
    border: solid 2px #007148;
    background: #FFFFFF;
    width: 44px;
    box-sizing: border-box;
}
#page-top a {
    text-decoration: none;
    color: #007148;
    padding: 8px 0;
    text-align: center;
    display: block;
    border-radius: 0px;
}
#page-top a:hover {
    text-decoration: none;
}

/* contactBtn */
#contactBtn {
    position: fixed;
    bottom: 66px;
    right: 20px;
    z-index: 9999;
    width: 44px;
}
#contactBtn img {
    width: 100%;
}
#contactBtn a {
    text-decoration: none;
/*
    color: #007148;
    padding: 8px 0;
    text-align: center;
*/
    display: block;
    border-radius: 0px;
}
#contactBtn a:hover {
    text-decoration: none;
}


/* contactBtn */
.contactBtn-work {
    position: relative;
/*     width: 400px; */
    width: 280px;
    margin:  0 auto 30px;
}
.contactBtn-work img {
    width: 100%;
}
.contactBtn-work a {
    display: block;
}
.contactBtn-work a:hover {
	filter: opacity(70%);
}


/* read more */
.arrow,
.arrow-w {
    display: block;
    clear: both;
	font-family:'Avenir Next LT W01 Bold';
	font-weight: 700;
    text-align: right;
    position: relative;
    z-index: 9999;
}
.arrow a {
    text-decoration: none;
    color: #007148;
   	padding-right: 5px;
}
.arrow a:hover {
    text-decoration: none;
   	padding-right: 0px;
}
.arrow a::after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width:110px;/*画像の幅*/
  height: 5px;/*画像の高さ*/
  background-image: url(../img/link_arrow.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: right center;
}
.arrow-w a {
    text-decoration: none;
    color: #FFF;
   	padding-right: 5px;
}
.arrow-w a:hover {
    text-decoration: none;
   	padding-right: 0px;
}
.arrow-w a::after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width:110px;/*画像の幅*/
  height: 5px;/*画像の高さ*/
  background-image: url(../img/link_arrow_w.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: right center;
}


/* footer */
footer{
	padding: 3% 0 4%;
	text-align: left;
	background-color: #007148;
	position: relative;
	color: #FFF;


/*     background-image:url("../img/b_green.png"); */
	background-repeat:no-repeat;
	background-size: 1085px;
	background-position: -100px bottom;
	background-attachment: fixed;
}
footer .inner{
	width: 74%;
	margin: 30px 0 0 ;
	position: relative;
	left:16%;
	z-index: 999;
}
footer .inner .clm1{
	float: left;
	width: 50%;
}
footer .inner .clm2{
	float: right;
	width: 45%;
	margin-bottom: 40px;
}
footer .inner p.copy{
	padding-top: 30px;
	clear: both;
	text-align: right;
	font-size: 10px;
	font-family:'AvenirNextLTW01-Regular', sans-serif;
	color: #FFF;
}
footer h3 {
    font-size: 30px;
	font-family:'AvenirNextLTW01-Heavy';
	color: #FFF;
	margin-bottom: 30px;
}

/* News&Blog */
footer .news,
footer .blog{
	margin-bottom: 70px;
	float: left;
}
footer .news dl,
footer .blog dl {
	width: 100%;
	margin: 4px 0 20px ;
	line-height: 140%;
}
footer .news dl dt,
footer .blog dl dt {
	font-family:'AvenirNextLTW01-Regular', sans-serif;
	float: left;
	clear: left;
	width: 8em;
	color: #75b39a;
	padding-bottom: 8px;
}
footer .news dl dd,
footer .blog dl dd {
	margin-left: 8em;
	padding-bottom: 8px;
} 


footer .form{
	width: 100%;
}
footer .form dl{
	width: 100%;
	margin: 0 0 0 ;
}
footer .form dl:nth-child(1){
	width: 50%;
	float: left;
}
footer .form dl:nth-child(2){
	width: 50%;
	float: right;
}
footer .form dl dt{
	font-family:'Avenir Next LT W01 Bold', sans-serif;
	clear: left;
	width: 100%;
	color: #75b39a;
	padding-top: 6px;
	padding-bottom: 5px;
}
footer .form dl dd {
	margin-top: 5px 0;
}
footer .form dl dd input{
	width: 90%;
	box-sizing: border-box;
} 
footer .form dl dd textarea {
	width: 100%;
	margin: 0;
	box-sizing: border-box;
} 
footer .form p.atten{
	font-size: 11px;
	line-height: 140%;
	padding-top: 15px;
	float: left;
	width: 65%;
}
footer .form p.atten a{
	color: #CFE7DC;
}
footer .form p.atten a:hover{
	text-decoration: underline;
}
footer .form .btn{
	border:solid 2px #FFF;
	padding:8px 0;
	margin:15px 0px 20px 0;
	font-family:'Avenir Next LT W01 Bold', sans-serif;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	cursor:pointer;
	float: right;
	background: #007148;
	width: 30%;
	box-sizing: border-box;
	text-align: center;
}
footer .form .btn:hover{
	color:#007148;
	background: #FFFFFF;
}

/* ナビゲーション */
footer .nav {
	float: left;
	font-family:'Avenir Next LT W01 Demi', sans-serif;
	width: 100%;
	margin: 30px 0 0 0;
}
footer .nav .fl:nth-child(1),
footer .nav .fl:nth-child(2) {
	width: 40%;
}
footer .nav .fl:nth-child(3) {
	width: 20%;
}
footer .nav ul {
    list-style: none;
	margin: 0 10px 0 0;
	text-align: left;
	list-style: none;
}
footer .nav ul li {
	color: #75b39a;
	font-size: 12px;
	line-height: 180%;
	margin: 0;
	padding: 0;
}
footer .nav ul li a {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}
footer .nav ul li a:hover {
	color: #CFE7DC;
}




/* secondly */
#container{
/*
    background-image:url("../img/b_white.png");
	background-repeat:no-repeat;
	background-size: 1085px;
	background-position: -100px bottom;
	background-attachment: fixed;
*/
	
	width: 100%;
	margin: 0 ;
	padding-top: 20px;
	padding-bottom: 60px;
	position: relative;
		
}
#container h2 {
    font-size: 30px;
	font-family:'AvenirNextLTW01-Heavy';
	color: #007148;
/* 	padding-top: 105px; */
/* 	padding-top: 25px; */
	margin-bottom: 65px;
}
#container h2.contact {
    font-size: 30px;
	font-family:'AvenirNextLTW01-Heavy';
	color: #007148;
/* 	padding-top: 105px; */
	padding-top: 25px;
	margin-bottom: 35px;
}
/*
#container p {
    font-size: 30px;
}
*/
#container > #contents{
	position:relative;
	min-width: 600px;
	min-height: 500px;
	width: 62.5%;
margin: auto;
	font-size: 13px;
	line-height:180%;
}

#blog > #container > #contents{
	position:relative;
	min-width: 600px;
	min-height: 500px;
	width: 62.5%;
	left:16%;
	float: left;
	font-size: 13px;
	line-height:180%;
}
#blog-index > #container > #contents{
	position:relative;
	min-width: 600px;
	min-height: 500px;
	width: 62.5%;
margin: auto;
	font-size: 13px;
	line-height:180%;
}


/* work client */
.client_logo {
	overflow:hidden;
	margin-bottom:	2.5%;
	position:relative;	/* 相対位置指定 */
	
			width: 18%;
			float: left;
			box-sizing: border-box;
}
.client_logo{
	margin-right:2.5%;
}
.client_logo:nth-child(5n){
/*
.client_logo:nth-child(6),
.client_logo:nth-child(12),
.client_logo:nth-child(17),
.client_logo:nth-child(22),
.client_logo:nth-child(28),
.client_logo:nth-child(33){
*/
	margin-right:0;
}
.client_logo img{
	width: 100%;
	height: auto;
	aspect-ratio: 330 / 240;
	display: block;
}
.client_logo .caption {
	font-family:'Avenir Next LT W01 Demi', sans-serif;
	font-weight: 400;
	font-size:14px;
	line-height: 140%;
	text-align: center;
	padding-top:26%;
	color:	#007148;
}
.client_logo .mask {
	width:	100%;
	height:	100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(255,255,255,0.85);
	-webkit-transition:	all 0.2s ease;
	transition:	all 0.2s ease;
}
.client_logo:hover .mask {
	opacity:1;	/* マスクを表示する */
}

/* work case study */
.cs_thum {
	position:relative;	/* 相対位置指定 */
			width: 30%;
			float: left;
			box-sizing: border-box;
}
.cs_thum{
	margin-right:5%;
}
.cs_thum:nth-child(3n){
	margin-right:0;
}
.cs_thum .pic img{
	width: 100%;
	height: auto;
	aspect-ratio: 580 / 484;
	display: block;
}
.cs_thum .pic .mask {
	width:	100%;
	height:	100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.5);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:	all 0.2s ease;
}
.cs_thum a:hover .pic .mask {
	opacity:1;	/* マスクを表示する */
}
.cs_thum p{
	padding: 0!important;
	margin: 0!important;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans",sans-serif;
/*
	position: relative;
	z-index: 999;
*/
}
.cs_thum .cs_client{
	display: block !important;
	font-size: 12px!important;
	padding: 5% 0 0 0!important;
}
.cs_thum .kerning{
	letter-spacing: -1.8px!important;
}
.cs_thum .cs_name{
	display: block !important;
	width: 100% !important;
	height: 3.25em !important;
/* 	background-color: #ccc !important; */
	font-size: 16px!important;
	line-height: 140% !important;
}


/* 2025.6.17 */
.cs_thum .pic-blog {
	width: 100%;
	height: 0;
	padding-top: 75%;
	margin: 0 0 10px;
	background-size: cover;
}
.cs_thum .pic-blog .mask {
	width:	100%;
	height:	100%;
	position:absolute;	/* 絶対位置指定 */
	top:0;
	left:0;
	opacity:0;	/* マスクを表示しない */
	background-color:rgba(255,255,255,0.5);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:	all 0.2s ease;
}
.cs_thum a:hover .pic-blog .mask {
	opacity:1;	/* マスクを表示する */
}
.cs_thum .blog_date{
	font-size: 9px!important;
	padding: 0 0 12px;
	color: #7f7f7f;
}
.cs_thum .blog_fsS{
	font-size: 10px!important;
	padding: 0 0 6px;
	color: #4C4948;
}
.cs_thum .blog_fsM{
	/* display: block !important; */
	font-size: 14px!important;
	line-height: 140% !important;
	color: #4C4948;

		/* 20250704_1114 */
/*
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
*/
		min-height:80px;
		/* border: 1px solid #000; */
}





@media screen and (max-width: 800px) {

.pc-non{display: block;}
.smp-non{display: none;}

/* top */
#top-nav {display: none;}

/* contactBtn */
.contactBtn-work {
    position: relative;
    width: 200px;
    margin:  0 auto 20px;
}


header#top-head{
	position: relative;
	padding-top: 30px;
	margin-bottom: 0;
	left:0;
	top:0;
	padding-left: 3%;
	width: 97%;
	z-index: 99999;
}

header#top-head .tl {
	position: relative;
    float: left;
    top:0;
    left: 0;
}
header#top-head .fix-tl{
	display: none;
}
header#top-head .tl img {
	width: 100px;
}
header#top-head.is-fixed .tl img{
	width: 60px;
  opacity: 1.0;
  transition: all .3s;
} 

#page-top {
    position: fixed;
    bottom: 30px;
	  right: 4%;
    font-size: 16px;
    z-index: 9999;
    box-sizing: border-box;
}
/* contactBtn */
#contactBtn {
    position: fixed;
    bottom: 74px;
	  right: 4%;
    z-index: 9999;
}

/* secondly */
#container{
/*
    background-image:url("../img/b_white.png");
	background-repeat:no-repeat;
	background-size: 120%;
	background-position: -80px bottom;
	background-attachment: fixed;
*/
	background-image:none;
	width: 100%;
	margin: 0 ;
	padding-top: 0;
	padding-bottom: 30px;
	position: relative;
	
}
#container::before {
	opacity: 0.9;
	-webkit-opacity: 0.9;
  content:"";
  display:block;
  position:fixed;
  bottom:0;
  left:-40px;
  z-index:1;
  width:100%;
  height:80vh;
/*
  background:url(../img/b_white_smp.png) bottom/contain no-repeat;
  -webkit-background-size:contain;
*/
  }
#container h2 {
    font-size: 30px;
	font-family:'AvenirNextLTW01-Heavy';
	color: #007148;
/* 	padding-top: 45px; */
	margin-bottom: 45px;
}
#container > #contents{
	position:relative;
	min-width: auto;
	min-height: auto;
	width: 90%;
	left:0% !important;
	float: none;
	font-size: 13px;
	line-height:180%;
	z-index: 100;
}
#blog > #container > #contents{
	position:relative;
	min-width: auto;
	min-height: auto;
	width: 90%;
	left:0% !important;
	float: none;
	font-size: 13px;
	line-height:180%;
	z-index: 100;
}
#blog-index > #container > #contents{
	position:relative;
	min-width: auto;
	min-height: auto;
	width: 90%;
	left:0% !important;
	float: none;
	font-size: 13px;
	line-height:180%;
	z-index: 100;
}


/* work case study */
.cs_thum {
	overflow:hidden;
	margin-bottom:	2% !important;
	position:relative;	/* 相対位置指定 */
	
			width: 48%;
			float: left;
			box-sizing: border-box;
}
/*
.cs_thum:nth-child(1),
.cs_thum:nth-child(3),
.cs_thum:nth-child(5){
	margin-right:4%!important;
}
*/
/*
.cs_thum:nth-child(2),
.cs_thum:nth-child(4),
.cs_thum:nth-child(6){
	margin-right:0;
}
*/
.cs_thum:nth-child(odd){
	margin-right:4%!important;
}
.cs_thum:nth-child(even){
	margin-right:0;
}
.cs_thum .cs_client{
	font-size: 11px!important;
}
.cs_thum .kerning{
	letter-spacing: -0.5px!important;
}
.cs_thum .cs_name{
	font-size: 14px !important;
	line-height: 130% !important;
	height: 5em !important;
}
.client_logo .mask {
	display: none;
}
.cs_thum .blog_fsM{
	min-height: 7em !important;
}



/* footer */
footer{
	padding: 5% 0 4%;
	text-align: left;
	background-color: #007148;
	position: relative;
	color: #FFF;
	background-image:none;
	box-sizing: border-box;
/*
    background-image:url("../img/b_green.png");
	background-repeat:no-repeat;
	background-size: 120%;
	background-position: -80px bottom;
	background-attachment: fixed;
*/
}
footer .inner{
	width: 86%;
	margin: 3% auto 0 ;
	position: relative;
	left:0;
	z-index: 999;
}
footer .inner .clm1{
	float: none;
	width: 100%;
}
footer .inner .clm2{
	float: none;
	width: 100%;
	margin-bottom: 0;
}
footer .inner p.copy{
	padding-top: 20px;
	text-align: left;
}
footer h3 {
    font-size: 26px;
	font-family:'AvenirNextLTW01-Heavy';
	color: #FFF;
	margin-bottom: 30px;
}

/* News&Blog */
footer .news,
footer .blog{
	margin-bottom: 40px;
	float: none;
	clear: both;
}

/* ナビゲーション */
footer .nav {
	float: left;
	font-family:'Avenir Next LT W01 Demi', sans-serif;
	width: 100%;
	margin: 30px 0 30px 0;
	position: relative;
}
footer .nav .fl:nth-child(1),
footer .nav .fl:nth-child(2) {
	width: 40%;
}
footer .nav .fl:nth-child(3) {
	width: 20%;
}
footer .nav ul {
    list-style: none;
	margin: 0 10px 0 0;
	text-align: left;
	list-style: none;
}
footer .nav ul li {
	color: #75b39a;
	font-size: 12px;
	line-height: 180%;
	margin: 0;
	padding: 0;
}
footer .nav ul li a {
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}
footer .nav ul li a:hover {
	color: #CFE7DC;
}


}



@media screen and (max-width: 640px) {




}