@charset "utf-8";

/*/hoken/agency/*/

.v_a .base_mv_a {height: 150px ; width: 100%; background-image: url("/hoken/common/img_a/v_a_bk_01.png");background-repeat: repeat-x;background-position: center center;background-size: auto 100%;margin-top: 30px;}

.v_a .page_a_title h1 {text-align: center;line-height: 1.3;padding: 45px 0 25px;}
.v_a .page_a_title h1 span {font-family:Google Sans Flex;font-size: 40px;color: #319041;font-weight: 500;letter-spacing: 1px;}

.v_a .agency_a_inner {width: 92%;margin: 0 auto;font-size: 1.3rem;font-weight: 400;}




.v_a .tab_a_navi ul {display: flex !important;align-items: center;justify-content: center;border-radius: 10px ; overflow: hidden;background-color: #E8E8E8;}
.v_a .tab_a_navi ul li {border-radius: 10px ;font-weight: 500;text-align: center;
	display:table;
  flex-grow: 1;   /* 余白を分け合って引き伸ばす */
  flex-shrink: 0; /* はみ出してもコマを縮めない */
  flex-basis: auto; /* 基準サイズを文字の長さに任せる */
	height: 66px;
cursor: pointer;}
.v_a .tab_a_navi ul li.active , .v_a .tab_a_navi ul li:hover {background-color:#319041; color: #ffffff;}

.v_a .tab_a_navi ul li div {display:table-cell;vertical-align:middle;text-decoration: none;position: relative;font-size: 90%;}


.v_a .agency_a_item {padding: 40px 0 0;}
.v_a .agency_a_item_b {padding: 0px 0 0;}

.v_a .agency_a_title {width: 100%; padding: 10px 0 10px 38px;font-size: 180%;background-image: url("../img_a/agency_title.png");background-repeat: no-repeat;background-size: 30px auto;background-position: left center;}


.v_a .agency_a_note_a {width: 100%; padding: 5px 10px; border: 1px solid #319041;font-size: 1.5rem;font-weight: 500;text-align: center;}

.v_a .agency_a_b_bk {background-color: #F6F6F6;}

.v_a .agency_a_fig_wrap {padding-top: 20px;}
.v_a #main table {width: 100%;}
.v_a .agency_a_fig_title {width: 24%; background-color: #319041;color: #ffffff;font-size: 1.6rem;text-align: center;border: 1px solid #319041!important;letter-spacing: 0;font-weight: 500;padding: 10px;}
.v_a .agency_a_fig_cont {width: 76%;text-align: left;font-size: 1.3rem;padding: 10px 20px !important;border-top: 1px solid #319041!important;border-bottom: 1px solid #319041!important;border-left: 1px solid #ffffff!important;border-right: 1px solid #ffffff!important;}
.v_a .agency_a_fig_cont span {font-size: 170%;font-weight: 600;letter-spacing: 1px;}
.v_a .agency_a_fig_cont img {vertical-align: middle;margin: 0 3px 7px 0;}
.v_a .agency_a_fig_cont a {text-decoration: none;}

.v_a #main .attention_box4 {
    background: #F6F6F6;
    padding: 10px 15px;
    font-size: 1.3rem;
	letter-spacing: 0;
}

.v_a ol.guidance {padding: 5px 0;}

.v_a ol.guidance li span {
    background: #231815;
    color: #fff;
    font-weight: bold;
    padding: 1px 5px;
    border-radius: 3px;
    margin-right: 5px;
    font-size: 1.3rem;
}

.v_a ol.guidance li {padding: 2px 0;}

.v_a .agency_a_fig_cont_a {width: 17%;text-align: center;font-size: 1.4rem;padding: 10px 10px !important;border-top: 1px solid #ffffff!important;border-bottom: 1px solid #ffffff!important;border-left: 1px solid #ffffff!important;border-right: 1px solid #ffffff!important;font-weight: 500;}

.v_a .agency_a_fig_cont_b {width: 59%;text-align: left;font-size: 1.4rem;padding: 10px 10px 10px 0px !important;border-top: 1px solid #ffffff!important;border-bottom: 1px solid #ffffff!important;border-left: 1px solid #ffffff!important;border-right: 1px solid #ffffff!important;}

.v_a tr:nth-child(2n+1) td.agency_a_fig_cont_a , .v_a tr:nth-child(2n+1) td.agency_a_fig_cont_b {background-color: #F6F6F6;border-top: 1px solid #F6F6F6!important;border-bottom: 1px solid #F6F6F6!important;border-left: 1px solid #F6F6F6!important;border-right: 1px solid #F6F6F6!important;}




.v_a .agency_a_note_img {width: 40%;margin: 0 auto;}
.v_a .agency_a_note_img img {width: 100%;height: auto;}

.v_a .agency_a_title_b h2 {width: 100%; padding: 10px 0 10px 0px;font-size: 180%;text-align: center;}
.v_a .agency_a_title_b h2 span {font-size: 80%;}

.v_a .agency_a_note_b {width: 100%; padding: 0px 0 10px 0px;font-size: 120%;text-align: center;font-weight: 500;}
.v_a .agency_a_note_c {width: 100%; padding: 0px 0 10px 0px;text-align: center;}




.v_a .agency_a_qr {margin: 20px 0 0;width: 100%;padding: 0 0 20px;background-color: #ffffff; display: flex;flex-wrap: wrap;}
.v_a .agency_a_qr_left {width: 58%;}
.v_a .agency_a_qr_right {width: 30%;padding-top: 20px;text-align: center;font-size: 110%;font-weight: 500;}
.v_a .agency_a_qr_right a:hover {opacity: 0.5;}

.v_a .agency_a_qr_a {border-top: 1px solid #3A79B2;}
.v_a .agency_a_qr_b {border-top: 1px solid #4D9A5D;}
.v_a .agency_a_qr_c {border-top: 1px solid #BA675B;}

.v_a .agency_a_qr_title_a {padding: 15px 10px;width: 80%;color: #ffffff;text-align: center;background-color:#3A79B2; font-size: 140%;font-weight: 500;}
.v_a .agency_a_qr_title_b {padding: 15px 10px;width: 80%;color: #ffffff;text-align: center;background-color:#4D9A5D; font-size: 140%;font-weight: 500;}
.v_a .agency_a_qr_title_c {padding: 15px 10px;width: 80%;color: #ffffff;text-align: center;background-color:#BA675B; font-size: 140%;font-weight: 500;}

.v_a .agency_a_qr_title_text_a {padding: 60px 10px 0 ;width: 100%;text-align: center;font-size: 120%;font-weight: 500;}
.v_a .agency_a_qr_title_text_b {padding: 20px 10px 5px;width: 100%;text-align: center;font-size: 120%;font-weight: 400;}
.v_a .agency_a_qr_title_text_b span {font-weight: 500;}
.v_a .agency_a_qr_title_text_b a {display: block; padding: 3px 0px 6px ;width: 100%;text-align: center;font-size: 180%;font-weight: 600;text-decoration: none;letter-spacing: 2px;}



.v_a .agency_a_qr_img {width: 55%;padding: 10px 0 0;margin: 0 auto;}
.v_a .agency_a_qr_img img {width: 100%;height: auto;}






.v_a.agency_a .footer {border-top: 1px solid #000000;}

@media screen and (max-width: 1000px){
.v_a .base_mv_a {height: 75px ; margin-top: 20px;}
	
	.v_a .tab_a_navi ul li div {display:table-cell;vertical-align:middle;text-decoration: none;position: relative;font-size: 85%;}
	.v_a .page_a_title h1 {text-align: center;line-height: 1.3;padding: 40px 0 25px;}
	.v_a.agency_a .page_a_title h1 span {
		font-size: 36px;}
	
.v_a .agency_a_title {width: 100%; padding: 10px 0 10px 30px;font-size: 125%;background-image: url("../img_a/agency_title.png");background-repeat: no-repeat;background-size: 25px auto;background-position: left center;}

	
.v_a .tab_a_navi ul {display: flex !important;align-items: center;justify-content: center;flex-wrap: wrap;border-radius: 10px ; overflow: hidden;background-color: #E8E8E8;padding: 7px 1% 0;}
.v_a .tab_a_navi ul li {border-radius: 10px ;font-weight: 500;text-align: center;width: 48%;background-color: #fafafa;margin: 0 1% 7px;
	display:table;
  flex-grow: 1;   /* 余白を分け合って引き伸ばす */
  flex-shrink: 0; /* はみ出してもコマを縮めない */
  flex-basis: auto; /* 基準サイズを文字の長さに任せる */
	height: 60px;
cursor: pointer;}
	
.v_a .agency_a_note_a {text-align: left;}
.v_a .agency_a_qr_right {width: 42%;}
}


@media screen and (max-width: 800px){
.v_a .agency_a_fig_title {font-size: 1.4rem;}
.v_a .agency_a_fig_cont {font-size: 1.2rem;}
.v_a .agency_a_qr_title_a {width: 100%;}
.v_a .agency_a_qr_title_b {width: 100%;}
.v_a .agency_a_qr_title_c {width: 100%;}
}

@media screen and (max-width: 641px){
.v_a .agency_a_title_b h2 {width: 100%; padding: 10px 0 10px 0px;font-size: 140%;text-align: center;line-height: 1.2!important;}
.v_a .agency_a_note_img {width: 90%;margin: 0 auto;}
.v_a .agency_a_qr {display: block;}
.v_a .agency_a_qr_left {width: 100%;}
.v_a .agency_a_qr_right {width: 100%;}
.v_a .agency_a_qr_title_text_a {padding: 20px 10px 5px ;}
	
.v_a .agency_a_note_b {text-align: left;}
.v_a .agency_a_note_c {text-align: left;}
}

/* 音声ガイダンス追記 */
.v_a .guidance li {text-indent: -1.6em;padding-left: 1.6em !important;}