@charset "utf-8";

/*/hoken/handling/*/

.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 .handling_a_inner {width: 92%;margin: 0 auto;}




.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 .handling_a_item {padding: 20px 0 5px;}
.v_a .handling_a_title {width: 100%; padding: 10px 0 10px 38px;font-size: 180%;background-image: url("../img_a/handling_title.png");background-repeat: no-repeat;background-size: 30px auto;background-position: left center;}



.v_a .handling_box {padding-top: 10px; display: flex;flex-wrap: wrap;}

.v_a .box {text-align: center; width: 48.5%;border-radius: 15px;box-shadow: 0 0 8px 4px rgba(200, 200, 200, 0.8);margin-bottom: 25px;padding: 10px 20px;}

.v_a .box h3 a {text-decoration: none;font-weight: 500;font-size: 100%;}

.v_a .box:nth-child(2n) {margin-left: 3%;}

.v_a .box_in img {margin: 10px 0;}
.v_a .box_in .ta-r img {margin: 0px 0;}
.v_a .box_in .ta-r a {text-decoration: none;color:#319041;}

.v_a .box:hover {box-shadow: 0 0 8px 4px rgba(9, 141, 61, 0.4);}
.v_a .box_in .ta-r a:hover {text-decoration: underline;color:#319041;}

.v_a .box a {display: inline-block; width: 100%;}
.v_a .box_in a {display: inline-block; width: 100%;}



.v_a .handling_box_flex{display: flex;justify-content: space-between;}



.v_a.handling_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.handling_a .page_a_title h1 span {
		font-size: 36px;}
	
.v_a .handling_a_title {width: 100%; padding: 10px 0 10px 30px;font-size: 125%;background-image: url("../img_a/handling_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;}
	
}


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

.v_a .box h3 a {font-size: 90%;text-align: left;}
.v_a .box_in a {width: 85%;}
.v_a .box_in a img {max-width: 100%; height: auto;}
.v_a .box_in .ta-r a {font-size: 75%;}
.v_a .box_in .ta-r a img{width: 8px; height: 14px;}
.v_a .box_in p a{display: inline-block;width: 100%;}
	
}

@media screen and (max-width: 499px){
.v_a .handling_box_flex{display: block;}
.v_a .handling_box {padding-top: 10px; display: block;}
.v_a .box {text-align: center; width: 100%;border-radius: 15px;box-shadow: 0 0 8px 4px rgba(200, 200, 200, 0.8);margin-bottom: 20px;padding: 10px 10px;}
.v_a .box:nth-child(2n) {margin-left: 0;}
}