@charset "utf-8";
/*****市町村サイズ設定*****/
#character{
	display:block;
	position:fixed;
	top:150px;
	left:50%;
	transform:translateX(-140px);
	z-index:1;
	width:140px;
	transition:.6s ease-out; 
}
#character.set{
	top:-8px;
}
#character_result{
	display:block;
	position:absolute;
	top:-20px;
	left:72%;
	width:238px;
}
#result_single_hit #character_result{
	top:-30px;
	left:73%;
	}
#result_non_hit #character_result{
	top:-30px;
	left:73%;
	}
#character img,
#character_result img{
	width:100%;
	height:auto;
}
/*****市町村カラーデフォルト設定*****/
.loader_color{
	fill:#009330;
	}
.btn_color{
	fill:#fff;
}
.btn_bg_color{
	fill:#FDD8AC;
}
.active .btn_bg_color{
	fill:#fa8600;
}
.btn_bg_back_color{
	fill:#009330;
	}
.next_bar{
	background:#009330;
	}
.bar_color{
	stroke:#009330;
}
.detail_color{
	fill:#009330;
}
.small_icon_color{
	fill:#555;
}
.q_color{
	fill:#009330;
}
#cont #flow_stage section .box{
	color:#009330;
	background:#fff;
	}
#result .result_box{
	color:#555;
	background:#fff;
}
#result .ttl{
	color:#009330;
}
.parts_bg_color{
	fill:#009330;
}
.quantity{
	color:#fff;	
	background:#009330;
	}
#result .result_box .btn_detail span{
	color:#009330;
}
#result .cap,
#result .cap a{
	color:#555;
}
#flow_bar .number{
	color:#009330;
}
#bar_set #max_bar{
	background:#009330;
	opacity:0.16;
}
#bar_set #current_bar{
	background:#009330;
}
/*フォーム要素*/
input[type=radio] + label{
	color:#555;
	background:#f2f2f2;
}
input[type=radio] + label::before {
        background: #fff;
		border:#bcbcbc solid 2px;
    }
input[type=radio]:checked + label::after {
        background: #009330;
    }
input[type=radio]:checked + label::before {
		border:#009330 solid 2px;
}
input[type=radio]:checked + label{
	color:#009330;
	background:rgba(0,147,48,0.1);
}
input[type=checkbox] + label {
	color:#555;
	background:#f2f2f2;
}
    input[type=checkbox] + label::before {
        background: #fff;
        border:#bcbcbc solid 2px;
    }
    input[type=checkbox]:checked + label::after {
        border-left: 3px solid #009330;
        border-bottom: 3px solid #009330;
    }
input[type=checkbox]:checked + label::before {
		border:#009330 solid 2px;
}
input[type=checkbox]:checked + label{
	color:#009330;
	background:rgba(0,147,48,0.1);
}
input[type=checkbox]:disabled + label::before {
	border:#bcbcbc solid 2px;
}
input[type=checkbox]:disabled + label {
	background:#f2f2f2;
}
input[type=checkbox]:disabled + label::after {
	border-left: 3px solid #bcbcbc;
	border-bottom: 3px solid #bcbcbc;
}
input[type=checkbox]:disabled + label p {
    color: #a2b0be;
}
label p,
label span{
	color:#555;
}
/*ボタンカラー*/
#btn_content_end a{
	color:#fff;
	background:#FDD8AC;
}
#btn_content_end a.active{
	background:#fa8600;
}
#btn_content_end a span::before {
	border-top:#fff solid 2px;
	border-right:#fff solid 2px;
}
#btn_top_back a{
	color:#555;
	background:#E5E5E5;
}
#btn_top_back a span::before {
	border-top:#555 solid 2px;
	border-right:#555 solid 2px;
}
/*背景隠し*/
#cont #flow_stage section.last::before,
#result::before{
	background:#FCF8EC;
	}
/*help*/
.help_bg_color{
	fill:#bcbcbc;
	}
.help_color{
	fill:#fff;
	}
.help_ttl_bg_color{
	color:#009330;
	}
.help_ttl_color{
	color:#FCF8EC;
	}
/*help_modal*/
.help_overlay .bg{
	background:#009330;
	opacity:0.9;
}
.window_cont{
	color:#009330;
	background:#FCF8EC;
}
.modal_icon_color{
	fill:#fff;
}
.help_btn_bg_color{
	fill:#00933080;
}
.modal_icon_bg_color{
	fill:#009330;
}
/* add 20220216 */
#bar_set #max_bar{
	background:#EAF4FD;
	opacity:1;
}
.scroll-area::before{
	background:#EAF4FD;
}
.scroll-area div{
	border-bottom:#EAF4FD 1px solid;
}
.nicescroll-rails{
	background: rgb(234, 244, 253) !important;
}
.nicescroll-cursors{
	background-color: rgb(0, 119, 217) !important;
}
/* */
/*tab～PC（小）*/
@media screen and (max-width:979px) {
/*****市町村サイズ設定*****/
#character{
	display:block;
	position:fixed;
	left:50%;
	transform:translateX(-230px);
	width:238px;
}
/*ハンバーガーカラー　TOP以外共通*/
.btn_menu.pos_top{
	background:#fff;
	}
.btn_menu.pos_top .btn_menu_icon {
	background: #009330;
}
.btn_menu.pos_top .btn_menu_icon::before,
.btn_menu.pos_top .btn_menu_icon::after {
	background: #009330;
}
.btn_menu.pos_top .menuTxt {
	color:#009330;
}
}
/*SP*/
@media screen and (max-width:767px) {
/*****市町村サイズ設定*****/
#character{
	display:block;
	position:fixed;
	top:150px;
	left:50px;
	transform:translateX(0);
	width:122px;
}
#character.set{
	top:10px;
}
#character_result{
	display:block;
	position:absolute;
	top:50px;
	left:50%;
	transform:translateX(125px);
	width:122px;
}
#result_single_hit #character_result{
	top:15px;
	left:50%;
	transform:translateX(125px);
	}
#result_non_hit #character_result{
	top:15px;
	left:50%;
	transform:translateX(125px);
	}
	.connect_links {
		justify-content: space-between;
		padding: 4px 24px;
	}
	
	.connect_links {}
}
@media screen and (max-width:380px) {
#character_result{
	top:35px;
	transform:translateX(105px);
}
#result_single_hit #character_result{
	transform:translateX(105px);
	}
#result_non_hit #character_result{
	transform:translateX(105px);
	}	
}

/*申請書作成支援フォーム*/
.btn_to_form a{
	color:#fff;
	/*background:#FDD8AC;*/
}
.btn_to_form a{
	background:#FDD8AC;
}
.btn_to_form a.active{
	background:#fa8600;
}
.icon_color_form{
	fill:#fff;	
	}
#result input[type=checkbox] + p::before {
        background: #fff;
        border:#bcbcbc solid 2px;
    }
#result input[type=checkbox]:checked + p::after {
        border-left: 3px solid #fff;
        border-bottom: 3px solid #fff;
    }
#result input[type=checkbox]:checked + p::before {
		border:#fa8600 solid 2px;
        background: #fa8600;
}
#result input[type=checkbox]:checked + p{
	color:#fa8600;
}
#result .result_box{
		border:#fff solid 2px;
	}
#result .result_box.check{
		border:#fa8600 solid 2px;
}
.hit_set .attention{
	color:#009330;
}
#result .online span{
	background: #FA8600;
	color:#fff;
}
.icon_color_form{
	fill:#fff;	
	}
#result input[type=checkbox] + p::before {
        background: #fff;
        border:#bcbcbc solid 2px;
    }
#result input[type=checkbox]:checked + p::after {
        border-left: 3px solid #009330;
        border-bottom: 3px solid #009330;
    }
#result input[type=checkbox]:checked + p::before {
		border:#009330 solid 2px;
}
.hit_set .attention span{
	color:#FFF;
}
#result .online span{
	background: #FA8600;
	color:#fff;
}
/*add 20211223*/
.hit_set .attention{
	color:#555555;
}
.hit_set .attention .c1{
	color:#009330;
}
.hit_set .attention a{
	color:#FA8600;
}
.print_cap{
	color:#9D9D9D;
}
.web_create a{
	color:#009330;
}
.web_create a span::before {
	border-top:#009330 solid 2px;
	border-right:#009330 solid 2px;
}
@media screen and (max-width:767px) {
.web_create a{
	background:#EAF4FD;
}
}
.create_btn_set>div>ul li a{
	color:#009330;
}

.create_btn_set>div>ul li:last-of-type{
	color:#9D9D9D;
}
#btn_create a{
	color:#fff;
	background:#fa8600;
}
#btn_create a span::before {
	border-top:#fff solid 2px;
	border-right:#fff solid 2px;
}
/*印刷　URLコピー*/
.function_btn_set a span{
	color:#009330;
}
.function_btn_set p{
	background:#009330;
}
.print_color{
	fill:#009330;
	}
.function_btn_set_btm .print_color {
	fill: #009330
}
.function_btn_set_btm a{
	background:#fff;
}
.function_btn_set_btm a span{
	color:#009330;
}
.function_txt{
	color:#009330;
	}
/*end_modal*/
.end_overlay .bg{
	background:#009330;
	opacity:0.9;
}
.window_cont_end{
	color:#009330;
	background:#FCF8EC;
}
.window_cont_end .txt{
	color:#009330;	
}
/*add btn_next*/
#cont #flow_stage section .box .btn_next a .circle{
	background:#FDD8AC;
	border:#FDD8AC 2px solid;
}
#cont #flow_stage section .box .btn_next a.active .circle{
	background:#fa8600;
	border:#fa8600 2px solid;
}
#cont #flow_stage section .box .btn_next a .next_txt{
	color:#fff;
}
#cont #flow_stage section .box .btn_next a .next_arrow_color{
	fill:#fff;
}
#cont #flow_stage section .btn_back a .circle{
	background:#009330;
	border:#009330 2px solid;	
}
#cont #flow_stage section .btn_back a .back_txt{
	color:#fff;
}

.tags {
  line-height: 1em;
  margin: 1rem 0.2rem;
}

.connect_links {
  line-height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.connect_link {
  transition: 300ms;
  width: 12rem;
  text-align: center;
  font-size: 1.2rem;
  padding: 4px;
  color: #1D77D9;
}

.connect_link_anchor {
  text-decoration: none;
}

.connect_link_anchor:visited {
  color: inherit;
}

.connect_link_circle {
  border: 1px solid #1D77D9;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.connect_link_image {
  width: 60%;
}

.connect_link_label {
  margin: 4px;
  line-height: 120%;
}

.connect_link:hover {
  cursor: pointer;
}

.connect_link_image {
  transition: .4s ease-out;
}

.connect_link:hover .connect_link_image {
  opacity: 0.5;
}

.form_tag_description {
  color: #1D77D9;
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: 800;
  letter-spacing: 0.04em;
  padding: 0px 0px 24px;
}

.form_id {
  border-radius: 4px;
  background-color: #1D77D9;
  color: white;
  font-weight: 600;
  font-size: 1.4rem;
  text-align: center;
  padding: 0.2em 0.4em;
}