@charset "utf-8";
/* CSS Document */
@media (max-width: 320px) { body { font-size:16px; } }
@media (min-width: 321px) and (max-width: 480px) { body { font-size:18px; } }
@media (min-width: 481px) and (max-width: 540px) { body { font-size:22px; } }
@media (min-width: 541px) and (max-width: 640px) { body { font-size:26px; } }
@media (min-width: 641px) and (max-width: 720px) { body { font-size:28px; } }
@media (min-width: 721px) { body { font-size:32px; } }

body {

	line-height:1.4;
	font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3",Meiryo,"Hiragino Kaku Gothic Pro",Verdana,sans-serif;
	width: 100%;
	margin: 0 auto;
	overflow-x:hidden;
	

}


img {
	border:none; vertical-align:bottom;
	max-width: 100%;
	height: auto;

}

address,
em {
	font-style:normal;
}


a {
	color:#0066CC;
}
a:hover {
	color:#2D96FF;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.c-both {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	display:block;
	margin:0 auto;
	text-align:center;
}


span.hissu {
	color:#F03;
	font-size:12px;
}
span.memo {
	color:#666;
	font-size:12px;
}


header, article, footer, section, aside, time , nav, cite, figure, figcaption { display: block; }

/************* header start ***********************************/
header {
	width:100%;
	height:auto;
	margin-bottom: 0px;
}
header.top {
	width:100%; height:auto;
}



section#header {
	width:100%;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/header/header_logo_bg.jpg);
	background-repeat: no-repeat;
	background-size:cover;
}
section#header div h1 {
	font-size: 0.625em;
	color: #FFF;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3%;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
section#header div a img {
	display: block;
	height: auto;
	width: 66%;
	margin-left: 3%;
}

ul#spmenu {
	position:relative;
	list-style-type: none;
	height: auto;
	width:100%;
	padding:0;
	text-align: left;
	margin:0;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	z-index:3000;
	display: none;
}
ul#spmenu li {
	list-style-type:none;
	color: #333;
	background-color: #FF9D0B;
    float: none;
    border-left:none;
	border-right:none;
	width:100%;
	height:auto;
    background-image: none;
	padding:0;
	margin-bottom: 1px;
}
#spmenu a {
	display:block;
	width:98%; padding:1%;
	color:#FFF;
	text-decoration:none;
}
#spmenu a:hover {
	color:#FFF;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
header #spnav a {
	color:#FFF
}
header #spnav {
	margin-top:10px;
	display:block;
	background-color: #FFF;
	width:100%;
	padding:0;
	text-align:right;
}
header #spnav i {
	font-size:230%; color:#FF9D0B; display:inline-block; margin:0px 10px 10px 5px;
}



header nav {

}

header.top nav {
}

header nav ul {
}

header nav ul li{
}
header nav ul li a{
}



/************** end header *********************/

.top_box {
}

article {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

article h1,
article h2,
article h3,
article h4 {
	margin: 0px;
	padding: 0px;
}

section.contents_area01 {
	margin-bottom: 6%;
}

section.contents_area01 .gomi-komarigoto {
	color: #333;
	background-color: #FFCC33;
	font-size: 1em;
	padding-top: 3%;
	padding-bottom: 2%;
	padding-left: 3%;
}

section.contents_area01 p {
	margin: 0px;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 0px;
	padding-left: 3%;
}
section.contents_area02 {
	padding-top: 3%;
	padding-left: 3%;
	margin-bottom: 2%;
}
section.contents_area02 .top-service {
	width: calc(93% / 2);
	display: inline-block;
/**/background-color: #4FADC3;
	margin-bottom: 3%;
}
section.contents_area02 .top-service-left {
	margin-right: 3%;
}
section.contents_area02 .top-service p {
	margin: 0px;
	font-size: 0.75em;
	padding-top: 2%;
	padding-right: 4%;
	padding-bottom: 4%;
	padding-left: 4%;
	color: #FFF;
}

section.contents_area03 {
	padding-right: 3%;
	padding-left: 3%;
	margin-bottom: 3%;
}
section.contents_area03 p {
	font-size: 0.875em;
	margin-bottom: 0px;
}
section.taiou_area {
	padding-right: 3%;
	padding-left: 3%;
	margin-bottom: 4%;
	margin-top: 2%;
}

section.taiou_area p {
	font-size: 0.875em;
	margin-bottom: 0px;
	margin-top: 1%;
}
section.taiou_area dl {
	font-size: 0.75em;
	line-height: 1.6;
}
section.taiou_area dl dt {
	margin: 0px;
	padding: 0px;

}
section.taiou_area dl dd {
	margin: 0px;
	padding: 0px;
}
section.card {
	background-color: #3B85B2;
	padding: 3%;
	margin-bottom: 3%;
}
section.card .card-inner {
	background-color: #FFF;
	border: 1px solid #333;
	text-align: center;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 1%;
	padding-left: 2%;
}
section.card .card-inner p {
	font-size: 0.875em;
	margin: 0px;
	padding: 0px;
}
section.card .card-inner span {
	font-size: 0.75em;
}
section.card .card-inner img {
	/*width: 75%;*/width: 85%;
}




section#inq {
	background-color: #FF9D0B;
	padding: 3%;
	margin-top: 3%;
}
section#inq .inq-box {
	padding: 4%;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;

}
section#inq .inq-box p {
	padding: 0px;
	font-size: 0.9em;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
section#inq .inq-box span {
	color: #333333;
	margin-bottom: 3%;
	padding-left: 2%;
	font-size: 0.875em;
	display: block;
}
section#inq .inq-box .inp-01 {
	font-size: 0.75em;
	margin-bottom: 4px;
/*	background-color: #FDE7D5;
*/
}
section#inq .inq-box .inp-02 {
	font-size: 1em;
	color: #333333;
	padding: 0px;
	margin-top: 2%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2%;
}

#inq .inq-box .inq-tel {
	font-size: 2.125em;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}

section#main {
	padding-right: 3%;
	padding-left: 3%;
	margin-bottom: 40px;
}


/*************** service ***************************/
section.contents_sv01 {
	padding-right: 3%;
	padding-left: 3%;
}
section.contents_sv01 .be-af {
	width: calc(90% / 2);
	display: inline-block;
	margin-bottom: 3%;
}
section.contents_sv01 .be-af-left {
	background-image: url(../images/service/arrow.gif);
	background-repeat: no-repeat;
	background-position: 99% 65%;
	background-size: 10% 20%;
	padding-right: 8%;
}

section.contents_sv01 p {
	font-size: 0.875em;
	margin-top: 3%;
	margin-right: 0px;
	margin-bottom: 3%;
	margin-left: 0px;
}
.m-bt {
	margin-bottom: 3%;
}
section.contents_sv01 .be-af p {
	font-size: 0.875em;
	font-weight: bold;
	color: #666;
	border: 1px solid #666;
	width: 40%;
	text-align: center;
	padding: 1%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3%;
	margin-left: 0px;
}
section.contents_sv02 {
	margin-bottom: 4%;
}

section.contents_sv02 .please-use {
	background-color: #FFA31A;
	padding: 3%;
}
section.contents_sv02 .please-use2 {
	background-color: #7DA8E8;
}
section.contents_sv02 .please-use3 {
	background-color: #5CC851;
}
section.contents_sv02 .please-use4 {
	background-color: #4998B6;
}
section.contents_sv02 .please-use5 {
	background-color: #4EADC3;
}

section.contents_sv02 .please-use ul {
	background-color: #FFF;
	border-radius: 14px;		/* CSS3草案 */
	-webkit-border-radius: 14px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 14px;
	padding-top: 4%;
	padding-right: 4%;
	padding-bottom: 4%;
	padding-left: 12%;
	font-size: 0.875em;
	margin-bottom: 0px;
}
section.contents_sv02 p {
	background-image: url(../images/service/gomisyobun07.jpg);
	background-position: 98% 50%;
	background-repeat: no-repeat;
	background-size: 25% 78%;
	font-size: 0.875em;
	margin-top: 0px;
	padding-top: 4%;
	padding-right: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
}
.gomi-recycle {
	border: 1px solid #666;
	display: block;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	text-align: center;
	padding-top: 6%;
	padding-right: 3%;
	padding-bottom: 6%;
	padding-left: 3%;
	margin-top: 1%;
}
section.contents_area03 .special-site {
	font-size: 0.75em;
	color: #3074DA;
	margin-bottom: 1%;
}
section.contents_area03 .special-site:before {
	content: url(../images/service/ihinseiri.gif);
	position: relative;
	top: 0px;
	margin-right: 8px;
}
.m-top {
	margin-top: 6%;
}
.seizen-flow {
	background-color: #F3F3F3;
	padding: 3%;
}
.seizen-flow p {
	padding: 0px;
	background-color: #CFDEF1;
	border: 1px solid #666;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3%;
	margin-left: 0px;
	text-align: center;
}


.recycle-kaitori {
	background-color: #D3F0D0;
	padding-top: 3%;
	padding-bottom: 1%;
}
.recycle-kaitori img {
	margin-bottom: 3%;
}

section.contents_sv02 dl {
	margin: 0px;
	padding: 0px;
}

section.contents_sv02 dl dt {
	margin: 0px;
	padding: 0px;
}

section.contents_sv02 dl dd {
	margin: 0px;
	background-color: #4EADC3;
	padding-top: 3%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 0.875em;
	color: #FFF;
}
section.contents_sv02 dl .o-description {
	padding-right: 3%;
	padding-left: 3%;
}
section.contents_sv02 dl .other-line {
	padding-top: 0%;
	padding-bottom: 3%;
}
/*************** flow ***************************/
section.contents_area04 dl {
	margin: 0px;
	border-right-width: 12px;
	border-left-width: 12px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FE9900;
	border-left-color: #FE9900;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 3%;
	padding-left: 0%;
}
section.contents_area04 dl dt {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2%;
	padding-left: 0px;
}

section.contents_area04 dl dd {
	margin: 0px;
	padding: 3%;
	font-size: 0.875em;
}
.contents_area04 dl dd p {
	color: #333;
	background-color: #6CC4D9;
	text-align: center;
	font-weight: bold;
	padding: 2%;
	width: 88%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.contents_area04 dl dd span {
	margin-top: 3%;
	margin-bottom: 3%;
}
.color-red {
	color: #F00;
}
section.contents_area04 .flow-e {
	border-bottom-width: 12px;
	border-bottom-style: solid;
	border-bottom-color: #FE9900;
	margin-bottom: 3%;
}
/*************** office ***************************/
section.contents_area05 {
	padding-right: 3%;
	padding-left: 3%;
	margin-bottom: 5%;
}
section.contents_area05 dl {
	margin: 0px;
	padding: 0px;
}
section.contents_area05 dl dt {
	background-color: #E3E3E3;
	margin: 0px;
	padding-top: 2%;
	padding-right: 3%;
	padding-bottom: 2%;
	padding-left: 3%;
}

section.contents_area05 dl dd {
	margin: 0px;
	padding-top: 2%;
	padding-right: 0px;
	padding-bottom: 2%;
	padding-left: 3%;
	font-size: 0.875em;
}
section.contents_area05 ol {
	padding-left: 7%;
}
section.contents_area05 ol li {
	padding-bottom: 4%;
}
section.contents_area05 ol li ul {
	list-style-type: none;
	padding-left: 4%;
	margin-top: 3%;
}


/*************** faq ***************************/
section.contents_area06 {
	padding-right: 3%;
	padding-left: 3%;
}
section.contents_area06 dl {
}
section.contents_area06 dl dt {
	font-weight: bold;
	color: #3A85B2;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3%;
	margin-left: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	padding-top: 4%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
section.contents_area06 dl dd {
	padding: 3%;
	font-size: 0.875em;
	background-color: #F7F6F5;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4%;
	margin-left: 0px;
}
section.contents_area06 dl dd ul {
	padding-left: 6%;
}

section.contents_area06 dl .flow-top {
	border-top-style: none;
}




@media only screen and (max-width: 600px) {
ul.acordion li .none-submenu{ background: url(../images/voice/trigger-arrow.png) no-repeat 98% 50%; }
ul.acordion li .active-submenu{ background: url(../images/voice/triggeractive-arrow.png) no-repeat 98% 50%; }

}



/******************* inquiry *********************************/


#inquiry form {
	padding-bottom:50px;
}

#inquiry form dl {
	margin:0 auto;
	width:100%;
}
#inquiry form dl dt{
	margin:10px 20px 10px 00px; padding:10px 10px 10px 0px;
	border-bottom:solid 1px #ccc;
	font-size:110%; font-weight:bold;
}
#inquiry form dl dd{
	margin:0px 20px 30px 00px; padding:0px 10px 0px 0px;
}
#inquiry form input[type=text],
#inquiry form select {
	width:80%; padding:8px; font-size:110%;
}


#inquiry form textarea {
	width:90%; height:100px; padding:5px; font-size:110%;
}

#inquiry form dl dt span {
	background-color:#F03;
	color:#FFF; font-size:10px;
	display:inline-block;
	padding:4px 10px 3px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
#inquiry form dl dd span {
	display:block; padding-top:5px;

}

#inquiry {
	padding: 20px 2% 20px 2%; box-sizing: border-box;
}

#inquiry form input[type=submit] {
	width:70%; margin-bottom:31px; height:48px; font-size:20px;
	background-color:#256FB8; border:#246DB7 solid 1px;
	color:#FFF; cursor:pointer;
	box-shadow:0px 0px 13px -5px rgba(0, 0, 0, 0.8);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	margin-bottom:50px;
}
#inquiry form input[type=submit]:hover ,
#inquiry form input[type=button]:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	
}

#inquiry a.back {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	line-height:48px;
	width:30%; margin-bottom:31px; height:48px; font-size:20px;
	background-color:#888; border:#666 solid 1px;
	color:#FFF; cursor:pointer;
	box-shadow:0px 0px 13px -5px rgba(0, 0, 0, 0.8);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}
#inquiry a.post {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	line-height:48px;
	width:30%; margin-bottom:31px; height:48px; font-size:20px;
	background-color:#256FB8; border:#246DB7 solid 1px;
	color:#FFF; cursor:pointer;
	box-shadow:0px 0px 13px -5px rgba(0, 0, 0, 0.8);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}

#inquiry .hissu {
	font-size:0.8em; color:#C00;
}

/******************* inquiry end  *********************************/


/*************** footer ***************************/


#footer .f-menu {
	width:100%;box-sizing: border-box;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 3%;
	color: #FFF;
	margin-top: 0px;
	background-color: #666666;
}
#footer nav .menu {
	margin:0px 0px 0px 0px;
	padding:0px;
	
}



#footer nav .menu li {
	list-style-type:none;
	text-align: left;
	font-size:1em;
	background-image:url(../images/top/menu.gif);
	background-repeat:no-repeat;
	background-position: 95%;
	background-size: auto 40%;
	margin:0px 0px 2px 0px;
	padding:9px 0 9px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
#footer nav .menu .border-b-non {
	border-bottom-style: none;
	margin-bottom: 0px;
}

#footer nav .menu li a {
	text-decoration:none;
	display:block; width:95%;
	color:#333333;
}

#footer .copy {
	width: 100%;
	font-size: 0.625em;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	background-color: #333;
	margin-top: 17%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
	display: block;
	background-color: #F57A19;
	text-align: center;
	color: #FFFFFF;
	font-size: 0.75em;
	text-decoration: none;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	padding:5px 10px;
}
.pagetop a:hover {
	display: block;
	background-color: #F9AF75;
	text-align: center;
	color: #fff;
	font-size: 0.75em;
	text-decoration: none;
	padding:5px 10px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*20231003 追加*/

.text_style {
    box-sizing: border-box;
    background: linear-gradient(#fff, #d3cfcc);
    font-size: 1.167em;
    font-weight: 600;
    padding: 0.5em 0 0.325em 0.65em;
    border-block: 1px solid #9d9d9d;
    margin-block-end: 0.5em;
    text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;      
}

.text_style.style1 {
    border-left: 0.6em solid #72bf33;
}
.text_style.style2 {
    border-left: 0.6em solid #7ea6e4;
}
.text_style.style3 {
    border-left: 0.6em solid #5ec655;
}
.text_style.style4 {
    border-left: 0.6em solid #4792af;
}
.text_style.style5 {
    border-left: 0.6em solid #53aec1;
}