/*ハンバーガーメニュー＿＿＿＿*/
	/*SPナビ＿＿＿＿＿＿＿＿＿＿＿＿*/

/*@media all and (max-width:64em) {*/
@media (max-width: 64em) {


#content-points-d {

    padding-bottom: 14rem;
}

	
	

.sp-logo-area{
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
.sp-nav{
	padding: 20px 5%;
}	
.sp-logo{
	text-align: center;
	font-weight: bold;
	font-size: 110%;
}
.header-logo-area{
	width: 55%;
}
.toggle {
	display: block;
	position: fixed;    /* bodyに対しての絶対位置指定 */
	right: 5px;
	top: 5px;
	width: 56px;
	height: 56px;
	cursor: pointer;
	z-index: 9999;
	text-align: center;
	background-color: #82ae41;
	border-radius: 10px;
}
 
.toggle span {
	display: block;
	position: absolute;    /* .toggleに対して */
	width: 37px;
	
	border-bottom: 3px solid #fff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 9px;
}
 
.toggle span:nth-child(1) {
    top: 10px;
}
 
.toggle span:nth-child(2) {
    top: 20px;
} 
.toggle span:nth-child(3) {
    top: 30px;
}
/* 最初のspanをマイナス45度に */
.toggle.active span:nth-child(1) {
    top: 23px;
    left: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
} 
/* 2番目と3番目のspanを45度に */
.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
    top: 23px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}



.hanmenu {
	color: #000;
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 15px;
	font-size: 10px;
	letter-spacing: 1px;
	
	bottom: 2px;
border-bottom: 0px!important;
}


}

/*@media  (max-width:64em) {
.hanmenu {
	color: #000;
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 15px;
	font-size: 10px;
	letter-spacing: 1px;
	
	bottom: 2px;
border-bottom: 0px!important;
}


}*/

@media all and (max-width:640px) {
	
	
/*header＿＿＿＿＿＿＿＿＿*/

.headline{
	height: 0px;
	padding: 0px;
	position: relative;  
	box-shadow: 0px 0px 0px 0px rgba(128,128,128,0.10);
	-webkit-box-shadow:  0px 0px 0px 0px rgba(128,128,128,0.10);
	height: 50px;
} 
.header-logo-area{
	float: left;
	width: 90%;
	text-align: left;
	margin-top: 3px;
	margin-bottom: 3px
} 

.header-logo-area .flex-center{
	/*display: inline-block;*/
	-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
justify-content: flex-start;
} 
.top-logo{
		font-size: 110%;
}
.header-icon{
	max-height: 40px;
	width: 40px;
}
#headnav-list{
	display: none;
}	
.gloval-nav{
	display: none;	
	
}




/*フッター＿＿＿＿＿＿＿*/
#l-footer{
	padding-top: 20px;
	margin-top: 0px;

	padding-bottom: 20px;
} 
.footnav{
	/*width: 100%;	
	overflow: hidden;
	-ms-justify-content: space-between;
    -webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: left;*/
} 
#footer-company{
	width: 0100%;
	padding: 0%;
	text-align: center;
	margin-bottom: 15px;
}
#footer-company ul{
	line-height: 2;
}
#footer-company h3{
	font-size: 105%;
	margin-bottom: 5px;
	display: inline-block;	/*position: relative;*/
}
#footer-company h3::before{
	/*content: "";
	display: inline-block;*/
	width: 30px;
	height: 30px;
    position: absolute;
	left: -40px;
	top: 0px;
	/*background-image: url("../img/c-icon-top.png");
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: contain;*/
}
.footer-contents{
	padding-left: 2%;
	padding-right: 2%;
}
.footer-contents1{
	margin: 0 auto;
	width: 80%;
}
.footer-contents2{
	margin: 0 auto;
	width: 80%;
}
.footer-contents3{
	margin: 0 auto;
	width: 80%;
}
.footer-contents h4{
	/*position: relative;
	margin-bottom: 10px;*/
	margin-top: 8px;
	
	text-align: center;
	
	
}
.footer-contents h4::before {
	/*content: "";
	display: inline-block;*/
	height: 20px;
	width: 11px;
position: relative;
left: -10px;
bottom: 3px;
}
.footer-contents ul{
	margin-top: -5px;	
}
.footer-contents li{
	line-height: 1.8;
	position: relative;
}

.footer-copyright {
	font-size: 70%;
	margin-top: 20px;
	
}





/*共通＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.flex{
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;*/
} 
.title{
	/*font-weight: bold;*/
	font-size: 2.2rem !important;
	/*position: relative;*/
	margin-bottom: 20px;
	line-height: 1.5;
	/*letter-spacing:0px*/
}
.title:before {
	/*position: absolute;
	content: "";*/
	bottom: -8px;
	left: 42%;
	width: 16%;
	height: 3px;
	border-bottom: 2px solid #000;
	
}
.font-white .title:before {
	/*border-bottom: 2px solid #fff;*/
}
.title2{
	/*font-weight: normal;*/
	font-size: 130%;
		margin-bottom: 20px;
	line-height: 1.5;
}
.title3{
	/*font-weight: normal;
	line-height: 1.5;
	color: #006197;
	border: 1px  solid #006197;*/
	font-size: 120%;
	margin-bottom: 15px;
	letter-spacing: 0px;
	padding: 5px;
}
.title4{
	font-size: 115%;
	margin-bottom: 15px;
	/*line-height: 1.5;
	background-color: #F2F2F2;
	text-align: center;
	color: #006197;*/
	letter-spacing: 0px;
	padding: 5px;
}
.title5{
	font-size: 120%;
	margin-bottom: 15px;
	/*line-height: 1.5;
	color: #006197;*/
	letter-spacing: 0px;
	padding: 10px 10px 10px 20px;
	/*position: relative;
	text-align: left;*/
}
.title5::after{
	/*content: "";
	position: absolute;
	border-left: 3px solid #25C4B9;
	display: inline-block;
	width: 4px;*/
	height: 80%;
	top: 6px;
	left: 7px;
}

.mb15{
	/*margin-bottom: 15px;*/
}
.mt10{
	/*text-align: left;
	margin-top: 10px;*/
}
.cp-txt{
	margin-top: 10px;
	
}

.list-img{
	margin-bottom: 10px;
}

/* .list-img{
	margin-bottom: 10px;
} */

.pc-only{
	display: none;
}
.full-width img {
	width: 100%;

}
.full-width2 img {
	width: 100%;
}

.service-img-sp{
display: block;
margin-bottom: -13%;
}

.service-img-pc{
display: none;
}

.box-txt {
    background-color: rgba(255,255,255,0.7);
    width: 100%;
    margin: 0 auto;
    padding: 2rem;
    position: relative;
    top: -25px;
    left: 0px;
    line-height: 2;
}

.col2-ul {
	width: 92%;
	margin-right: auto;
    margin-left: auto;
}
.col2-ul > li{
	width: 100%;
	margin-right: 0%;
   margin-bottom: 20px;
	
}
.col2-ul > li:nth-child(2n) {
    margin-right: 0;
}
.col2-ul > li:last-child {
    margin-bottom: 0;
}
.col3-ul {
	width: 86%;
	margin-right: auto;
    margin-left: auto;
}
.col3-ul > li{
	margin-bottom: 30px;
	width: 100%;
	float: none;
	margin-right: auto;
}
.col3-ul > li:nth-child(3n) {
   margin-right: auto;
}
.col4-ul {
	width: 92%;
	margin-right: auto;
    margin-left: auto;
}
.col4-ul > li{
    margin-bottom: 10px;
    width: 48%;
    margin-right: 4%;
}
.col4-ul > li:nth-child(4n) {
    margin-right: 4%;
}
.col4-ul > li:nth-child(2n) {
    margin-right: 0;
}
.l-left{
	margin: 0px auto 15px;
	width: 90%;
	float: none;
}
.l-right{
	margin: 0px auto 15px;
	width: 90%;
	float: none;
	}
.full-width img {
max-width: 100%;
height: auto;
}
.contents-title{
	margin: 0px auto 20px;
	max-width: 95%;
}
	
	
	
	
/*トップヒーローイメージ＿＿＿＿＿*/
  .main_logo {
    z-index:9999;
    position: absolute;
    top:50% !important;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:auto;
}

.main_imgM {
    opacity: 0;
    width: 100%;
    height: 50% !important;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
}
.main_imgBox {
    height: 60rem !important;
    overflow: hidden;
    position: relative;
}
	/*トップヒーローイメージ＿＿＿＿＿*/

	
	
/*<!--ボタン共通-->*/
.btn{
	/*display: block;
	text-align: center;*/
	padding: 13px;
	/*cursor: pointer;
	vertical-align: middle;
	margin: 0px auto;
	font-size: 1.1rem;
	line-height: 1;
	-webkit-transition: all .5s;
	transition: all .5s;
	color: #000;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	letter-spacing: 2px;
	font-weight: bold;*/
	width: 75%;
	max-width: 350px;
	min-width: 200px;
	margin-top: 6rem;
}
.btn-layer{
	padding: 13px;
	max-width: 400px;
	min-width: 200px;
	/*background-image: linear-gradient( -31deg, rgb(0,47,168) 0%, rgb(0,199,187) 100%);
	background-clip: text;
	border-collapse: collapse;
	-webkit-background-clip: text;
	color: transparent;*/
	border: 2px solid #3f66be;
	border-radius: 25px;
	width: 75%;
}
.btn-layer:hover{
	padding: 13px;
	border: 2px solid #fff;
	color: #FFFFFF;
	background-clip: border-box;
	-webkit-background-clip: border-box;
	background-image: -moz-linear-gradient( -31deg, rgb(0,47,168) 0%, rgb(0,199,187) 100%);
	background-image: -webkit-linear-gradient( -31deg, rgb(0,47,168) 0%, rgb(0,199,187) 100%);
	background-image: -ms-linear-gradient( -31deg, rgb(0,47,168) 0%, rgb(0,199,187) 100%);
}
.btn img{
	/*margin-right: 8px;
	position: absolute;*/
	width: 18px;
	left: -20px;
	/*bottom: -3px;*/
}
.btn-in{
	/*position: relative;
	display: inline-block;
	padding-left: 5%;*/
}

.sub-title {
	text-align: center;
	margin-bottom: 20px;
}
.sub-title img{
	margin-bottom: 5px;
}
.title-middle{
	font-size: 1.2rem;
	letter-spacing: 1px;
}
.contents{
	padding: 20px 0%;
	margin: 10px 0px;
} 
.lh-wide{
	line-height: 1.8;
}
.padding-box{
  padding: 20px 1%;  
}
.padding-block{
	padding-top: 20px;
/* 	padding-bottom: 20px; */
}
.last-article{
  margin-bottom: 30px;  
}
.first-article{
padding-top: 0px;

}
/*.scale11:hover img {
		-webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
    transform: scale(1.1);
	transition: all .5s;
	
}
.op1:hover{
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}*/




.box-txt-service {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 20%;
    padding: 0 2%;
    line-height: 2;
}





/*サブページ＿＿＿＿＿＿＿＿＿共通＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/

.breadcrumbs {
	width: 100%;
	margin-bottom: 0px;
	margin-top: 5px;
	padding-bottom: 5px;
}
.breadcrumbs a{
	/*font-size: 85%;*/
}
.breadcrumbs ul {
	padding: 0px;
	width: 100%;
	/*width: 96%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1160px;*/
}
.breadcrumbs ul li {
   /*display: inline-block;
  padding-right: 20px;
  padding-left: 10px;
	position: relative;*/
	font-size: 90%;
}
.breadcrumbs ul li:after {
top: 20%;
width: 10px;
  height: 10px;  
}
.breadcrumbs ul li:last-child:after {
 
}


.subpage-titlearea{
	/*width: 100%;
	position: relative;
	z-index: 1;*/
	} 
.subpage-title{
	/*position: absolute;
	 top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
   
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: center;
	-webkit-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;*/
	
	padding-bottom: 5%;
}
.subpage-title h1{
	font-size: 140%;
	/*margin-bottom: 15px;
	font-weight: bold;*/
	letter-spacing: 2px;
	
}



.block{
	margin: 30px 0px 20px;
	/*overflow: hidden;*/
}
.block-mtwide{
	margin: 40px 0px 30px;
}
.block-mbwide{
	margin-bottom: 40px;
}
.block-title {
	/*text-align: center;*/
	margin-bottom: 20px;
	line-height: 1.2;
}
.block-title img{
	margin: 0 auto 5px;
	width: 12%;
	display: block;
}
.block-title h2{
	font-size: 2rem;
	letter-spacing: 2px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	border-bottom: 4px solid #FEE34A;
	background-image: none;
	display: inline-block;
	line-height: 1.2;
}
.block2 {
    margin: 30px 0px 30px;
    /*overflow: hidden;*/
}
.ls-wide{
    letter-spacing: 0.3rem;
	text-indent:0.2rem;
}
.common-dl{
	width: 100%;
	margin: auto;
	border-bottom: 1px solid #82ae41;
	text-align: left;
}
/*.common-dl:last-child {
	border-bottom: 0px;
}*/
.common-dl dt{
	width: 100%;
	float: none;
	padding: 8px 0% 0px;
	/*font-weight: bold;
	clear: both;
	overflow: hidden;	*/
	letter-spacing: 2px;
}
.common-dl dd{
    /*text-align: left;*/
	width: 100%;
	float: none;
	padding: 3px 3%;
}


/*フォーム共通*/
.table-h2{
	margin-bottom: 5px;
}
.form-table-area{
	border: 3px solid #FEE34A;
	padding: 15px 2%;
	/*width: 100%;
	margin: 0 auto;
	max-width: 900px;*/
}
.form-table-area2 {
    padding: 5px 2%;
   /* width: 100%;
    margin: 0 auto;
    max-width: 900px;*/
}
.form-table {
	/*margin-left: auto;
	margin-right: auto;
	width: 100%;
	vertical-align: middle;
	text-align: left;
	line-height: 1.3;*/
}
/*.font-mini{
	font-size: 70%;	
	vertical-align: middle;
}*/
.must{
	border-radius: 0px;
	/*font-size: 70%;
	vertical-align: middle;
	padding: 3px 5px;
	background-color: #9cd2e7;
	margin-left: 10px;
	white-space: nowrap;*/
}
.form-table tr {
	border-bottom: 0px solid #DBDBDB;
	/*vertical-align: middle;
	width: 100%;
	*/
}
/*.form-table tr:last-child {
    border-bottom: 0px;
}*/
.form-table th {
	padding: 10px 10px 5px;
	width: 100%;
	vertical-align: middle;
	display: block;
	max-width: 100%;
	letter-spacing: 3px;
}
.form-table td {
	width: 99% !important;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 5px;
	vertical-align: middle;
	display: block;
	max-width: 100%;
}
input, select, textarea {
    vertical-align: middle;
    font-size: 110%;
    margin-bottom: 4px;
    max-width: 99% !important;
}
.form-table td input{
	/*border: 1px solid #e4e4e4;*/
	padding: 5px;
	
}
textarea{
	/*border: 1px solid #EAEAEA;*/
	width: 100% !important;
}
.form-thanks-p{
	padding-top: 50px;
	padding-bottom: 60px;
	line-height: 3;
}
.form-confirmbtn {
    margin-top: 10px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 110%;
	border-radius: 0px;
}
.contact-confirmbtn input {
	color: #FFFFFF;
	padding: 10px;
	display: block;
	background-color: #2E9E78;
	font-size: 100%;
	cursor: pointer;
	width: 340px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	letter-spacing: 3px;
	line-height: 1;
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.center-txt{
	width: 95%;
	text-align: left;
}


/*トップページ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
#top-main{
	    height: 318px;
	/*width: 100%;
	position: relative;
	z-index: 1;	*/
	
} 

.top-main-p{
	/*position: absolute;
	 top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
   
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: center;
	-webkit-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;*/
	
	padding-bottom: 0%;
}
.top-main-p h1{
font-size: 1.2rem;
padding-bottom: 1rem;
}
.top-main-p span{
	font-size: 160%;
	margin-bottom: 15px;
	letter-spacing: 1px;
	/*font-weight: bold;*/
}
.top-main-btns{
	 z-index: 3;
	position: absolute;
	bottom: 0px;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	right: 0;
	
}
.top-main-btns li{
	width: 45%;
	/*position: relative;
	max-width: 450px;*/
}
.top-main-btns li a::after{
	/*content: "";
	z-index: 1;
  position: absolute;
  width: 0;
  height: 0;*/
  bottom: -20px;
  /*left: 0;
  border-style: solid;
  border-color: #25c4b9 transparent transparent transparent;*/
  border-width: 20px 22vw 0 22vw;
  
}
/*.top-main-btns .top-main-btns1 a::after{
	border-color: #25c4b9 transparent transparent transparent;
}
.top-main-btns .top-main-btns2 a::after{
	border-color: #0289b5 transparent transparent transparent;
}*/
/*.top-main-btns a{
	display: block;	
}*/
#top-about{
	padding: 30px 0 0px;
}
.top-about{
	/*max-width: 900px;
	margin: auto;
	position: relative;*/
}
.top-about-p{
	width: 100%;
	padding-bottom: 30px;	/*max-width: 800px;
	margin: auto;*/
}
.top-about-tree1{
	position: absolute;
	bottom: 20px;
	left: 45%;
	width: 10%;
	
}
.top-about-tree2{
   /*position: absolute;
   bottom: -20px;
   right: 8%;
   width: 13%;*/
   display: none;
}
#top-points{
	padding-bottom: 60px;	
	padding-top: 0px;
}
.top-points{
	padding-bottom: 131px;	
}
#top-points1,#top-points2{
	/*position: relative;*/
}
.top-point-bg-1 img{
	width: 100%;
	z-index: 1;
	float: none;
}
.top-point-bg-2 img{
	width: 100%;
	z-index: 1;
	float: none;
}

.top-point-bg-1,.top-point-bg-2 {
	position: absolute;
	top: -80px;
	width: 100%;
}
.top-point-bg-1 img{
		width: 100%;
	z-index: 1;
	float: none;
}
.top-point-bg-2 img{
		width: 100%;
	z-index: 1;
	float: left;
}


.top-point-box{
	position: relative;
	top: 190px;
	width: 100%;
padding-top: 3rem;
padding-bottom: 1rem;
background-color: rgba(255,255,255,0.8);
}
.top-points:last-child{
	padding-bottom: 10px;	
}
.top-points:nth-child(2){
	padding-bottom: 10px;	
}
.top-point-box-1{
	float: none;
	left: 0px;
}
.top-point-box-2{
	float: none;
	right: 0px;
	top: 0px;
}

.top-point-boxin{
	/*max-width: 700px;
	width: 100%;*/
	/*margin: auto;
	position: relative;*/
	padding-top: 0px;
}
.top-point-boxnum{
	/*position: absolute;*/
	top: -40px;
	width: 70px;
	
}
.top-point-box-1 .top-point-boxnum{
	left: 0%;
}
.top-point-box-2 .top-point-boxnum{
	right: -3%;
	left: 0%;
}
.top-point-box-cat {
	/*color: #fff;
	display: inline-block;*/
	padding: 4px 10px;
	margin-bottom: 10px;
	line-height: 1;
	margin-top: 0px;
}
.top-point-boxin li{
		margin-bottom: 8px;
}
.top-point-box ul{
	margin-bottom: 41px;
}
.top-support h3{
	font-size: 2rem;
}
.top-support ul{
	text-align: left;
	margin-top: 50px;
}

.col1-ul > li {
    width: 100%;
    float: left;
margin-bottom: -2rem;
}


#ecotour{
	background-color: #FFF;
	padding-top: 30px;
	background-image: url("../img/top-bg-wave.png");
	background-size: 30px auto;
	background-repeat: repeat-x;
	background-position: left 23px;
}
#ecotour2{
	background-color: #FFF;
	padding-top: 30px;
	background-image: url("../img/top-bg-wave.png");
	background-size: 30px auto;
	background-repeat: repeat-x;
	background-position: left 23px;
}
.ecotour{
	background-color: #FFFBC3;
	
}
.top-ecotour-box{
margin-bottom: 20px;

}
.top-activity-ul{
margin: 50px auto;
}
.top-activity-box{
	text-align: left;
}
.top-info-box {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	max-width: 840px
	
}
.top-info-box dt {
	width: 20%;
	float: left;
	height: auto;
	overflow: hidden;
	display: inline-block;
	padding:10px;	
}
.top-info-box  dd {
    display: inline-block;
    width: 75%;
    height: auto;
    overflow: hidden;
    text-align: left;
	padding:10px;
}
.top-info-boxborder{
	padding-top: 15px;
	padding-bottom: 15px;
}

.mvbefore01{
	opacity:0;
	transition: .6s;
	transform: translate(0px, 0px);
	-webkit-transform: translate(0px,0px);	
	
}
.mv01{
	opacity:1;
	transition: .6s;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	
}
.mvbefore02{
	opacity:0;
	transition: .7s;
	transform: translate(00px, 0px);
	-webkit-transform: translate(00px,0px);	
	
}
.mv02{
	opacity:1;
	transition: .7s;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	
}

.top-point-box-green {
width: 100%;
z-index: 2;
background-color: rgba(215,221,176,0.7);
padding: 30px 5% 16px;
z-index: 2;
text-align: center;
position: relative;
top: 17rem;
margin-bottom: 15rem;
}

.footer-contact {
    padding: 12% 0 0;
    position: relative;
/*    margin-top: -160px; */
}

.centerTitle.clr-w {
    color: #fff;
    font-size: 2.8rem;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: normal;
}

.footer-contact .box p {
    font-size: 1.8rem;
    margin-bottom: 5%;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: normal;
}





































/*お知らせ＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.info-box{
	/*text-align: left;*/
}
.info-box-in{
	padding: 10px 3% 15px;
}
.info-date{
/*border-top: 3px solid #F2F2F2;
	color: #00D0C5;
	line-height: 1;*/
	padding-top: 10px;
	padding-bottom: 10px;
}
.info-date span{
padding-top: 10px;
	/*border-top: 3px solid #00D0C5;*/
}
.info-box h3{
	margin-bottom: 0px;
}
.info-img{
	margin-top: 15px;
	/*max-width: 90%;
	margin-left: auto;
	margin-right: auto;*/
}
/*活動報告＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.activity-title{
	/*background-color: #E5F1F9;*/
	padding-top: 0px;
	padding-bottom: 0px;
	font-size: 110%
	}
.activity-title a{
	line-height: 2;
}
.activity-date{
	/*color: #fff;
	background-color: #00D0C5;*/
	padding: 5px;
	margin-right: 5px;
	width: 100%;
	display: block;
	font-size: 100%;
}
.activity-photos{
	margin-top: 10px;
	margin-bottom: 10px;
}
.activity-past{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.activity-past a{
	display: block;
	padding: 8px;
	border: 2px solid #25c4b9;
}
.activity-past li{
	margin-bottom: 10px;
}
/*環境取組支援情報＿＿＿＿*/
.subnav{
	/*color: #25C4B9;
	border-collapse: collapse;	*/
	margin-top: 5px;
	padding-bottom: 10px;
	font-size: 90%
}
.subnav ul {
	/*display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;*/
	border: 2px solid #25C4B9;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.subnav ul li{
    margin-bottom: 0px;
    width: 100%;
    float: left;
    margin-right: 0%;
	border-bottom: 1px solid #25C4B9;
}


.subnav a{
/*display: block;*/	
	border: 0px solid #25C4B9;
	/*border-bottom: 1px solid #25C4B9;*/
	padding: 6px 2%;
	background-image: url("../img/c-icon-more.gif");
	background-repeat: no-repeat;
	background-position: 95% 50%;
	
	transition: all .0s;
	transition: all .0s; 
}
.subnav li:nth-child(5n) a{
    border-bottom: 0px;
}
.subnav a:hover{
	background-color: #FFFFFF;
	border: 0px solid #25C4B9;
	/*border-bottom: 1px solid #25C4B9;*/
	-webkit-transition: all .0s;
	transition: all .0s;
	font-weight: normal;	/*font-weight: bold;
	
	opacity: 1;*/
}
.subnav .subnav-now a{
	border-bottom: 0px solid #25C4B9;
	border: 0px solid #fff;
 }
.subnav .subnav-now{
	/*background-color: #FFFFFF;*/
	/*border: 3px solid #fff;*/
	border: 0px solid #fff;
	border-bottom: 1px solid #25C4B9;
	background-image: none;
	
	/*color: #000000;
	;*/
}
.subnav li:last-child{
	border-bottom: 0px solid #25C4B9;
}
.subnav li:last-child a:hover{
	border-bottom: 0px solid #25C4B9!important;
}
.subnav .subnav-now:hover{
	/*background-color: #FFFFFF;
	border: 3px solid #fff;*/
	/*border: 0px solid #fff;*/
	border-bottom: 1px solid #25C4B9;
	/*color: #000000;*/
}
.subnav2 ul li{
	max-width: 100%;    
} 
/*記事のパターン＿＿＿＿＿*/
.case{
	
}
.case-in{
	/*text-align: left;*/
	margin: 15px auto 30px;
	width: 94%;	/*margin-left: auto;
	margin-right: auto;*/
	
}
.case-in h5{
	font-size: 105%;
	/*background-image:
	text-align: center;
	url("../img/case-h5-bg.gif");
	background-repeat: no-repeat;
	background-position: center bottom;*/
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.case-col3-ul h6{
	/*font-size: 100%;*/
	/*border-left: 3px solid #25C4B9;*/
	/*padding-left: 13px;
	margin-bottom: 10px;
	position: relative;*/
}
.case-col3-ul h6::after{
	/*content: "";
	display: inline-block;
	width: 5px;*/
	height: 15px;
	/*position: absolute;
	border-left: 3px solid #25C4B9;
	top: 3px;
	left: 0px;*/
}
.case-col3-ul p{
	/*padding-left: 15px;
	line-height: 1.5;
	font-size: 95%;*/
	margin-top: -5px;
}
.case-col3-ul li{
/*line-height: 1.5;
	margin-bottom: 10px;*/	
}


/*環境教材＿＿＿＿＿＿＿＿＿＿*/
.tool-list{
	margin-top: 30px;	
	}
.tool-list > li{
	width: 100%;
	margin-right: 4%;
	margin-bottom: 30px;
	margin-left: 4%;
}
.tool-title{
	/*line-height: 1.4;
	font-weight: normal;*/
	padding: 8px;
	margin-bottom: 15px;
}
.tool-headlist{
margin-top: 10px;
/*text-align: left;*/
margin-bottom: 10px;
}
.tool-headlist li{
	/*display: block;
	width: 100%;*/
	margin-bottom: 10px;
	/*position: relative;
	border-left: 3px solid #25C4B9;
	padding-left: 10px;
	line-height: 1.3;*/
}
.dl-btn{
	width: 75%;
	/*margin-left: auto;
	margin-right: auto;*/
}
/*環境関連法令情報＿＿＿＿＿＿＿＿＿＿*/
.law-box{
	/*background-color: #F2F2F2;*/
	padding: 10px 3%;
}
.law-box h3{
    margin-top: 10px;
	margin-bottom: 10px;
	font-size: 120%;
	letter-spacing: 0px;
}
.law-headlist{
	margin-top: 15px;
}
.law-headlist li a{
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding: 7px 5% 7px 3%;
	/*display: block;
	background-image: url("../img/c-icon-file.gif");
	background-repeat: no-repeat;
	background-position: 97% 50%;*/
}

/*取組事例テーブル＿＿＿＿＿＿＿*/
.case-table {
	/*text-align: left;*/
	line-height: 1.8;
	/*overflow: scroll;*/
	-webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
	overflow-x:auto;
	overflow-y:hidden;
	
	/*height: 400px;*/
	/*-webkit-overflow-scrolling: touch;*/
	/*height: 1100px;*/
}
.case-table table {
	width: 800px!important;
}
.case-table th {
	padding: 7px 10px;
	font-size: 105%;
}
.case-table td {
	vertical-align: top;
	padding: 7px 10px 7px 10px;
	/*border-right: 1px dashed #25C4B9;
	border-bottom: 1px solid #25c4b9;*/
}
.case-table td:last-child {
	border-right: none;
}


.table1 {
	/*margin: 0 auto;
	width: 800px!important;
	border-top: 1px solid #25c4b9;*/
	/*font-weight: normal;
	padding-left: 0px;*/
}
.table1 th {
	/*border-right: solid 1px #fef8e7;
	margin: 0;
	text-align: left;*/
	/*border-bottom: 1px solid #25c4b9;
	background-color: #fafafa;
	vertical-align: top;
	font-weight: bolder;
	color: #25C4B9;*/
}
.table1 th:nth-child(1) {
	width: 150px;
}
.table1 tr:last-child th {
	/*border-bottom: 1px solid #25c4b9;
	vertical-align: middle;*/
}
.table1 td {
	/*padding: 7px 0 7px 10px;
	margin: 0;
	border-left: none;
	border-right: 1px dashed #25C4B9;
	border-bottom: 1px solid #25c4b9;
	border-top: none;
	overflow: hidden;*/
}
.table1 td:nth-child(1) {
	min-width: 100px!important;
}
.table1 td:last-child {
	/*width: 100px;*/
	/*text-align: center;*/
}

.table1 .th-adj {
	width:  120px !important;
}

/*.table1 tbody tr td:last-child {
	border-right: none;
}*/

.table2 {
	/*margin: 0 auto;*/
	width: 800px!important;
	/*border-top: 1px solid #25c4b9;
	font-weight: normal;
	padding-left: 0px;*/
}
.table2 th {
	/*border-right: solid 1px #fef8e7;
	margin: 0;
	text-align: left;*/
	/*padding: 7px 10px;*/
	/*border-bottom: 1px solid #25c4b9;
	background-color: #fafafa;
	vertical-align: top;
	font-weight: bolder;
	color: #25C4B9;
	font-size: 18px;*/
}

.table2 th:nth-child(1) {
	width: 150px;
}
.table2 tr:last-child th {
	/*border-bottom: 1px solid #25c4b9;
	vertical-align: middle;*/
}
.table2 td {
	/*padding: 7px 0 7px 10px;*/
	/*margin: 0;
	border-left: none;
	border-right: 1px dashed #25C4B9;
	border-bottom: 1px solid #25c4b9;
	border-top: none;*/
	/*overflow: hidden;
	vertical-align: top;*/
	
}
.table2 td:nth-child(1) {
	width: 150px;
}
.table2 tbody tr td:last-child {
	/*border-right: none;*/
}
.table3 {
	/*margin: 0 auto;
	width: 1090px;
	border-top: 1px solid #25c4b9;*/
	/*font-weight: normal;*/	
}
.table3 th {
	/*border-right: solid 1px #fef8e7;
	border-bottom: 1px solid #25c4b9;
	background-color: #fafafa;
	color: #25C4B9;*/
}
.table3 th:nth-child(1) {
	width: 150px;
}
.table3 tr:last-child th {
	/*border-bottom: 1px solid #25c4b9;
	vertical-align: middle;*/
}
.table3 td {
	/*border-right: 1px dashed #25C4B9;
	border-bottom: 1px solid #25c4b9;
	*/
}
.table3 td:nth-child(1) {
	width: 200px;
}
.table3 td:nth-child(3) {
	width: 400px;
}
.table3 td:last-child {
	width: 100px;
	/*text-align: center;*/
}
.table5 th {
	width: 100%;
	/*border-right: solid 1px #fef8e7;
	margin: 0;
	border-bottom: 1px solid #25c4b9;
	background-color: #fafafa;
	color: #25C4B9;*/
}
.table5 td {
	/*border-bottom: 1px solid #25c4b9;
	width: 100%;	*/	
}
.case-table table.table5 {
	width:  100%!important;
}
.case-table .title5{
	margin-bottom: 10px;
	font-size: 110%;
}
#support-skkd .table2 th{
	width: 50px!important;
	/*background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;*/
	border-right: 1px solid #25c4b9;
}
#support-skkd .table2 td{
	/*width: 30%!important;*/
	/*background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;*/
	/*border-right: 1px solid #25c4b9;*/
}
#support-skkd .table2 td:nth-child(2) {
	/*width: 100px!important;*/
}

.case-table .table4 {
	width: 300px !important;
}
.table4 th {
	
	border-right: solid 1px #fef8e7;
	border-bottom: 1px solid #25c4b9;
	background-color: #fafafa;
	color: #25C4B9;
}
.table4 tr:last-child th {
}
 
.table4 td {
	border-bottom: 1px solid #25c4b9;
	white-space: nowrap;
}
.table4 tbody tr td:nth-child(1) {
	border-right: 1px dashed #25C4B9;
	width: 150px!important;
}
.table4 td a:hover {
	color: #25C4B9;
	opacity: 1;
	transition: all 0.3s ease;
}
iframe{
    width: 100%;
	height: 200px;
	margin: 30px auto;
	}

.about-table{
	margin: 0 auto 25px;
	width: 92%;
	/*line-height: 1.8;*/
	/*vertical-align: middle;
	text-align: left;*/
}
.about-table th{
	width: 30px;
	width: 100%;
	display: block;
	/*color: #FFFFFF;*/
	padding: 8px;
		/*line-height: 1.3;
	vertical-align: middle;*/
}
.about-table td{
display: block;
	/*vertical-align: middle;*/
}
.about-chklist{
	padding-left: 10px;
}
.about-chklist li{
	padding-top: 7px;
	padding-bottom: 7px;
	/*position: relative;
	border-bottom: 1px solid #f3f3f3;*/
	padding-left: 25px;
}
.about-chklist li:last-child{
	/*border-bottom: none;*/
	
}
.about-chklist li::before{
top: 10px;
	/*content: "";
	display: block;
	position: absolute;
	
	left: 0px;
	width: 17px;
	height: 17px;
	border: 1px solid #00aa9e;*/
	}
/*.about-chklist2 li::before{
	border: 1px solid #65a500;
}*/	
.qa{
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}

.accordion dl {
	/*position: relative;*/
	padding: 10px 10% 10px 4%;
	/*background-color: #FFFFFF;
	text-align: left;*/
	margin-bottom: 10px;
} 
.accordion dt{
	/*display: block;
	background: #fff;
	cursor: pointer;
	font-weight: bold;*/
}
/*.accordion .accordion_icon,
.accordion .accordion_icon span {
	display: inline-block;
	transition: all .1s;
	box-sizing: border-box;
}*/
.accordion_icon {
	position: absolute;
	width: 20px;
	height: 20px;
	top:-34px;
	right:-26px;
	float: right;
	position: relative;
}
.accordion_icon span {
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #00b9c2;
}

 .accordion dd {
	display: none;	
	padding-left: 3%;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 2;
}
.top-qa .active {
	background-color: #fff;
	background-image: none;
}

.ecotour-flyer{
	padding: 6% 7%;
	margin-top: 15px;
}
.ecotour .btn{
	margin-top: 15px;
	letter-spacing: 0px;
}


.ecotour-about-box{
	padding: 50px 3%;
	border:  2px solid #00d0c5;

}
.ecotour-course{
	/*text-align: left;*/
}
.ecotour-course-li1{
	position: relative;
	margin-bottom: 40px;
}
.ecotour-course-li1::after{
	/*content: url("../img/c-icon-next.png");
    display: inline-block;
    vertical-align: middle;
	left: 50%;
	position: absolute;*/
	bottom: -35px;
}
.ecotour-course-li1:last-child{
	/*margin-bottom: 0px;*/
}
/*.ecotour-course li:last-child::after{
	content: '';
}*/
.ecotour-course-step{
	padding: 5px;
	/*height: 100%;*/
	width: 100%;
	/*text-align: center;*/
	float: none;
	
}
.ecotour-course-box{
	/*background-color: #FFFFFF;*/
	padding: 10px 1%;
	float: none;
	width: 100%;
	display: block;
}
.ecotour-course-box li{
	padding: 0px 1%;
	margin-bottom: 10px;
	display: block;
	width: 100%;
}
.ecotour-course-box li img{
	width: 20px;
	margin-right: 5px;
	vertical-align: middle;
}
.ecotour-course-course{
	width: 100%;	
}
.ecotour-course-time{
	width: 100%;	
}
.ecotour-course-place{
	width: 100%;
}

.btn .mailimg{
	bottom: 0px;
}
.ecotour-apply{
	padding-bottom: 10px;
}
.ecotour-apply h3{
	padding: 10px;
	
}
.ecotour-apply-box{
	padding: 0px 2% 0px;
}
.ecotour-apply-box li{
	margin-bottom: 10px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.ecotour-apply-box > li:nth-child(2n) {
    margin-right: auto;
}
.ecotour-apply-box .cp-txt{
	margin-bottom: 10px;
}
/*.ecotour-apply-a{
	font-size: 120%;
	font-weight: bolder;
	margin-top: 30px;
}*/
.ecotour-apply-cp {
	/*border: 1px solid #00D0C5;*/
	margin-top: 20px;
	padding: 10px 4%;
}
.ecotour-apply-cp h4{
	/*color: #00D0C5;*/
	margin-bottom: 10px;
}



/*  about ページ 追加CSS   */
.lh-wide35 {
    line-height: 2.5;
}


/*  service ページ 追加CSS 2カラム設定時  */

.padding-block{
/*   padding: 20px 0;   */
}

#concept h2,#works h2,.img-h2{
	width: 65%;
	max-width: 350px;
	margin: 0px auto 20px;
}
	#concept h2,#works h2,.img-h_con{
	width: 65%;
	max-width: 550px;
	margin: 0px auto 20px;
}
.garden-flow{
counter-reset: number;
}

.garden-flow-box{
	margin-bottom: 20px;
	
	}

.garden-flow-boxflex{
	/*display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;*/
	display: block;
	}	

/*.garden-flow-box:nth-child(even)  .garden-flow-boxflex{
-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}	*/
.garden-flow-boximg{
	
}
.garden-flow-box:nth-child(even)  .garden-flow-boximg{
	float: none;
}

.garden-flow-boximg,.garden-flow-boxp{
	width: 95%;
	/*margin-right: 2.5%;
	margin-left: 2.5%;*/
}

.garden-flow-boxp{
	/*text-align: left;
	line-height: 2;*/
}

.garden-flow-box:nth-child(even)  .garden-flow-boxp{
	float: none;
}

.garden-flow-boximg,.garden-flow-boxp{
	width: 95%;
	/*margin-right: 2.5%;
	margin-left: 2.5%;*/
}
/*  service ページ 追加CSS 2カラム設定時 END  */


/*serviceページ＿＿＿＿＿＿＿＿＿*/

.service-content-font {
    line-height: 1.5;
    color: #000;
    font-size: 2.4rem;
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 1rem;
}

.garden-flow-boxp p {
    margin-bottom: 3rem;
}


/*officeページ＿＿＿＿＿＿＿＿＿*/
.g-map-office {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    margin-top: -6rem;
    margin-bottom: 2rem;
}


/*pickupページ＿＿＿＿＿*/

.pickup-freecatch {
    color: #9FAC3F;
    font-size: 2.6rem;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    margin-top: 10rem;
    margin-bottom: 2rem;
    letter-spacing: 0.4rem;
}


.pickup-freecaption {
    font-size: 1.5rem;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
}

/*pickupページ内　テーブル箇所＿＿＿＿＿*/


#demo01 {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo01 table { border-right: none;}



#demo02 {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo02 table { border-right: none;}


#demo03 {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo03 table { border-right: none;}


/*priceページ内　テーブル箇所＿＿＿＿＿*/

#demo04 {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo04 table { border-right: none;}

#demo05{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo05 table { border-right: none;}


#demo06{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo06 table { border-right: none;}

#demo07{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo07 table { border-right: none;}

#demo08{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo08 table { border-right: none;}

#demo09{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo09 table { border-right: none;}

#demo10{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo10 table { border-right: none;}

#demo11{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo11 table { border-right: none;}

#demo12{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo12 table { border-right: none;}

	
	
#demo10000{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo10000 table { border-right: none;}	
	
	
#demo100{
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
#demo100 table { border-right: none;}	
	
.padding-block-green {
padding-right: 0;
padding-left: 0;
    background-color: #EEF0DC !important;
    max-width: 100% !important;
}


table {
    width: 600px;
}



/*contentページ スマートフォン版共通＿＿＿＿＿*/

.copy-content {
    font-size: 1.8rem;
    margin-bottom: 3rem;
}

.table-headtitle {
    font-size: 1.8rem;
    font-family: 'Noto Serif JP', serif;
    margin: 6rem 0 1rem 0;
}





}



/*↓*/
@media (max-width:64em) {

.sp_nav{
	display: block;
}
#headnav-list{
	display: none;	
}
}

@media (min-width:64em) {
.sp_nav{
display: none;
}
}




/*<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------タブレット------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------>*/

@media all and (min-width:641px) and (max-width: 900px){
/*.sp_nav{
	display: block;
}
.gloval-nav{
	display: none;	
}*/
.padding-box{
  padding: 80px 4%;  
}
.padding-block{
	padding-top: 80px;
/* 	padding-bottom: 80px; */
}
.last-article{
  margin-bottom: 80px;  
}
.top-logo{
	font-size: 130%;
	margin-top: 5px;
}
.header-icon{
	max-height: 40px;
	margin-right: 8px;
}
.global-nav{
	margin-top: 10px;
	font-size: 90%;
} 
.global-nav li a:hover span:before,.global-nav li a:hover span:after,.global-nav li a span:before,.global-nav li a span:after {
	/*bottom: -20px;*/
	border-bottom: 0px solid #9FAC3F;
	transition: all 0s ease;
}

.header-li a{
	/*border-bottom: 3px solid red; */
}

.title{
	margin-bottom: 50px;
}
.title2{
	margin-bottom: 35px;
}
#top-about{
	/*padding: 130px 0;*/
}
 .top-about-tree1{
   left: 2%;
   width: 13%;
}
.top-about-tree2{
  right: 2%;
   width: 13%;
}
.top-point-box{
	top: 100px;
	width: 54%;
	padding: 60px 4% 40px;
	}
#top-points{
	padding-bottom: 180px;	
}	
.top-points{
	padding-bottom: 150px;	
}
#top-points .btn{
margin-top: -80px;
}

#top-photoarea {
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: -13%;
    margin-bottom: -9rem;
}

#linkecotour{
	padding-top: 100px;
	background-position: left 91px;
}
#footer-company h3{
	font-size: 115%;
	margin-bottom: 15px;
	line-height: 1.5;
}
#footer-company ul{
	line-height: 2;
	margin-left: -35px;
	
}
.footnav{
	font-size: 90%;
} 
#footer-company{
	width: 38%;
}
.footer-contents2{
	width: 25%;
}


.case-table table {
	width: 100% !important;
}


}
.copy-content-person {
	    font-size: 3.2rem;
    margin-bottom: 1rem;
}