@charset 'utf-8';
/*/////////////////すべてのサイトにおける設定ここから/////////////////*/
* {
  margin: 0;
  padding: 0;
	}

body {
	font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    line-height: 1.5;
	color: #343e47;
    background-color: #f9f9f9;
	font-size: 0.9vw;
	}

li {
  list-style-type: none;
	}

img {
	width:100%;
	}

a {
    text-decoration: none;
   	color: #343e47;
	}

h1,h2,h3,h4,h5 {
 font-size:1.5vw;
 text-decoration:none;
 font-weight: normal;
}
@media screen and (max-width: 767px){
h1,h2,h3,h4,h5 {
 font-size:4.5vw;
}
}

/*レスポンシブ*/
.forSp {
		display: none;
}

.forPc {
		display: block;
}
@media screen and (max-width: 767px){
.forSp {
		display: block;
}
	
.forPc {
		display: none;
}
}


/*フォントサイズ*/
body {
font-size:1.1vw;
}
@media screen and (max-width: 767px){
body {
font-size:3.5vw;
}
}

/*/////////////////すべてのサイトにおける設定ここまで/////////////////*/


header {
	background: #eee;
	}

h1 {
	width: 20%;
    padding-top: 2%;
	padding-bottom: 1.8%;
    margin-left: 10%;
	}

header ul {
	display: flex;
    width: 80%;
	margin: 0 auto;
	line-height: 4vw;
	}

header ul li {
	width: 20%;
    text-align: center;
    background: #eee;
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
    border-right: 1px solid #ddd;
	font-size: 1vw;
	}

header ul li:first-child {
	border-left: 1px solid #ddd;
	}

header ul li a {
	display: block;
	}

header ul li:hover {
	background-color: #990000;
	}

header ul li a:hover {
	background-color: #990000;
	color: #fff;
	}

/*ハンバーガーメニューここから*/
.spHeader {
	width: 100%;
	font-size: 0;
	position:fixed;
	top: 0;
	left:0;
    z-index: 300;
		}

.spHeader .spHinner {
	width: 100%;
	height:21vw;
	margin: 0 auto;
	background: rgba(0,0,0,0.0);
	box-sizing: border-box;
	text-align:center;
}

.spHeader .spHinner .spRogo {
	width:47vw;
	margin-left:-30px;
	display:inline-block;
	}

.spHeader .spHinner .spMenu {
	width:10vw;
	display:inline-block;
	}
	
 /*SPハンバーガー*/
.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: fixed;
 /*bottom: 20px;
 right: 20px;*/
 top: 0.7%;
 right: 6%;
 height: 13vw;
 z-index: 9999;
 background: rgba(0,0,0,0.0);
 border-radius: 4px;
}
a.menu-trigger:hover{
background: rgba(0,0,0,0.0);
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 8px;
 width: 70%;
 height: 4px;
 background-color: #343e47;
 transition:0.7s;
}
.menu-trigger span:nth-of-type(1) {
 top: 8px;
}
.menu-trigger span:nth-of-type(2) {
 top: 20px;
}
.menu-trigger span:nth-of-type(3) {
 top: 34px;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(15px) rotate(-45deg);
 transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-20px) rotate(45deg);
 transform: translateY(-15px) rotate(45deg);
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 text-align: center;
 position: fixed;
 top: 0;
 left:0;
 z-index: 100;
 background:  rgba(21, 21, 21, 0.65);
 padding-left: 15vw;
 box-sizing: border-box;
 overflow: scroll;
}
#overlay ul{
 padding-left: 0px;
 margin-top:0vw;
}

#overlay ul li{
	width: 100%;
	padding-left: 0px;
	list-style-type: none;
	display: flex;
	justify-content: center;
	padding-top: 10%;
    padding-bottom: 10%;	
	}

#overlay ul li p {
	width:48%;
	border-bottom:#FFF solid 0.1vw;
	padding-bottom:3vw;
}
#overlay ul li .left {
	margin-right:2vw;
}
#overlay ul li a{
 color: #343e47;
 text-decoration: none;
 font-size: 4.2vw;
 display: block;
}

#overlay ul li a:hover{
 color: #fff;
}


#overlay ul li .subMENU {
	color:#fff;
 font-size: 1vw;
	}
#overlay ul .MENUtel img {
	border-bottom:none;
}
#overlay ul .MENUtel {
	font-size: 3.5vw;
    color: #000;
	border-bottom:none;
}
@media screen and (max-width: 767px){
.menu-trigger {
 width: 11%;
}
}
/*ハンバーガーメニューここまで*/


.header_block {
	background-color: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
	}

.howto {
	width: 70%;
    margin: 0 auto;
	margin-top: 10%;
	}

h2 {
	font-size: 2.4vw;
    text-align: center;
    color: #990000;
    font-weight: bold;
	position: relative;
	margin-bottom: 10%;
	}

h2:before {
    content: "";
    position: absolute;
    bottom: -70%;
    width: 3.5%;
    background: #ccc;
    height: 0.2vw;
    left: 0;
    right: 0;
    margin: auto;
	}

h3 {
	background-color: #eee;
	padding: 2%;
	font-size: 1.6vw;
	margin-top: 5%;
	}

.at-auction_tit span {
	font-weight: bold;
	}

.at-auction_tit {
	font-size: 1.3vw;
    margin-bottom: 3%;
    margin-top: 3%;
	}

table {
	margin-top: 5%;
	margin-bottom: 5%;
	width: 100%;
	line-height: 3.5vw;
    font-size: 0.9vw;
	}


table tr:nth-child(odd) {
    background-color: #eee;
	}

td {
	padding-left: 2%;
	}

.what-ebs_txt {
	margin-top: 2%;
	}

.service {
	width: 70%;
    margin: 0 auto;
	margin-top: 10%;
	}

.team {
	margin-bottom: 10%;
	}

.team_block {
	margin-top: 5%;
	}

.post {
	font-weight: bold;
	margin-bottom: 1%;
	}

.team_subblock01 {
	display: flex;
	border-top: solid 1px #000;
    padding-top: 2%;
	}

.team_subblock02 {
	margin-left: 3%;
	}

.team_profile_img {
	width: 15%;
	}

.lee {
	margin-left: 18%;
	}

.team_member-name {
	font-size: 1.8vw;
	}

.team_txt {
	margin-top: 5%;
	}

.pdi-service {
	width: 25%;
	margin-top: 2.5%;
	}

.pdi-service ul {
	margin-bottom: 2%;
	}

.elv-Factory_block {
	display: flex;
	justify-content: space-between;
	}

.pdi_img {
    margin-top: 1%;
	}

.service_txt {
	margin-top: 2%;
	width: 70%;
	}

.service_txt span {
	font-weight: bold;
	}

.table_point {
	text-align: right;
	margin-top: -3%;
	}

.service table tbody tr td:last-child {
	width: 18%;
	}

td {
	padding: 1.2%;
	}

.td_line-height {
	line-height: 1.4vw;
	}

.terminology_bt {
	width: 30%;
    margin: 0 auto;
    text-align: center;
	background: #990000;
    color: #fff;
	line-height: 5vw;
	font-size: 1.7vw;
	margin-top: 8%;
	}

.terminology_bt a {
    color: #fff;
	text-decoration: none;
	display: block;
	}

.faq {
    margin: 0 auto;
	margin-top: 10%;
    padding-bottom: 10%;
    width: 70%;
	}



/*アコーディオンメニューここから*/
.acd-check{
    display: none;
	}

.acd-label{
    background-color: #eee;
    display: block;
    margin-bottom: 0%;
    padding: 1.5%;
	/*width: 100%;*/
    margin: 0 auto;
	position: relative;
	}

.acd-label img {
	position: absolute;
    width: 1.5%;
	top: 43%;
    right: 2%;
	}

.acd-content{
    /*border: 1px solid #333;*/
    height: 0;
    opacity: 0;
    padding: 1.5%;
    transition: .5s;
    visibility: hidden;
	}

.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 1.5%;
    visibility: visible;
	/*width: 100%;*/
    margin: 0 auto;
	}
/*アコーディオンメニューここまで*/


.about-ecoburn {
	width: 70%;
    margin: 0 auto;
    background: #dcdcdc;
    border: solid 1px #707070;
    text-align: center;
    line-height: 10vw;
    margin-top: 10%;
	font-size: 1.5vw;
    font-weight: bold;
	}

.about-ecoburn a {
	display: block;
	}

footer {
	background: #eee;
	margin-top: 15%;
	padding-top: 4%;
	text-align: center;
	}

h4 {
	width: 16%;
    margin: 0 auto;
	margin-bottom: 3%;
	}

.contact {
    padding: 1% 4%;
    border-radius: 3px;
    font-size: 1.5vw;
    background: rgba(0,0,0,0.1);
	width: 10%;
	margin: 0 auto;
	margin-top: 1%;
	display: block;
	}

footer ul {
	display: flex;
    width: 50%;
	margin: 0 auto;
	justify-content: space-between;
	margin-top: 5%;
    margin-bottom: 5%;
    font-weight: bold;
	}

footer ul li {
	/*width: 20%;*/
	}

.footer_block {
	background: #ccc;
	display: flex;
	justify-content: space-between;
	padding: 1% 8%;
	}

.footer_subblock {
	display: flex;
	width: 20%;
	line-height: 4.5vw;
	}

.footer_subblock p {
	text-decoration: underline;
	margin-right: 8%;
	}

.footer_subblock p:last-child {
	margin-right: 0%;
	}

.copyright {
	margin-left: -16%;
	line-height: 4.5vw;
	}

.facebook {
	width: 5%;
	}

p a {
	color: #990000;
	text-decoration: underline;
	}

.about-ecoburn  a {
	color: #343e47;
	text-decoration: none;
	}

.contact a {
	color: #343e47;
	text-decoration: none;
	}

.footer_block a {
	color: #343e47;
	}


.terminology {
	width: 70%;
    margin: 0 auto;
	margin-top: 5%;
	}

.terminology_link {
	text-decoration: underline;
    display: flex;
    justify-content: space-between;
    width: 40%;
    font-size: 1.8vw;
	margin-top: 5%;
	}

.word_tit {
	font-size: 2vw;
    font-weight: bold;
    border-bottom: solid 1px #767676;
	}

.word {
	background-color: #eee;
    padding: 1% 2%;
    font-size: 1.2vw;
    font-weight: bold;
	}

.word_block {
	margin-top: 10%;
	}

.word_txt {
	margin-top: 2%;
	}

.word_block ul li {
	margin-top: 5%;
	}

.word_block ul li:first-child {
	margin-top: 2%;
	}

.s {
	margin-bottom: 15%;
	}

.auction_link {
	position: fixed;
    bottom: 30%;
    right: 0;
    width: 3.5%;
    z-index: 99;
	}

.footer_menu {
	display: flex;
	}

.totop {
	width: 3vw;
    background: #990000b0;
    line-height: 3vw;
    position: fixed;
    bottom: 12%;
    right: 1%;
    text-align: center;
    border-radius: 5px;
	font-size: 0.4vw;
	}

.totop a {
	text-decoration: none;
	color: #fff;
	display: block;
	}



@media screen and (max-width: 767px){
	
	header {
		position: fixed;
    	top: 0;
    	width: 100%;
		z-index: 5000;
	}
	
	header ul {
	line-height: 8vw;
	}
	
	.fv_img {
		margin-top: 15%;
		margin-bottom: 15%;
	}
	
	h1 {
		width: 45%;
    	margin-left: 5%;
	}
	
	#overlay ul {
		display: block;
		width: 100%;
	}
		
	.howto {
		width: 85%;
	}

	h2 {
		font-size: 7.4vw;
	}	
	
	h2:before {
		bottom: -40%;
   		width: 9.5%;
	}
	
	h3 {
		font-size: 4.5vw;
		margin-top: 16%;
	}
	
	.at-auction_tit {
		font-size: 3.7vw;
		margin-bottom: 4%;
    	margin-top: 7%;
	}
	
	.service {
    	width: 85%;
    	margin-top: 30%;
	}
	
	.team_block {
		margin-top: 10%;
	}
	
	.team_subblock01 {
		padding-top: 4%;
	}
	
	.team_member-name {
    	font-size: 4.3vw;
	}
	
	.team_txt {
		font-size: 3.5vw;
	}
	
	.pdi-service {
		display: block;
	}
	
	.pdi_img {
		margin-top: 5%;
	}
	
	table {
		line-height: 4.5vw;
    	font-size: 3.2vw;
	}
	
	.td_line-height {
		line-height: 4.5vw;
	}
	
	td {
		padding: 2.4%;
	}
	
	.service table tbody tr td:last-child {
		width: 24%;
	}
	
	.terminology_bt {
		width: 70%;
    	line-height: 15vw;
    	font-size: 4.7vw;
    	margin-top: 11%;
	}
	
	.faq {
		margin-top: 45%;
		width: 85%;
	}
	
	.acd-label {
 	   padding: 2%;
	}
	
	.acd-content {
		/*width: 81%;*/
	   margin: 0 auto;
	}
	
	.acd-check:checked + .acd-label + .acd-content {
		height: 164vw;
		/*padding: 2%;*/
		margin: 0 auto;
	}
	
	.about-ecoburn {
		width: 85%;
    	font-size: 4.5vw;
		line-height: 20vw;
	}
	
	.acd-label img {
	    position: absolute;
	    width: 4.5%;
	    top: 37%;
	    right: 4%;
	}
	
	footer {
		padding-top: 7%;
	}
	
	h4 {
		width: 45%;
		margin-bottom: 6%;
	}
	
	.contact {
		padding: 3% 2%;
    	font-size: 3.5vw;
    	margin-top: 2%;
		width: 50%;
		margin-bottom: 7%;
	}
		
	footer ul {
		display: block;
		margin-top: 8%;
    	margin-bottom: 8%;
	}
	
	footer ul li {
		margin-bottom: 3%;
	}
	
	.footer_block {
		display: block;
		padding: 5% 8%;
		font-size: 3vw;
		position: relative;
		text-align: left;
	}
	
	.footer_subblock {
		width: 100%;
	}
	
	.copyright {
		margin-left: 0%;
		margin-top: 5%;
	}
	
	.facebook {
		width: 12%;
    	position: absolute;
    	bottom: 17%;
    	right: 5%;
	}
	
	.terminology {
		width: 85%;
		margin-top: 26%;
	}
	
	.terminology_link {
		width: 90%;
    	font-size: 6vw;
		margin-bottom: 15%;
	}
	
	.word_tit {
		font-size: 6vw;
	}
	
	.word {
		padding: 2% 2%;
	    font-size: 4.2vw;
	}
	
	.word_block {
		margin-bottom: 16%;
		padding-top: 30%;
    	margin-top: -30%;
	}
	
	.word_block ul li {
	    margin-top: 7%;
	}
	
	.howto {
		padding-top: 30%;
    	margin-top: -30%;
    	margin-bottom: 34%;	
	}
	
	.service {
		padding-top: 30%;
    	margin-top: -30%;
    	margin-bottom: 34%;
	}
	
	.faq {
		padding-top: 30%;
    	margin-top: -30%;
    	margin-bottom: 34%;	
	}
	
	.auction_link {
		bottom: 12%;
    	width: 8%;
	}

	
}