@charset "utf-8";

@media screen and (max-width : 640px) {

/* ==================================================
main visual
================================================== */
#tmp_mainvisual{
	max-width: 100%;
	height: auto;
	overflow: visible;
	z-index: 9;
}
#tmp_mainvisual .container {
	padding-left: 0;
}
#tmp_mainvisual .slick-list {
	overflow: visible;
}
#tmp_mainvisual .gallery_slide,
#tmp_mainvisual .gallery_slide img{
	height: 160px;
}
#tmp_mainvisual .mainvisual_cap{
	position: absolute;
    left: 10px;
    bottom: -60px;
    padding: 12px 15px 0.8em;
	min-height: auto;
	opacity: 1;
	width: calc(100% - 20px);
}
#tmp_mainvisual .mainvisual_cap .mainvs_cap_ttl {
    font-size: 85.7%;
	top: auto;
}
#tmp_mainvisual .mainvisual_cap .mainvs_cap_ttl a {
	padding-left: 14px;
	background-position: 0 4px;
}
#tmp_mainvisual .slick_control {
	left: 10px;
	right: 10px;
	bottom: -100px;
	margin-left: 0;
	font-size: 78.5%;
	text-align: center;
	min-height:auto;
	padding:12px 15px;
	background-color: #fff;
	z-index: 9;
}
#tmp_mainvisual .btn_slides span{
	padding: 4px 5px 3px 15px;
}
#tmp_mainvisual .btn_slides.stop span:before,
#tmp_mainvisual .btn_slides.stop span:after{
	margin-top: -5px;
}
#tmp_mainvisual .btn_slides.start span:before {
	border-width: 5px 0 5px 9px;
	margin-top: -6px;
}
#tmp_mainvisual .btn_slides.stop span:before,
#tmp_mainvisual .btn_slides.stop span:after {
	height: 9px;
}
#tmp_mainvisual.no_control .mainvisual_cap {
	padding: 12px 15px;
	min-height: auto;
	margin-bottom: -28px;
}
/* ==================================================
emergency box
================================================== */
#tmp_emergency_box{
	padding: 10px 0 20px;
	background: url(/shared/templates/top_rn/images/main/corona_bgr_sp.png) no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.emergency_wrap {
	padding: 0;
}
.emergency_wrap:before,
.emergency_wrap:after {
	display: none;
}
/* ==================================================
urgency
================================================== */
#tmp_urgency {
	margin-top: 110px;
	padding-top: 20px;
	padding-bottom: 0;
	margin-bottom: -100px;
	z-index: 3;
	display: block;
	position: relative;
	background-color: #FFF9EE;
}
#tmp_urgency .urgency_box {
	flex-wrap: wrap;
}
#tmp_urgency .urgency_box .urgency_ttl,
#tmp_urgency .urgency_box .urgency_cnt {
	width: 100%;
}
#tmp_urgency .urgency_box .urgency_ttl {
	padding-bottom: .5em;
	border-bottom: 1px solid #C4C4C4;
	border-right: none;
	margin-bottom: .5em;
}
/* ==================================================
tabs
================================================== */
/* tabs */
#tmp_tabs {
	padding-top: 170px;
	z-index: 2;
}
#tmp_tabs::before {
	top: 90px;
	right: 0;
	width: 200px;
	-webkit-background-size: 200px auto;
	-moz-background-size: 200px auto;
	background-size: 200px auto;
	background-repeat: no-repeat;
}
#tmp_tabs .tab_sub_ttl {
	display: none;
}
#tmp_tabs .tab_title a {
	font-size: 100%;
	padding: 12px 2px 15px;
	margin: 0 2px;
	line-height: 1.1;
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#tmp_tabs .tab_title a span,
#tmp_tabs .tab_title a.tb_active span {
	background-size: 14px;
	padding: 0 10px 0 20px;
}
#tmp_tabs .tab_title a span,
#tmp_tabs .tab_switch span {
	display: block;
	width: 100%;
}
#tmp_tabs .tab_switch span+span {
	margin-left: 0;
}
#tmp_tabs .tab_switch.tab3 span {
	font-size: 100%;
}
#tmp_tabs .tab_switch {
	font-size: 100%;
	padding: 8px 2px 5px;
	line-height: 1.1;
}
#tmp_tabs .tab_title a::before {
	content: none;
}
#tmp_tabs .tab_title a,
#tmp_tabs .tab_title a.tb_active,
#tmp_tabs .tab_title a:nth-child(2).tb_active,
#tmp_tabs .tab_title a:nth-child(3).tb_active {
	background-repeat: no-repeat;
	background-position: left 5px center;
	-webkit-background-size: 114px auto;
	-moz-background-size: 14px auto;
	background-size: 14px auto;
}
#tmp_tabs .tab_title a {
	background-image: url(/shared/site_rn/images/header/setting_arrow_triangle_grey.png);
}
#tmp_tabs .tab_title a.tb_active {
	background-image: url(/shared/site_rn/images/header/setting_arrow_triangle_yellow.png);
}
#tmp_tabs .tab_title a:nth-child(2).tb_active {
	background-image: url(/shared/site_rn/images/header/setting_arrow_triangle_blue.png);
}
#tmp_tabs .tab_title a:nth-child(3).tb_active {
	background-image: url(/shared/site_rn/images/header/setting_arrow_triangle_pink.png);
}
#tmp_tabs .tab_title a span,
#tmp_tabs .tab_title a.tb_active span,
#tmp_tabs .tab_title a:nth-child(2).tb_active span,
#tmp_tabs .tab_title a:nth-child(3).tb_active span {
	background-image: none;
}
.menu_information_cnt {
	position: relative;
	padding: 25px 10px;
}
#tmp_tab_kurashi .menu_information_cnt::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: -40px;
	right: -20px;
	background: url(/shared/templates/top_rn/images/main/bg_suport_1_2.png);
	width: 220px;
	height: 275px;
	-webkit-background-size: 220px auto;
	-moz-background-size: 220px auto;
	background-size: 220px auto;
	background-repeat: no-repeat;
}
#tmp_tab_kurashi .section_pickup::after {
	content: none;
}
.menu_cate_ttl {
	margin-left: -10px;
}
.menu_list .menu_item {
	max-width: calc(100% / 2);
	min-width: 200px;
}
.menu_cate_cnt.no_image .menu_list .menu_item {
	width: calc(100% / 2);
	min-width: auto;
} 
#tmp_tab_kurashi .menu_box .menu_image,
#tmp_tab_kurashi .menu_box .menu_image img {
	height: 140px;
	min-width: auto;
}
#tmp_tab_shigoto .menu_box .menu_image,
#tmp_tab_shigoto .menu_box .menu_image img,
#tmp_tab_kanko .menu_box .menu_image,
#tmp_tab_kanko .menu_box .menu_image img {
	height: 100px;
	min-width: auto;
}
#tmp_tab_shigoto .menu_box .menu_image span,
#tmp_tab_kanko .menu_box .menu_image span {
	width: 100%;
}
.menu_box .menu_cap a span {
	padding: .5em 1em .5em 2.4em;
	background: transparent url(/shared/site_rn/images/header/setting_arrow_yellow.png) left 20px top 50% no-repeat;
}
/* news tab ttl */
 #tmp_news_cnt_kurashi .tab_news_ttl1 {
	font-size: 100%;
	width: calc((100% - 30px)  / 3);
}
#tmp_news_cnt_shigoto .tab_news_ttl2,
 #tmp_news_cnt_kanko .tab_news_ttl3 {
	font-size: 100%;
	width: calc((100% - 20px)  / 2);
}
#tmp_news_cnt_kurashi .tab_news_ttl1 a,
#tmp_news_cnt_shigoto .tab_news_ttl2 a,
#tmp_news_cnt_kanko .tab_news_ttl3 a {
	padding: 5px 0;
}
#tmp_news_cnt_kurashi .tab_news_ttl1.tb_active a span,
#tmp_news_cnt_kurashi .tab_news_ttl1 a span,
#tmp_news_cnt_shigoto .tab_news_ttl2.tb_active a span,
#tmp_news_cnt_shigoto .tab_news_ttl2 a span,
#tmp_news_cnt_kanko .tab_news_ttl3.tb_active a span,
#tmp_news_cnt_kanko .tab_news_ttl3 a span {
	padding: 0 .5em 0 1.2em;
}
.used_javascript #tmp_news_cnt_kurashi .tab_news_ttl1.boshu_ttl,
.used_javascript #tmp_news_cnt_kurashi .tab_news_ttl1.chumoku_ttl,
.used_javascript #tmp_news_cnt_shigoto .tab_news_ttl2.nyusatsu_ttl,
.used_javascript #tmp_news_cnt_kanko .tab_news_ttl3.chumoku_ttl {
	margin-right: 0;
}
/* info_cnt */
#tmp_news_cnt_kurashi .tab_news_cnt1,
#tmp_news_cnt_shigoto .tab_news_cnt2,
#tmp_news_cnt_kanko .tab_news_cnt3 {
	padding: 35px 15px 10px;
}
#tmp_news_cnt_kurashi .tab_news_cnt1 ul li,
#tmp_news_cnt_shigoto .tab_news_cnt2 ul li,
#tmp_news_cnt_kanko .tab_news_cnt3 ul li {
	flex-wrap: wrap;
}
#tmp_news_cnt_kurashi .tab_news_cnt1 ul li span,
#tmp_news_cnt_shigoto .tab_news_cnt2 ul li span,
#tmp_news_cnt_kanko .tab_news_cnt3 ul li span {
	display: block;
	width: 100%;
}
.read_all a {
	min-width: calc(100% / 2);
	line-height: 1.1;
	padding: .5em 1.2em .5em 2.3em;
}
#tmp_news_ichioshi {
	flex-wrap: wrap;
	justify-content: space-around;
}
.btn_home{
	margin-bottom: 26px;
	text-align: center;
}
.btn_home a{
	padding: 7px 16px 4px 51px;
	background-position: 24px center;
	-webkit-background-size: 21px auto;
	-moz-background-size: 21px auto;
	background-size: 21px auto;
	min-width: 230px;
	border-color: transparent;
	font-size: 92.8%;
}
.btn_home a:hover{
	border-color: transparent;
}
/* section_pickup */
#tmp_tab_kurashi .section_pickup::before {
	width: 150px;
	-webkit-background-size: 150px auto;
	-moz-background-size: 150px auto;
	background-size: 150px auto;
	background-repeat: no-repeat;
}
#tmp_tab_shigoto .section_pickup::before {
	width: 232px;
	-webkit-background-size: 232px auto;
	-moz-background-size: 232px auto;
	background-size: 232px auto;
	background-repeat: no-repeat;
	top: 0;
}
#tmp_tab_shigoto .section_pickup::after {
	content: none;
}
#tmp_tab_shigoto .menu_information_cnt::before {
	position: absolute;
	content: '';
	z-index: -1;
	width: 180px;
	height: 220px;
	background: url(/shared/templates/top_rn/images/main/bg_suport_2_2.png);
	-webkit-background-size: 180px auto;
	-moz-background-size: 180px auto;
	background-size: 180px auto;
	background-repeat: no-repeat;
	top: -75px;
	right: 0;
}
#tmp_tab_kanko .section_pickup::before{
	width: 230px;
	-webkit-background-size: 230px auto;
	-moz-background-size: 230px auto;
	background-size: 230px auto;
	background-repeat: no-repeat;
	top: 0;
}
#tmp_tab_kanko .menu_information_cnt::before {
	position: absolute;
	content: '';
	z-index: -1;
	width: 195px;
	height: 305px;
	background: url(/shared/templates/top_rn/images/main/bg_suport_3_2.png);
	-webkit-background-size: 195px auto;
	-moz-background-size: 195px auto;
	background-size: 195px auto;
	background-repeat: no-repeat;
	top: -150px;
	right: 0;
}
#tmp_tab_kanko .section_pickup::after {
	content: none;
}
.section_pickup {
	padding: 17px 0 44px;
}
.section_pickup .wrap_heading .main_heading h2 {
    padding: 0 10px;
}
.section_pickup .wrap_heading .main_heading:before {
	left: 0;
}
.section_pickup .wrap_heading .main_heading:after {
	right: 3px
}
.pickup_list .pickup_item{
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.pickup_box{
	padding: 10px 0 0;
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	min-height: 120px;
	width:100%;
}
.pickup_box .pickup_image p {
	padding: 0 5px;
	text-align: center;
}
.pickup_box .pickup_image {
	width:100%;
	min-height: 45px;
	height:auto;
}
.pickup_box .pickup_image img {
	height: 75px;
	width: auto;
}
.pickup_box .pickup_cap {
	font-size: 100%;
	line-height: 1.2;
}
/* pickup category */
.pickup_cate{
	margin-bottom: 30px;
}
.pickup_sub_cate {
	padding: 1em 8px;
	margin-bottom: 40px;
}
.pickup_sub_cate ul {
justify-content: flex-start;
}
.pickup_sub_cate ul li {
	padding: 5px 10px;
	border-bottom: none;
}
.pickup_sub_cate ul li a {
	min-width: auto;
}
/* ==================================================
information oyakudachi
================================================== */
.wrap_heading {
    margin-bottom: 23px;
}
.wrap_heading .main_heading:before, 
.wrap_heading .main_heading:after {
	width: 36px;
	height: 34px;
}
.wrap_heading .main_heading h2 {
	font-size: 142.8%;
	padding: 0 10px;
}
.section_information {
	padding: 80px 0;
}
.information_wrap:after {
	width: 180px;
	-webkit-background-size: 180px auto;
	-moz-background-size: 180px auto;
	background-size: 180px auto;
	background-repeat: no-repeat;
	right: -20px;
}
.information_links ul li {
	-ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.information_links .information_item:before {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.information_links .information_item .information_link {
	padding: 0 10px 10px 7px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}
.information_links {
    margin-bottom: 12px;
}
.information_links ul li {
	min-height: auto;
}
.information_links .information_item .information_image {
	padding: 10px;
}
.information_links .information_item .information_image p {
	width: auto;
	max-width: 100%;
	height: 140px;
}
.information_links .information_item .information_image img {
	max-width: 100%;
	height: 140px;
}
/* ==================================================
hiokicity kihon information
================================================== */
.section_hiokicity {
	padding: 80px 0 40px;
}
.hiokicity_kihon_cnt {
	flex-wrap: wrap;
}
.kihon_left_cnt,
.kihon_right_cnt {
	width: 100%;
}
.mayor_gikai_panel {
	padding-right: 0;
}
.mayor_gikai_panel ul {
	width: 100%;
}
.mayor_gikai_panel ul li {
	width: 50%;
}
.mayor_gikai_panel .information_image,
.mayor_gikai_panel .information_link {
	width: 50%;
}
.mayor_gikai_panel .information_image img {
	width: 100%;
	height: 120px;
}
.mayor_gikai_panel .information_link {
	padding: 0 1em 0 .5em;
	background: url(/shared/site_rn/images/header/setting_arrow_triangle.png) right 5px center no-repeat;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
	background-size: 8px auto;
	background-repeat: no-repeat;
}
.mayor_gikai_panel .information_link a {
	padding: 0;
	font-size: 100%;
	background-image: none;
}
.hiokicity_kihon {
		background: #ABE1ED url(/shared/site_rn/images/main/section_hiokicity_bg.png) right top -30px no-repeat;
}
.hiokicity_kihon .hiokicity_cnt {
	width: 90%;
	max-width: 390px;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 240px;
}
.hiokicity_kihon .hiokicity_cnt::after {
	content: none;
}
.hiokicity_kihon {
	margin-top: 0;
	margin-bottom: 10em;
}
.pr_movie {
	margin-bottom: 40px;
}
.koho_hioki .koho_box {
	align-items: center;
}
.koho_hioki {
	padding: 30px 20px;
}
.koho_hioki .koho_image,
.koho_hioki .koho_cap {
	width: 50%;
}
.koho_hioki .koho_cap p:first-child {
	font-size: 112.5%;
}
.koho_hioki .koho_cap p:nth-child(2) a,
.koho_hioki .koho_cap p,
.koho_hioki .koho_cap ul li,
.koho_hioki .koho_history a {
	font-size: 93.75%;
}
.koho_hioki .koho_image img {
	width: calc(100% - 10px);
	height: auto;
	object-fit: cover;
}
.koho_hioki .koho_history a {
	width: auto;
	max-width: calc(100% - 50px);
}
/* ==================================================
site banner 
================================================== */
.box_site {
	padding: 0;
}
.box_site .wrap_heading {
	margin-bottom: 33px;
}
.site_cnt {
	padding: 35px 15px 15px;
	margin: 0 10px 26px;
	position:relative;
}
.site_cnt .site_list li,
.site_cnt .site_list .list_items {
	padding: 0;
}
.site_cnt .slick_control {
	padding-top: 11px;
}
.site_cnt .btn_slides a {
	font-size: 85.7%;
	min-width: 75px;
	top: 0;
}
.site_cnt .btn_slides.start a:before,
.site_cnt .btn_slides.stop a:before {
	height: 10px;
	-webkit-background-size: 8px 10px;
    -moz-background-size: 8px 10px;
    background-size: 8px 10px;
}
.site_cnt .slick-arrow{
	margin-top: 0;
}
.site_cnt .slick-arrow.slick-prev {
    left: calc(50% - 130px - 20px);
}
.site_cnt .slick-arrow.slick-next {
	right: calc(50% - 130px - 20px);
}
#tmp_site_slides1 .slick-dots li {
	padding-bottom: .2em;
}
/* ==================================================
no javascript 
================================================== */
.no_javascript #tmp_search_key .howto_sch {
	display: block;
	width: 100%;
	margin-left: 1px;
}
.no_javascript #tmp_search_key .sch_key_query {
	position: relative;
    top: -15px;
}
.no_javascript #tmp_search_key .sch_key_box {
	display: table;
	width: 100%;
}
.no_javascript .site_cnt .site_list li,
.no_javascript .site_cnt .site_list .list_items {
	width: 50%;
	margin-bottom: 10px;
}
.no_javascript .site_cnt .site_list li:nth-child(2n),
.no_javascript .site_cnt .site_list .list_items:nth-child(2n) {
	clear: right;
}
.no_javascript .site_cnt .site_list li:nth-child(2n+1),
.no_javascript .site_cnt .site_list .list_items:nth-child(2n+1) {
	clear: left;
}
.no_javascript #tmp_mainvisual{
	max-height: 212px;
}
.no_javascript #tmp_mainvisual .mainvisual_cap{
	bottom: 10px;
	margin-bottom: 0;
	min-height: auto;
	padding-bottom: 12px;
}
.no_javascript .box_tab_pickup .tab_pickup_ttl a{
	width: 640px;
}
.no_javascript #tmp_sma_menu{
	display: none;
}
.fsize_big #tmp_mainvisual .mainvisual_cap{
	max-height: 58px;
}
.fsize_small #tmp_wrapper .box_tab_pickup,
.fsize_big2 #tmp_wrapper .box_tab_pickup,
.fsize_big #tmp_wrapper .box_tab_pickup{
	margin-top: -45px;
}
.fsize_big2 #tmp_mainvisual .mainvisual_cap,
.fsize_big #tmp_mainvisual .mainvisual_cap {
	padding-left: 12px;
	max-height: 300px;
}
/* ==================================================
accessibility
================================================== */
.color_blue #tmp_wrapper .news_btn,
.color_black #tmp_wrapper .news_btn,
.color_yellow #tmp_wrapper .news_btn {
	margin: 10px 0;
}
.fsize_big2 .wrap_heading .main_heading h2,
.fsize_big .wrap_heading .main_heading h2 {
	font-size: 1.3rem;
}
.fsize_big2 .footer_address .address_tll {
    width: 120px;
}
.fsize_big .footer_address .address_tll {
    width: 90px;
}
.fsize_big2 .box_news .news_item .news_date,
.fsize_big .box_news .news_item .news_date {
	width: 100%;
}
.fsize_big2 #tmp_search_key .sch_key_ttl,
.fsize_big #tmp_search_key .sch_key_ttl {
	width: 100%;
	top: 0;
}
.fsize_big2 #tmp_search_key .sch_key_form,
.fsize_big #tmp_search_key .sch_key_form,
.fsize_big #tmp_advertising .advertising_heading h2 {
	width: 100%;
}
.fsize_big2 #tmp_sch_key_btn {
	font-size: 1.2rem;
}
.fsize_big2 #tmp_advertising .advertising_heading,
.fsize_big2 #tmp_advertising .advertising_heading h2 {
	width: 100%;
}

}