@import url('https://fonts.googleapis.com/css?family=Poppins');
	
/*****************************************************************************
 RESET CSS
 *****************************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;padding:0;
}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%;font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
img { vertical-align:top; max-width:100%; height:auto; }

/*****************************************************************************
 CLEAR
 *****************************************************************************/
.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 */

/* IE7でpadding指定 */ 
*:first-child+html body #middle,*:first-child+html body #footer_city { 
padding-left: 1px; 
} 

/*****************************************************************************
 BASICS
 *****************************************************************************/
html {font-size:62.5%;}

body {
	font-family:"メイリオ","Hiragino Kaku Gothic ProN", Arial, Helvetica, Verdana;
	line-height:1.8;
	color:#222;
	font-size:14px;
	font-size:1.4rem;
	-webkit-text-size-adjust: none;
	letter-spacing:0.016em;
	}
body *{box-sizing:border-box;}
a {text-decoration:none;color:#228b37;outline:none;}
a:hover {text-decoration:none;color:#64dd17;}
p{font-size:1.6rem;}

/* common */
article{background:#fff;}
.inner{width:1080px;margin:0 auto;position:relative;}
.sp{display:none;}
.img-center{display:block;margin:0 auto;}
.half-column{display:flex;flex-flow:row wrap;}
.half-column .row{width:50%;}
.caption{font-size:1.2rem;}

/* font */
.poppins{font-family:'Poppins',sans-serif;}

@media screen and (max-width: 480px) {
	.pc{display:none;}
	.sp{display:block;}
}

#fixedTop {
	right: 10px;
	bottom: 10px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	display: none;
	background: #222;
	position: fixed;
	z-index: 9999;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
}
#fixedTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}

/*--header--*/
.sb-slide{display:none;}
header{width:100%;position:relative;background:#fff;}
header h1{text-align:center;}
header h1 a img{display:inline-block;margin:40px auto 30px;padding-left:60px;}
header .info{position:absolute;top:73px;right:0;}
header .info ul{display:flex;margin-bottom:8px;}
header .info ul li:first-child{margin-right:3px;}
header .info p{font-size:1.0rem;color:#228b37;}
header nav{padding:10px 0;border-top:1px solid #228b37;}
header nav > ul{display:flex;flex-flow:row wrap;justify-content:center;}
header nav > ul > li{position:relative;}
header nav > ul > li > a{display:block;padding:0 33px;border-right:1px solid #228b37;font-size:1.8rem;letter-spacing:0.3rem;}
header nav > ul > li:last-child a{border-right:none;}
header a:hover img{opacity:0.8;}
header ul.child{display:none;width:260px;position:absolute;top:100%;z-index:9999;padding-top:10px;}
header ul.child li{border:none;}
header ul.child li a{display:block;background:#fff;font-size:1.4rem;padding:10px;}
header ul.child li a:before{content:"\f0a9";font-family:FontAwesome;margin-right:5px;}
header ul li:hover ul.child{display:block;}

/*--footer--*/
footer{width:100%;position:relative;background:#228b37;padding:10px 0;color:#fff;text-align:center;}
footer h1 img{display:inline-block;margin:40px auto;padding-left:60px;}
footer dl{margin-bottom:50px;font-size:1.2rem;}
footer address{font-size:1.2rem;}
footer a:hover img{opacity:0.8;}


/*****************************************************************************
 INDEX
 *****************************************************************************/
.mainimage img{width:100%;height:auto;}

.recovery{margin-bottom:120px;}
.recovery .inner > .img-center{margin-bottom:70px;}
.recovery h1{margin-bottom:35px;}
.recovery h2{margin-bottom:20px;font-size:3.0rem;font-weight:bold;}
.recovery h2 span{font-size:2.4rem;font-weight:bold;}
.recovery .half-column{justify-content:space-between;margin-bottom:70px;}
.recovery .half-column .row{width:510px;}
.recovery .type{display:flex;flex-flow:row wrap;padding:30px 10px 30px;background:url(../../img/index/bottle.png) no-repeat 93% center,url(../../img/index/background_type.png) no-repeat center center;min-height:147px;letter-spacing: 0;}
.recovery .row dl{padding:0 5px;font-size:1.2rem;}
.recovery .row dt{font-weight:bold;color:#63a334;}
.recovery .row p strong{font-weight:bold;}

.recovery-flow h2 strong{display:block;color:#ff9600;font-size:1.2rem;font-weight:bold;}
.recovery-flow .img-center{padding:25px 78px;background:#ffffe5;border:2px solid #e5e5e5;border-radius:10px;}

.transaction{min-height:400px;background:#fffdea url(../../img/index/background_transaction.png) no-repeat 0 0;background-size:contain;}
.transaction .inner{display:flex;justify-content:space-between;}
.transaction .inner h1{margin-top:190px;}
.transaction .inner ul{display:flex;flex-flow:row wrap;}
.transaction .inner ul li{padding-top:70px;}
@media screen and (max-width: 1400px) {
	.transaction{background-position:-200px 0;}
}
@media screen and (max-width: 760px) {
	.transaction{background-size:cover;background-position:-200px 0;}
}


.contact{background:#ffd308;}
.contact ul{display:flex;flex-flow:row nowrap;align-items:center;margin:0;padding:15px 0;position:relative;}
.contact ul:after{content:url(../../img/index/contact-person.png);position:absolute;right:110px;top:-19px;}
.contact ul li{margin-right:40px;padding:19px 0;}
.contact ul li:first-child{padding-right:40px;background:url(../../img/index/contact-line.png) no-repeat right center;}
.contact ul li a:hover{opacity:0.8;}

.area{display:flex;flex-flow:row wrap;min-width:1080px;}
.license{width:42%;padding-right:70px;background:#62c2ff;}
.license h1{margin-bottom:15px;}
.license div{width:360px;margin:60px 0px;float:right;}
.license dl{color:#fff;}
.license dl dt{font-size:1.66rem;}
.map{width:58%;padding-left:2%;padding-right:1%;}

.antique{background:#000 url(../../img/index/background_antique.png) no-repeat 0 0;background-size:cover;}
.antique .inner{display:flex;flex-flow:row wrap;align-items:center;padding:45px 75px;}
.antique figure{margin:0 80px 0 0;padding:0;}
.antique figure img{margin-bottom:15px;}
.antique figcaption{text-align:center;font-size:1.2rem;}
.antique .data{color:#fff;}
.antique .data h1{font-size:3.0rem;font-family: "Yu Mincho", "YuMincho";margin-bottom:30px;}
.antique .data table th,
.antique .data table td{padding:5px 25px;border-bottom:1px solid #fff;font-size:1.6rem;vertical-align:top;}
.antique .data table th{border-right:1px solid #fff;}
.antique .data table tr:last-child th,
.antique .data table tr:last-child td{border-bottom:none;}

.product .inner{padding:80px 0;}
.product .sort{margin:-10px 0 15px;}
.product .sort li{display:inline-block;background:#a7a7a7;color:#fff;border-radius:2px;font-size:1.4rem;padding:8px;line-height:1em;}
.product h1{margin-bottom:25px;}
.product .disposal{margin-bottom:120px;}
.product .disposal ol{list-style:decimal inside;}
.product .disposal ul{display:flex;flex-flow:wrap;justify-content:space-between;}
.product .inner > .half-column{justify-content:space-between;margin-bottom:90px;}
.product .ink,
.product .curio{width:510px;}
.product .ink p{margin-bottom:30px;}
.product .curio .caption{margin-bottom:30px;}
.product .lamp .half-column{justify-content:space-between;}
.product .lamp .row{width:auto;}
.product .lamp p{font-size:1.8rem;margin-bottom:80px;}
.product .lamp p strong{font-weight:bold;}
.product .lamp ul li{margin-bottom:10px;}
.product .lamp .readmore a{display:inline-block;border:2px solid #63a334;line-height:1em;padding:5px 15px;}
.product .lamp .readmore a:hover{color:#63a334;opacity:0.8;}

.faq{padding:40px 0;background:#40aabe url(../../img/index/background_faq.jpg) repeat;}
.faq h1{margin-bottom:60px;}
.faq .third-column{display:flex;flex-flow:wrap;justify-content:space-between;}
.faq dl{width:330px;margin:0 30px 30px 0;padding:20px;background:#fff;border-radius:20px;}
.faq dl dt{height:80px;color:#40aabe;font-size:1.8rem;font-weight:bold;line-height:1.4em;padding-left:70px;background:url(../../img/index/faq-icon.png)no-repeat 0 0;}
.faq dl dd{font-size:1.4rem;}

.about{background:#fff url(../../img/index/background_about.png) no-repeat right top;background-size:cover;}
.about .inner{padding:60px 0 140px;}
.about h1{display:inline-block;font-size:2.4rem;background:#000;color:#fff;margin-bottom:15px;padding:10px;line-height:1em;}
.about p{width:55%;margin-bottom:20px;font-size:1.4rem;}
.about .lead{font-size:1.8rem;font-family: "Yu Mincho", "YuMincho";font-weight:bold;}
.about .lead strong{font-size:6.0rem;color:#eb6100;line-height:1.2em;}
.about .lead span{font-size:3.0rem;line-height:1em;}
.about ul{display:flex;width:55%;flex-flow:row wrap;font-size:1.2rem;}
.about ul li:not(:last-child):after{content:"／";margin-left:5px;}

.news .inner{padding:30px 2% 0px;}
.news .inner > div{border:#40aabe 8px solid;padding:30px 40px;}
.news h2{text-align:center;font-size:36px;margin-bottom:10px;}
.news p{}


/*****************************************************************************
 Pages
 *****************************************************************************/
.company .inner{padding:40px 0 60px;}
.company h1{font-size:3.0rem;font-weight:bold;margin-bottom:20px;text-align:center;}
.company table{width:80%;margin:0 auto 0px;}
.company table th,
.company table td{padding:10px 15px;border-bottom:1px solid #000;}
.company table th{border-right:1px solid #000;vertical-align:top;}
.company table tr:last-child th,
.company table tr:last-child td{border-bottom:none;}
.company .gmap iframe{width:80%;height:240px;margin:0 10% 40px;}

.contact-form{padding:20px 0 60px;text-align:center;}
.contact-form h1{font-size:3.0rem;font-weight:bold;margin-bottom:20px;text-align:center;}
.contact-form .caption{margin-bottom:30px;}
.contact-form table{margin:0 auto 30px;}
.contact-form table th,
.contact-form table td{padding:15px;text-align:left;border-bottom:1px solid #a7a7a7;}
.contact-form .require{color:#eb6100;font-weight:bold;}
.contact-form table input{padding:5px;}
.btn-form input{width:200px;padding:10px;border:none;font-size:1.8rem;border-radius:4px;}
.btn-form input:first-child{margin-right:1em;}
.btn-form input[type="submit"]{background:#228b37;color:#fff;}
.btn-form input[type="reset"]{background:#bbb;color:#fff;}
.btn-form input:hover{cursor:pointer;opacity:0.7;}

.page-lamp{padding:20px 0 60px;}
.page-lamp h1{font-size:3.0rem;font-weight:bold;margin-bottom:20px;text-align:center;}
.page-lamp h2{font-size:2.2rem;font-weight:bold;}
.page-lamp p strong{border-bottom:2px solid #ff9600;color:#ff9600;}
.page-lamp .lead{margin-bottom:30px;}
.page-lamp .lead .row{padding:10px;width:60%;}
.page-lamp .lead .row:first-child{width:40%;}
.page-lamp .merit h3{font-size:1.8rem;background:#228b37;padding:5px 15px;color:#fff;border-radius:10px;margin-bottom:10px;}
.page-lamp .merit h3 i{margin-right:5px;}
.page-lamp .merit .row{padding:10px;}
.page-lamp .merit p{font-size:1.4rem;margin-bottom:0.8em;}
.page-lamp .merit ol{list-style:decimal inside;padding-left:1.5em;}
.page-lamp .merit ol li{text-indent:-1.3em;margin-bottom:.6em;}
.page-lamp .lamp-flow{padding:10px;}
.page-lamp .lamp-flow h2{display:inline-block;background:#000;color:#fff;font-weight:normal;padding:10px;line-height:1em;font-size:1.6rem;}
.page-lamp .lamp-flow ol{display:flex;flex-flow:row wrap;counter-reset:li;margin-bottom:50px;border-top:1px solid #000;padding-top:30px;}
.page-lamp .lamp-flow li{width:28%;position:relative;margin-bottom:30px;}
.page-lamp .lamp-flow li:not(:last-child){margin-right:5%;}
.page-lamp .lamp-flow li:before{content:counter(li);counter-increment:li;background:#228b37;display:inline-block;width:2em;height:2em;text-align:center;border-radius:50%;color:#fff;line-height:2em;font-weight:bold;font-size:2.0rem;position:absolute;top:0;left:0;font-family:'Poppins',sans-serif;}
.page-lamp .lamp-flow li:not(:last-child):after{content:"\f061";font-family:FontAwesome;font-size:3.0rem;color:#ffd308;margin-top:-30px;display:inline-block;position:absolute;top:50%;right:-40px;}
.page-lamp .lamp-flow h3{margin-bottom:10px;text-indent:2.3em;font-size:2.0rem;font-weight:bold;}
.page-lamp .lamp-flow p{font-size:1.4rem;}



/*****************************************************************************
 Responsive
 *****************************************************************************/

@media screen and (max-width: 480px) {
	*{-webkit-appearance: none;-webkit-text-size-adjust:100%;}
	.inner{width:95%;}
	nav{display:none;}

	/*slidemenu*/
	.sb-slide {
		display:block;
		position:fixed;
		right:10px;
		top:10px;
		z-index:1000;
		font-size:30px;
		line-height:1;
		-webkit-transform: translate3d(0, 0, 2px);
		transform: translate3d(0, 0, 2px);
	}
	.sb-slide .sb-close ,
	.sb-active .sb-slide .sb-toggle-right {
		display:none;
	}
	.sb-active .sb-slide .sb-close {
		display:block;
	}
	.sb-slide p {
		display: inline-block;
		padding:2px 7px;
		background:#333;
		color:#FFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		behavior: url("/css/PIE.htc");
		font-size:3.0rem;
	}
	.sb-slide p i{margin:0;}

	.sb-slidebar ul {
		padding:3%;
	}
	.sb-slidebar ul li a {
		display:table;
		width:100%;
		padding:10px;
		border-bottom: dotted 1px #ccc;
		text-decoration:none;
	}
	.sb-slidebar ul li a:before{font-family:FontAwesome;content:"\f138";margin-right:5px;}
	.sb-slidebar ul li a span ,
	.sb-slidebar ul li a em {
		display:table-cell;
		vertical-align:middle;
		padding:4% 2%;
	}
	.sb-slidebar ul li a em {
		text-align:right;
	}
	.sb-slidebar section {
		padding:2% 3% 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		behavior: url("/css/PIE.htc");
	}
	.sb-slidebar section p {
		margin:0 0 5%;
	}
	.sb-slidebar section p a {
		background:#f19ec2;
		color:#fff;
		border-radius:4px;
		display:block;
		cursor:pointer;
		color:#ffffff;
		font-weight:bold;
		padding:10px 15px;
		text-decoration:none;
	}
	.sb-slidebar section p a:hover {opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";text-decoration:none;}

	.sb-slidebar section iframe {
		margin:0 0 10%;
	}

	/* header */
	header h1 a img{width:60%;margin:10px auto;padding:0;}
	header .info{position:static;text-align:center;}
	header .info ul{justify-content:center;}

	/* footer */
	footer h1 img{width:80%;padding:0;}

	/* common */
	.half-column{flex-flow:column wrap;}
	.half-column .row{width:100%;}

/*****************************************************************************
 INDEX
 *****************************************************************************/
	.mainimage{margin-bottom:10px;}
	.product .inner{padding:20px 0;}
	.product .inner > .half-column{margin-bottom:30px;}
	.recovery{margin-bottom:40px;}
	.recovery .inner > .img-center{margin-bottom:30px;}
	.recovery .half-column .row{width:100%;margin-bottom:15px;}
	.recovery .type{margin:10px 0;background:url(../../img/index/bottle.png) no-repeat 95% center;border:2px solid #eee;border-radius:10px;}
	.recovery-flow .img-center{padding:5px;}
	.transaction{background:#fffdea;}
	.transaction .inner{flex-flow:column wrap;}
	.transaction .inner h1{background:url(../../img/index/background_transaction.png) no-repeat -120px 0;background-size:cover;text-align:right;margin:0 0 10px;padding:10px;}
	.transaction .inner h1 img{height:100px;}
	.transaction .inner ul li{width:50%;padding:0;}
	.contact ul{flex-flow:column nowrap;}
	.contact ul li{margin-right:0;padding:20px;}
	.contact ul:after{display:none;}
	.contact ul li:first-child{background:none;}
	.area{flex-flow:column wrap;margin-bottom:15px;min-width:10px;}
	.license{width:100%;padding:40px 3%;}
	.license div{width:auto;margin:0;float:none;}
	.map{width:100%;padding:0 20px;margin-top:-35px;}
	.antique{background:#000 url(../../img/index/background_antique.png) no-repeat 0 0;background-size:cover;}
	.antique .inner{flex-flow:column wrap;padding:20px;}
	.antique figure{margin:0 auto 0;padding:0;}
	.antique .data h1{font-size:2.0rem;font-family: "Yu Mincho", "YuMincho";margin-bottom:15px;text-align:center;}
	.antique .data table{width:100%;}
	.antique .data table th{display:block;width:100%;padding:5px 10px;border:none;background:#333;}
	.antique .data table td{display:block;width:100%;padding:5px 10px;border:none;}
	.product .disposal{margin-bottom:40px;}
	.product .disposal .half-column{margin-bottom:10px;}
	.product .disposal ul{justify-content:center;}
	.product .disposal ul li{margin-bottom:15px;}
	.product .ink,
	.product .curio{width:100%;margin-bottom:20px;}
	.product .sort li{margin-bottom:5px;font-size:1.2rem;}
	.product .lamp .row{margin-bottom:20px;}
	.product .lamp p{margin-bottom:30px;}
	.product .readmore a{width:100%;text-align:center;}
	.faq .third-column{flex-flow:column wrap;}
	.faq dl{width:90%;margin:0 auto 30px;}
	.faq dl dt{height:auto;}
	.about .inner{padding:63% 20px 20px;}
	.about p{width:100%;}
	.about .lead{font-size:1.6rem;}
	.about .lead strong{font-size:3.0rem;color:#eb6100;line-height:1.2em;}
	.about .lead span{font-size:2.0rem;line-height:1em;}
	.about ul{width:100%;}

	.news .inner{padding:30px 1% 0px;}
	.news .inner > div{padding:20px 30px;}
	.news h2{font-size:30px;}




/*****************************************************************************
 Pages
 *****************************************************************************/
	.company table{width:100%;}
	.company table th,
	.company table td{display:block;width:100%;border:none;}
	.company table th{background:#228b37;color:#fff;}
	.company .gmap iframe{width:100%;height:220px;margin:0px auto 40px;}

	.contact-form{text-align:left;}
	.contact-form table th,
	.contact-form table td{display:block;width:100%;}
	.contact-form table input,
	.contact-form table textarea{width:100%;}

	.btn-form input{width:100%;}
	.btn-form input:first-child{margin-right:0;margin-bottom:1em;}

	.page-lamp .lead .row{width:100%;}
	.page-lamp .lead .row:first-child{width:100%;}
	.page-lamp .lamp-flow{display:flex;flex-flow:column wrap;counter-reset:li;}
	.page-lamp .lamp-flow li{width:100%;position:relative;margin-bottom:40px;}
	.page-lamp .lamp-flow li:not(:last-child){margin-right:0;}
	.page-lamp .lamp-flow li:not(:last-child):after{content:"\f063";margin-top:0;margin-right:-15px;top:100%;right:50%;}

}