@charset "UTF-8";


/*------------------------------------------------------------
 header
------------------------------------------------------------*/
#main{
	border-top:10px solid #383AAF;	
}


/*------------------------------------------------------------
 navi
------------------------------------------------------------*/
#navi{
	display:block;
	background:#383AAF;
	padding-left:0;
	padding-right:0;
	height:100%;
}

@media only screen and (max-width: 767px) {
#navi{
	display:none;	
}
}

#navi h3{
	text-align:center;	
	margin:0;
}


#navi .navi_button{
	width:90%;
	margin:10px auto 10px;
	font-size:16px;
	font-weight:400;
}

#navi .navi_button a,
#navi .navi_button a:hover{
	text-decoration:none;
	font-weight:500;
}


/*共通　ナビ*/
.navi_common{
	padding-top:30px;
	padding-bottom:30px;
}

.navi_common .navi_button{
	border:1px solid #173568;
	background:linear-gradient(to top, #383AAF 0%, #6b64d1 50%, #383AAF 100%);
}

.navi_common .navi_button a{
	display: block;
	color: #fff;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.navi_common .navi_button a:hover,
.navi_common .navi_button a.now_page{
	background:linear-gradient(to top, #4c4eb7 0%, #ffffff 30%, #ffffff 50%, #ffffff 70%, #4c4eb7 100%);
	color:#383AAF;
}

.navi_banner{
    text-align:center;
}

/*富士興産　ナビ*/
.navi_f{
	background:#109d2f;
	margin-bottom:40px;
	padding-top:30px;
	padding-bottom:30px;
}

.navi_f .navi_button{
	border:1px solid #1a651a;
	background:linear-gradient(to top, #0b661b 0%, #27c958 50%, #0b661b 100%);
}

.navi_f .navi_button a{
	display: block;
	color: #fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:1em;
}

.navi_f .navi_button a:hover,
.navi_f .navi_button a.now_page{
	background:linear-gradient(to top, #6db668 0%, #ffffff 30%, #ffffff 50%, #ffffff 70%, #6db668 100%);
	color:#0b661b;
}


/*グローブ　ナビ*/
.navi_g{
	background:#00a9de;
	margin-bottom:40px;
	padding-top:30px;
	padding-bottom:30px;
}


.navi_g .navi_button{
	border:1px solid #0f65b5;
	background:linear-gradient(to top, #0f65b5 0%, #00a9de 50%, #0f65b5 100%);
}

.navi_g .navi_button a{
	display: block;
	color: #fff;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:1em;
}

.navi_g .navi_button a:hover,
.navi_g .navi_button a.now_page{
	background:linear-gradient(to top, #00a9de 0%, #ffffff 30%, #ffffff 50%, #ffffff 70%, #00a9de 100%);
	color:#0f65b5;
}


/*SNS　ナビ*/
.navi_sns{
	width:98%;
	margin:0 auto;
	max-width:240px;
	text-align:center;
}

.page_link{
    margin-bottom:60px;
}


.page_link li a{
    border:1px solid #0f65b5;
	background:linear-gradient(to top, #0f65b5 0%, #00a9de 50%, #0f65b5 100%);
    color:#ffffff;
    text-decoration:none;
    padding-top:5px;
    padding-bottom:5px;
    padding-right:1%;
    padding-left:1%;
    display:block;
    font-size:11pt;
}

.page_link li{
    display:inline-block;
    width:30%;
    min-width:185px;
    margin-right:1%;
    margin-bottom:10px;
}

.pdf_link li a{
    border:1px solid #0f65b5;
	background:linear-gradient(to top, #0f65b5 0%, #00a9de 50%, #0f65b5 100%);
    color:#ffffff;
    text-decoration:none;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:1%;
    padding-left:1%;
    display:block;
    font-size:12pt;
}

.pdf_link li{
    display:inline-block;
    width:45%;
    min-width:185px;
    margin-right:1%;
    margin-bottom:10px;
}

/*------------------------------------------------------------
 切り替え
------------------------------------------------------------*/
.pc_none{
	display:none;
}

.pc991_none{
	display:block;
}

.sp_none{
	display:block;	
}

@media only screen and (max-width: 991px) {
.pc991_none{
	display:none;
}
}


@media only screen and (max-width: 767px) {
.pc_none{
	display:block;
}

.pc991_none{
	display:block;
}

.sp_none{
	display:none;	
}
}

/*------------------------------------------------------------
 font/shadow
------------------------------------------------------------*/

.text10{
	font-size:10px;	
}

.text12{
	font-size:12px;
}

.text13{
	font-size:13px;
}

.text14{
	font-size:14px;
}

.text17{
	font-size:17px;	
}

.text18{
	font-size:18px;
}

.text20{
	font-size:20px;
}

.textb{
	font-weight:bold;	
}

.textr{
	color:#AF0F12;	
}

.textbl{
	color:#274e84;	
}

.textlbl{
	color:#0e74e0;	
}

.textw{
	color:#ffffff;	
}

.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.line-height35{
	line-height:35px;	
}

.shadow30{
	-webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.30);
}

.info_banner{
	border-radius: 10px;
}

.kiwi-maru-medium {
  font-family: "Kiwi Maru", serif;
  font-weight: 500;
  font-style: normal;
}

/*------------------------------------------------------------
 title
------------------------------------------------------------*/
h4.title_f{
	border: 1px solid #1a651a;
	background: linear-gradient(to top, #0b661b 0%, #0b661b 10%, #27c958 50%, #0b661b 90%, #0b661b 100%);
	color: #ffffff;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 15px;
}

h5.title_f{
	width:50%;
	border: 1px solid #1a651a;
	background: linear-gradient(to top, #27c958 0%, #ffffff 15%, #ffffff 50%, #ffffff 85%, #27c958 100%);
	color: #0b661b;
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 15px;
}

h4.title_g{
	border:1px solid #0f65b5;
	background:linear-gradient(to top, #0f65b5 0%, #00a9de 50%, #0f65b5 100%);
	color: #ffffff;
	font-size: 18px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 15px;
}

h5.title_g{
	width:50%;
	border:1px solid #0f65b5;
	background:linear-gradient(to top, #00a9de 0%, #ffffff 30%, #ffffff 50%, #ffffff 70%, #00a9de 100%);
	color:#0f65b5;
	font-size: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1em;
	padding-right: 1em;
	border-radius: 15px;
}

@media only screen and (max-width: 991px) {
h5.title_g,
h5.title_f{
	width:20em;
}
}


.title_st{
	font-size:20px;
}


h6.title_f{
	width:20em;
	border-left: 5px solid #1a651a;
	border-right:1px solid #27C958;
	border-top:1px solid #27C958;
	border-bottom:1px solid #27C958;
	background: #ffffff;
	color: #1a651a;
	font-size:16px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom:20px;
}

@media only screen and (max-width: 767px) {
.title_st{
	font-size:18px;
}

h5.title_g{
	width:100%;
}

h5.title_f{
	width:100%;
}

h6.title_f{
	width:100%;
}
}


/*------------------------------------------------------------
 共通
------------------------------------------------------------*/
.mb40{margin-bottom:40px;}

#contents{
	background:#383AAF;	
}

#main_contents{
	background:#ffffff;
    min-height:1000px;
}

@media only screen and (max-width: 767px) {
#contents{
	background:#ffffff;	
}
}


.wrapper_double{
	border:4px double #999999;
	padding:20px;
	margin-top:20px;
}

.comment{
	margin-bottom:20px;
    line-height:45px;
}

.photo{
	text-align:center;
}

.photo img{
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}

.phhoto ul{
	width:100%;
}

.page02 li{
	display:inline-block;
	width:49%;
}

@media only screen and (max-width: 767px) {
.page02 li{
	display:inline-block;
	width:100%;
}
}

.banner{
	text-align:center;
}

.banner img{
	margin-left:5px;
	margin-right:5px;
	margin-top:30px;
	margin-bottom:30px;
}


/*------------------------------------------------------------
 frame
------------------------------------------------------------*/
/*dl*/
dl.frame{
		
}

.frame dt{
	background:#CDCDCD;
	border:1px solid #999999;
	padding-left:1em;
	padding-top:10px;
	padding-bottom:10px;
}

.frame dd{
	background:#ffffff;
	border:1px solid #999999;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:1em;
	padding-right:1em;
	text-align:left;
}



dl.frame_g{
	clear:left;
	border-bottom:1px solid #999999;
	background:#00a9de;
	margin-top:20px;
}


.frame_g dt{
	float:left;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	width:10em;
	padding-left:1em;
	padding-top:15px;
	padding-bottom:15px;
}


.frame_g dd{
	background:#ffffff;
	margin-left:10em;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:1em;
	padding-right:1em;
	text-align:left;
}


dl.frame_f{
	clear:left;
	border-bottom:1px solid #999999;
	background:#6db668;
	margin-top:20px;
}


.frame_f dt{
	float:left;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	width:10em;
	padding-left:1em;
	padding-top:15px;
	padding-bottom:15px;
}


.frame_f dd{
	background:#ffffff;
	margin-left:10em;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:1em;
	padding-right:1em;
	text-align:left;
}


@media only screen and (max-width: 767px) {
.frame_g dt,
.frame_f dt{
	float:none;
	width:100%;
	text-align:left;	
}

.frame_g dd,
.frame_f dd{
	margin-left:0px;
	width:100%;
}
}


/*------------------------------------------------------------
 TOP
------------------------------------------------------------*/
/*slider*/
.print_img{
	display:none;
}

/*top_menu*/
.top_menu{
	clear:left;
	margin-top:15px;
	margin-bottom:15px;
}

.top_menu .menu{
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:10px;
}

@media only screen and (max-width: 767px) {
.top_menu{
	clear:left;
	margin-top:15px;
	margin-bottom:15px;
}

.top_menu .menu{
	width:100%;
	float:none;
	text-align:center;
	margin-bottom:10px;
}
}


/*ISO*/
.iso{
	border:4px double #999999;
	margin-bottom:30px;	
}

.iso_mark{
	float:left;
	width:35%;
	text-align:center;
	margin-top:45px;
}

.iso_comment{
	float:left;
	width:65%;
}

.iso dl{
	clear:left;	
}

.iso dt{
	float:left;
	width:6em;
}

.iso dd{
	padding-left:6em;
	padding-right:1em;
}

@media only screen and (max-width: 767px) {
.iso_mark{
	float:none;
	width:100%;
	text-align:center;
	margin-top:10px;
}

.iso_comment{
	float:none;
	width:100%;
	text-align:center;
}

.iso dt{
	float:none;
	width:100%;
}

.iso dd{
	width:100%;
	padding-left:1em;
	padding-right:1em;
}
}



/*news*/
.news{
	margin-bottom:40px;
}

.news h3{
	width:8em;
	background:linear-gradient(to top, #383AAF 0%, #6b64d1 50%, #383AAF 100%);
	border:1px solid #173568;
	font-size:16px;
	color:#ffffff;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

.news dl{
	border-bottom:1px dotted #999999;	
}

.news dt{
	padding-bottom:5px;	
}

.news dd{
	padding-left:1em;
	padding-right:1em;
	padding-bottom:5px;
}


/*facebook*/
.sns{
	max-width:500px;
	width:100%;
	height:400px;
	margin-bottom:40px;
}

@media only screen and (max-width: 767px) {
.sns{
	max-width:400px;
	width:100%;
	height:400px;
	margin:0 auto 40px;
}
	
.sns iframe{
	max-width:400px;
	width:100%;
}

}



.backnumber{
	clear:both;	
}

.backnumber figure{
	float:left;
	width:48%;
	text-align:center;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:20px;
}

/*----------------------------------------------------------
　　産業廃棄物・清掃　ページ内メニュー
-----------------------------------------------------------*/
.page_menu ul,.page_menu_ozon ul{
	clear:left;
	width:100%;
	margin:0 auto 20px;
	padding:0;
	height:auto;
}

.page_menu li{
	float:left;
	width:25%;
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
}

.page_menu li a{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	height:60px;
}

@media only screen and (max-width: 991px) {
.page_menu li{
	float:left;
	width:50%;
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
}

.page_menu li a{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	height:60px;
}

}

.page_menu .menu01{
	background-image: url(../f_seiso/images/menu01.jpg);
	background-repeat: no-repeat;
}

.page_menu .menu01 a:hover{
	background-image: url(../f_seiso/images/menu01_on.jpg);
	background-repeat: no-repeat;
}

.page_menu .menu02{
	background-image: url(../f_seiso/images/menu02.jpg);
	background-repeat: no-repeat;
}

.page_menu .menu02 a:hover{
	background-image: url(../f_seiso/images/menu02_on.jpg);
	background-repeat: no-repeat;
}

.page_menu .menu03{
	background-image: url(../f_seiso/images/menu03.jpg);
	background-repeat: no-repeat;
}

.page_menu .menu03 a:hover{
	background-image: url(../f_seiso/images/menu03_on.jpg);
	background-repeat: no-repeat;
}

.page_menu .menu04{
	background-image: url(../f_seiso/images/menu04.jpg);
	background-repeat: no-repeat;
}

.page_menu .menu04 a:hover{
	background-image: url(../f_seiso/images/menu04_on.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon li{
	float:left;
	width:20%;
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
}

.page_menu_ozon li a{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	height:60px;
}

@media only screen and (max-width: 991px) {
.page_menu_ozon li{
	float:left;
	width:50%;
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
}

.page_menu_ozon li a{
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	height:60px;
}

}

.page_menu_ozon .menu01{
	background-image: url(../f_ozon/images/menu01.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu01 a:hover{
	background-image: url(../f_ozon/images/menu01_on.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu02{
	background-image: url(../f_ozon/images/menu02.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu02 a:hover{
	background-image: url(../f_ozon/images/menu02_on.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu03{
	background-image: url(../f_ozon/images/menu03.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu03 a:hover{
	background-image: url(../f_ozon/images/menu03_on.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu04{
	background-image: url(../f_ozon/images/menu04.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu04 a:hover{
	background-image: url(../f_ozon/images/menu04_on.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu05{
	background-image: url(../f_ozon/images/menu05.jpg);
	background-repeat: no-repeat;
}

.page_menu_ozon .menu05 a:hover{
	background-image: url(../f_ozon/images/menu05_on.jpg);
	background-repeat: no-repeat;
}


/*------------------------------------------------------------
 富士興産
------------------------------------------------------------*/
#s1,#s2,#s3{
    margin-bottom:80px;
}


/*産業廃棄物収集運搬処理*/
.car_list{
	clear:both;
}

.car_list figure{
	float:left;
	width:50%;
	text-align:center;
	margin-bottom:30px;	
}

/*清掃業*/
.example li{
	float:left;
	display:block;
	margin-bottom:30px;
}

.example li.before,
.example li.after{
	width:45%;
	text-align:center;
}

.example li.arrow{
	width: 10%;
	text-align: center;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../f_seiso/images/mark.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.cleaning_type ul{
	clear:left;
	width:100%;
	margin:0 auto 20px;
	padding:0;
	height:auto;
}

.cleaning_type li{
	float:left;
	width:25%;
	margin:0px 0px 0px 0px;
	padding:0;
	list-style:none;
}


/*強力脱臭*/
.ozon_example{
	margin-top:30px;
}

.ozon_example figure{
	width:33.3333%;
	float:left;
	text-align:center;
	margin-bottom:30px;
}

.ozon_example figcaption{
	padding-top:10px;
}

@media only screen and (max-width: 767px) {
.ozon_example figure{
	width:50%;
	float:left;
	text-align:center;
	margin-bottom:30px;
}
}


/*------------------------------------------------------------
 グローブ
------------------------------------------------------------*/
.support_top{
    background: url(../images/ai04.png) no-repeat right 10px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:3%;
    padding-left:3%;
}

.support_top h4{
    font-size:18pt;
}

/*清掃について*/
.cleaning{
    background: url(../images/ai05.png) no-repeat right 40px;
}

h5.cleaning_title{
 position:relative;
 line-height:2;
 padding:0.1em 2em;
 display:inline-block;
 top:0;
}

h5.cleaning_title:before,h5.cleaning_title:after{ 
 position:absolute;
 content:'';
 top:0;
 width:8px;
 height:100%;
 display:inline-block;
}

h5.cleaning_title:before{
 border-left:solid 3px #6DA6D9;
 border-top:solid 3px #6DA6D9;
 border-bottom:solid 3px #6DA6D9;
 left: 0;
}

h5.cleaning_title:after{
 border-top:solid 3px #6DA6D9;
 border-right:solid 3px #6DA6D9;
 border-bottom:solid 3px #6DA6D9;
 right:0;
}

.cleaning_back01 p{
    width:79%;
}

.cleaning table{
	width:100%;
	margin:0 auto 30px;
}

.cleaning th{
	background:#0F65B5;
	border-right:1px solid #0F65B5;
	border-left:1px solid #0F65B5;
	padding-top:6px;
	padding-bottom:6px;
	color:#ffffff;
	text-align:center;
}

.cleaning th.money{
	width:260px;	
}

.cleaning td{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1em;
	padding-right:1em;
	border-bottom:1px solid #0F65B5;
	border-right:1px solid #0F65B5;
	border-left:1px solid #0F65B5;
}

/*終活支援*/
#relics table{
	width:100%;
	margin:0 auto 30px;
}

#relics th{
	background:#0F65B5;
	border-right:1px solid #0F65B5;
	border-left:1px solid #0F65B5;
	padding-top:6px;
	padding-bottom:6px;
	color:#ffffff;
	text-align:center;
}

#relics th.money{
	width:200px;
}
#relics td.money{
	width:200px;
    text-align:right;
}

#relics td{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:1em;
	padding-right:1em;
	border-bottom:1px solid #0F65B5;
	border-right:1px solid #0F65B5;
	border-left:1px solid #0F65B5;
}


.question{
    background:linear-gradient(transparent 60%,#9DC3E6 60%);
    padding-left:1em;
    padding-right:1em;
}

.answer{
    padding-left:2em;
    padding-right:2em;
}







.report01{
    min-height:950px;
}

/*------------------------------------------------------------
 footer
------------------------------------------------------------*/
#footer{
	background:#383AAF;
	color:#ffffff;
	padding-top:20px;
}

.footer_link{
	line-height:30px;
	margin-bottom:20px;
}

.footer_link ul{
	margin-top:10px;
	margin-bottom:10px;	
}

.footer_link a {
  position: relative;
  display: inline-block;
  transition: .3s;
  color:#ffffff;
  text-decoration:none;
}

.footer_link a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #57b9ea;
  transition: .3s;
}

.footer_link a:hover::after {
  width: 100%;
}

/*------------------------------------------------------------
 gotop
------------------------------------------------------------*/

p.gotop{
	position:fixed;
    right:5%;
    bottom:20px;
	z-index:2;
	padding:0;
	margin:0;
}


p.gotop a{
    display: block;
	color:#008ae8;
	padding:0;
	margin:0;
}

p.gotop .fas{
	font-size:50px;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
}

p.gotop a:hover{
	color:#57b9ea;	
}