@charset "utf-8";
main a { color: var(--blue2-color); }
/*　メニュー　*/
.jikohannyu_base { width: 1100px; margin: 80px auto 0;}
.jiko_menu { display: flex; flex-wrap: wrap; width: 100%; margin: 75px 0 0 0 }
.jiko_menu li { margin-right: 20px; }
.jiko_menu li:nth-child(1) {}
.jiko_menu li:nth-child(2) {}
.jiko_menu li:nth-child(3) { margin-right: 200px;}
.jiko_menu li:nth-child(4) { margin-top: 20px;}
.jiko_menu li:nth-child(5) { margin-top: 20px;}
.jiko_menu li:nth-child(6) { margin-top: 20px;}
.jiko_menu li:nth-child(7) { margin-top: 20px;}
.jiko_menu li:nth-child(8) { margin-top: 20px;}
.jiko_menu li a { display: inline-block; padding: 6px 50px 6px 30px; font-size: 19px; border: solid 2px var(--blue2-color); border-radius: 25px; text-decoration: none; font-weight: bold; background: var(--blue4-color) url("../img/menu_arrow.png") no-repeat right 12px center; }

.hanyu_content { width: 1100px; margin: 80px auto 0;}
h3 { width: 100%; margin: 0 0 30px 0; padding: 30px 0; font-size: 28px; letter-spacing: 2px; color: var(--blue2-color); border-bottom: solid 1px var(--blue2-color); border-top: solid 5px var(--blue2-color);}
h3 span { font-size: 16px; color: #222; margin-left: 10px}

.hannyu_text {}
.hannyu_text a img { vertical-align: top; margin: 0 2px; padding: 3px 0 0; height: auto;}
.hannyu_text2 { margin-bottom: 30px;}
.hannyu_text2 span { color: #f00; }
.hannyu_text2 a { color: var(--blue2-color);}

.hanyu_title { font-size: 22px; font-weight: bold; color: var(--blue2-color); border-left: solid 10px var(--blue2-color); padding: 5px 0 5px 15px; margin: 30px 0; }
.jikou_text { width: 980px; margin: 0 auto 0 auto; padding: 40px; background: var(--blue4-color); border-radius: 20px;  }
.jikou_text li {text-indent: -20px; margin: 0 0 0 19px;}
.jikou_text li:not(:first-child) { margin-top: 20px;}
.jikou_text spam { color: var(--blue2-color); margin: 0 2px }

.hannyu_list { display: flex; flex-wrap: wrap; width: 820px; margin: 0 auto 0 auto; }
.hannyu_list dt { display: flex; align-items: center; justify-content: center; width: 200px; margin-right: 10px; background: #428dc6; color: #fff; margin: 0 0 10px; padding: 7px 0; text-align: center; }
.hannyu_list dd { width: 610px; margin: 0 0 10px 10px; padding: 7px 20px; line-height: 120%; background: var(--blue4-color); }
.hannyu_list span { color: #f00; }

.hannnyu_bule_bg { width: 980px; margin: 0 auto 0 auto; padding: 40px; background: var(--blue4-color); border-radius: 20px;  }
.hannnyu_bule_bg2 { width: 1100px; margin: 0 auto 0 auto; padding: 40px; background: var(--blue4-color); border-radius: 20px; }

/*予約受付について*/
.sub_cap { font-size: 22px; color: var(--blue2-color); font-weight: bold; margin-bottom: 30px}
.sub_cap img { vertical-align: middle; margin: 0 15px 10px;}
.sub_cap2 { font-size: 22px; color: var(--blue2-color); font-weight: bold; margin-bottom: 30px}
.sub_cap2 img { vertical-align: middle; margin: 0 15px 10px;}
.blue_bg_list { display: flex; flex-wrap: wrap; width: 670px; margin: 0 auto;}
.blue_bg_list dt { display: flex; justify-content: center; align-items: center; width: 230px; margin-right: 10px; color: #fff; font-weight: bold;  background: #428dc6; padding: 10px 0; }
.blue_bg_list dt { margin-bottom: 10px;}
.blue_bg_list dd { margin-bottom: 10px;}
.blue_bg_list dd { width: 430px; padding: 10px 33px;  background: #fff; }
.blue_bg_list dd span { color: #f00;}
/*インターネットから予約をする*/
.yoyaku_btn_area { width: 900px; margin: 40px auto; padding: 40px 0; border-bottom: dotted 1px #0082a0; border-top: dotted 1px #0082a0; text-align: center }
.yoyaku_btn /*a */{ display: inline-block; padding: 18px 70px 18px 120px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; background-color: #16bcac; background-image: url("../img/icon_Internet2.png"),url("../img/arrow.png"); background-repeat: no-repeat; background-position: left 25px center,right 28px center; border-radius: 30px; opacity: 0.3;}
/*搬入時間*/
.hannyu_time { font-size: 22px; font-weight: bold; color: var(--blue2-color);}
/*予約の変更及びキャンセル*/
.cancel_list  { display: flex; flex-wrap: wrap; width: 780px; margin: 30px auto 0 auto;}
.cancel_list dt { display: flex; justify-content: center; align-items: center; width: 340px; margin-right: 10px; color: #fff; font-weight: bold;  background: #428dc6; padding: 10px 0;}
.cancel_list dd { width: 430px; padding: 10px 33px;  background: var(--blue4-color);}
/*ごみ搬入確認証について*/
.ninsyou_list_area { width: 100%; padding: 10px 0 30px; }
.ninsyou_list { display: flex; flex-wrap: wrap; width: 950px; margin: 30px auto 0 auto;}
.ninsyou_list dt { display: flex; justify-content: center; align-items: center; width: 160px; margin:0 10px 10px 0; color: #fff; font-weight: bold;  background: #428dc6; padding: 10px 0;}
.ninsyou_list dd { width: 780px; padding: 10px 10px 10px 20px; margin-bottom: 10px; background: var(--blue4-color);}
.city_title { background: #14608e!important;}
.ninsyougomi_title{ background: #bcdadd!important;}
/*お住まいの市町村の連絡先*/
.renraku_list_area { width: 100%; padding: 10px 0 30px; }
.renraku_list { display: flex; flex-wrap: wrap; width: 730px; margin: 30px auto 0 auto;}
.renraku_list li:nth-child(3n+1) { width: 350px; margin: 0 10px 10px 0; padding: 10px 0; color: #fff; font-weight: bold; background: #428dc6; text-align: center;}
.renraku_list li:nth-child(3n+2) { width: 180px; margin: 0 10px 10px 0; padding: 10px 0; text-align: center; background: #f2f9fb; }
.renraku_list li:nth-child(3n+3) { width: 180px; margin: 0 0 10px 0; padding: 10px 0; text-align: center; background: #f2f9fb; }
.renraku_saki_title{ background: #14608e!important;}
.tel_title { background: #bcdadd!important;}
.fax_title { background: #bcdadd!important;}

/*　一括納付制度について　*/
.hannyu_dl {}
.hannyu_pdf a { display: block; width: 520px; font-size: 18px; color: #fff; text-decoration: none; padding: 12px 0 12px 80px;  border-radius: 30px; background-color: var(--blue2-color); background-image:url("../img/menu_arrow2.png"),url("../img/pdf.png"); background-repeat: no-repeat; background-position: right 30px center, left 30px center; margin: 0 auto 0 auto;}
.hannyu_word a { display: block; width: 520px; font-size: 18px; color: #fff; text-decoration: none; padding: 12px 0 12px 80px;  border-radius: 30px; background-color: var(--blue2-color); background-image:url("../img/menu_arrow2.png"),url("../img/word.png"); background-repeat: no-repeat; background-position: right 30px center, left 30px center; margin: 20px auto 0 auto;}

/*ごみ搬入について*/
#hannyu { padding-bottom: 150px;}
/*搬入場所*/
.shimokita_map { width: 100%; text-align: center; padding: 30px 0; }
.shimokita_map img { max-width: 836px; width: 100%; height: auto;}
.hannyu_bluebox { font-size: 22px; font-weight: bold; color: var(--blue2-color);}
.hannyu_bluebox span { color: #f00; font-size: 16px;}
.hannyu_bluebox2 { font-size: 16px; }
/*搬入の流れ*/
.nagare_area { display: flex; justify-content: space-between; width: 100%;}
.nagare { width: 300px; text-align: center; }
.nagare li:nth-child(1) { color: #fff; font-size: 24px; font-weight: bold; text-align: center; background: #428dc6; padding: 10px; border-radius: 30px; }
.nagare li:nth-child(2) { margin-top: 20px}
.nagare li:nth-child(3) { text-align: left; margin-top: 20px}
.nagare_arrow { display: flex; align-items: center; }


.kentou { max-width: 670px; margin: 10px auto 5px; font-weight: bold; }

.btn_area { text-align: center;}
.btn_area a { display: inline-block; width: 290px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; padding: 18px; text-decoration: none; border-radius: 40px;  background: var(--blue2-color) url("../img/arrow4.png") no-repeat right 20px center;; }
.kinshi_tx { text-align: center; margin: 10px 0 60px 0; }

@media screen and (max-width: 768px) {
	/*　メニュー　*/
	#jikohannyu { padding: 0 20px;}
	.jikohannyu_base { width: 100%;}
	.jiko_menu { flex-flow: column;  }
	.jiko_menu li { margin-right: 0; }
	.jiko_menu li:nth-child(1) { margin-top: 10px;}
	.jiko_menu li:nth-child(2) { margin-top: 10px;}
	.jiko_menu li:nth-child(3) { margin-top: 10px; margin-right: 0;}
	.jiko_menu li:nth-child(4) { margin-top: 10px;}
	.jiko_menu li:nth-child(5) { margin-top: 10px;}
	.jiko_menu li:nth-child(6) { margin-top: 10px;}
	.jiko_menu li:nth-child(7) { margin-top: 10px;}
	.jiko_menu li:nth-child(8) { margin-top: 10px;}
	.jiko_menu li a { width: 100%; font-size: 16px; text-align: center; }
	
	.hanyu_content { width: 100%; margin: 0px auto 0; padding: 0 20px;}
	h3 { width: 100%; margin: 20px 0 15px 0; padding: 18px 0; font-size: 20px; letter-spacing: 1px; color: var(--blue2-color); border-bottom: solid 1px var(--blue2-color); border-top: solid 5px var(--blue2-color);}
	h3 span { display: inline-block; margin-left: 20px;}
	.jikou_text { width: 100%; padding: 20px;}
	.jikou_text li:not(:first-child) { margin-top: 15px;}
	
	.hannyu_list { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto 0 auto; }
	.hannyu_list dt { display: flex; align-items: center; justify-content: center; width: 100%; margin-right: 10px; background: #428dc6; color: #fff; margin: 0; padding: 7px 0; text-align: center; }
	.hannyu_list dd { width: 100%; margin: 0 0 10px 0; padding: 12px 20px; line-height: 120%; background: var(--blue4-color); }
	
	.hannnyu_bule_bg { width: 100%; padding: 20px 30px; }
	.hannnyu_bule_bg2 { width: 100%; padding: 20px 30px; }
	
	/*予約受付について*/
	.sub_cap { font-size: 18px; color: var(--blue2-color); font-weight: bold; margin-bottom: 20px; text-align: center;}
	.sub_cap img { vertical-align: middle; margin: 0 15px 10px; width: 70px; height: auto; }
	.sub_cap2 { font-size: 18px; color: var(--blue2-color); font-weight: bold; margin-bottom: 20px; text-align: center;}
	.sub_cap2 img { vertical-align: middle; margin: 0 15px 10px; width: 40px; height: auto;}
	.blue_bg_list { flex-flow: column; width: 100%; margin: 0 auto;}
	.blue_bg_list dt { width: 100%; margin-bottom: 0; }
	.blue_bg_list dt:first-child { margin-bottom: 0px;}
	.blue_bg_list dd { width: 100%; }
	.blue_bg_list dd span { color: #f00;}
	/*インターネットから予約をする*/
	.yoyaku_btn_area { width: 100%; margin: 30px auto; padding: 40px 0; }
	.yoyaku_btn /*a */{ padding: 18px 70px 18px 120px; font-size: 18px; color: #fff; font-weight: bold; text-decoration: none; background-color: #16bcac; background-image: url("../img/icon_Internet2.png"),url("../img/arrow.png"); background-repeat: no-repeat; background-position: left 25px center,right 28px center; border-radius: 30px; opacity: 0.3;}
	/*予約の変更及びキャンセル*/
	.cancel_list  { flex-flow: column; width: 100%; margin: 0 auto 30px auto;}
	.cancel_list dt { flex-wrap: wrap; width: 100%; margin-bottom: 0px; }
	.cancel_list dd { width: 100%; }
	.cancel_list span { display: inline-block;}
	
	/*ごみ搬入確認証について*/
	.ninsyou_list_area { width: 100%; padding: 5px 0 30px; }
	.ninsyou_list { flex-flow: column; width: 100%; margin: 30px auto 0 auto;}
	.ninsyou_list dt { width: 100%; margin:0 10px 0 0; }
	.ninsyou_list dd { width: 100%; padding: 10px 10px 10px 20px;}
	/*お住まいの市町村の連絡先*/
	.renraku_list_area { width: 100%; padding: 10px 0 30px; }
	.renraku_list { flex-flow: column; width: 100%; margin: 30px auto 0 auto;}
	.renraku_list li:nth-child(3n+1) { width: 100%; margin: 0 10px 0 0; padding: 10px 0; color: #fff; font-weight: bold; background: #428dc6; text-align: center;}
	.renraku_list li:nth-child(3n+2) { width: 100%; margin: 0 10px 0 0; padding: 10px 0 10px 20px; text-align: left; background: #f2f9fb; border-bottom: solid 1px #428dc6; }
	.renraku_list li:nth-child(3n+3) { width: 100%; margin: 0 0 10px 0; padding: 10px 0 10px 20px; text-align: left; background: #f2f9fb; border-bottom: solid 1px #428dc6; }
	.renraku_saki_title { }
	.tel_title {display: none;}
	.fax_title {display: none;}
	
	/*　一括納付制度について　*/
	.hannyu_dl {}
	.hannyu_pdf a { display: block; max-width: 520px; width: 100%; font-size: 16px; color: #fff; text-decoration: none; padding: 12px 60px 12px 70px;  border-radius: 30px; background-color: var(--blue2-color); background-image:url("../img/menu_arrow2.png"),url("../img/pdf.png"); background-repeat: no-repeat; background-position: right 30px center, left 30px center; margin: 0 auto 0 auto;}
	.hannyu_word a { display: block; max-width: 520px; width: 100%; font-size: 16px; color: #fff; text-decoration: none; padding: 12px 60px 12px 70px;  border-radius: 30px; background-color: var(--blue2-color); background-image:url("../img/menu_arrow2.png"),url("../img/word.png"); background-repeat: no-repeat; background-position: right 30px center, left 30px center; margin: 20px auto 0 auto;}
/*ごみ搬入について*/
#hannyu { padding-bottom: 90px;}
	/*搬入の流れ*/
	.nagare_area { flex-flow: column; justify-content: space-between; align-items: center; padding: 20px 0; width: 100%;}
	.nagare { max-width: 300px; width: 100%; text-align: center; }
	.nagare li:nth-child(1) { font-size: 20px; }
	.nagare li:nth-child(2) { margin-top: 20px}
	.nagare li:nth-child(2) img { padding: 0 10px; width: 100%; height: auto;  }
	.nagare li:nth-child(3) { margin-top: 10px; padding: 0 13px;}
	.nagare_arrow { display: flex; justify-content: center; padding: 20px 0; }
	.nagare_arrow img { transform: rotate(90deg); }
	
.kentou { max-width: none; width: 100%; margin: 10px auto 5px; font-weight: bold; }
}