/*-------------------- footer_sp.css ---------------------*/

/*----------------------------------- フッター -------------------------------------*/
.dev-sp .cms-public .pc-footer,
.dev-sp .cms-public .mb-footer,
.dev-tb .cms-public .pc-footer,
.dev-tb .cms-public .mb-footer {
   display: none;
}
/*.dev-sp .cms-public .sp-footer,
.dev-tb .cms-public .sp-footer {
   display: block;
}*/
.dev-mb .cms-public .pc-footer,
.dev-mb .cms-public .sp-footer {
   display: none;
}
.dev-mb .cms-public .mb-footer {
   display: block;
}
.dev-tb .cms-public .parts .search,
.dev-sp .cms-public .parts .search {
    display: block;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
}
.dev-tb .cms-public .area5,
.dev-sp .cms-public .area5 {
    clear: both;
}

@media (min-width: 320px) {

	.dev-sp .cms-public .footer .copyright,
	.dev-sp .cms-public .footer address dt,
	.dev-sp .cms-public .footer address dd,
	.dev-sp .cms-public .footer address,
	.dev-tb .cms-public .footer .copyright,
	.dev-tb .cms-public .footer address dt,
	.dev-tb .cms-public .footer address dd,
	.dev-tb .cms-public .footer address {
	    font-size: calc(85% + 4 * (100vw - 600px) / 400);
	    font-size: -webkit-calc(85% + 4 * (100vw - 600px) / 400);
	    font-size:calc(0.85em + 0.15vw); /* =14px + 0.25vw*/
	}

	.dev-sp .cms-public .footer .inquire .desc a,
	.dev-sp .cms-public .footer .menu li,
	.dev-tb .cms-public .footer .inquire .desc a,
	.dev-tb .cms-public .footer .menu li {
	    font-size: calc(112.5% + 4 * (100vw - 600px) / 400);
	    font-size: -webkit-calc(112.5% + 4 * (100vw - 600px) / 400);
	    font-size:calc(1.25em + 0.15vw); /* =14px + 0.25vw*/
	}

	.dev-sp .cms-public .footer .pagetop,
	.dev-tb .cms-public .footer .pagetop {
	    font-size: calc(137.5% + 4 * (100vw - 600px) / 400);
	    font-size: -webkit-calc(137.5% + 4 * (100vw - 600px) / 400);
	    font-size:calc(1.35em + 0.15vw); /* =14px + 0.25vw*/
	}


	.dev-tb .cms-public .footer .inquire .title,
	.dev-tb .cms-public .footer .access .title,
	.dev-tb .cms-public .footer .floor .title,
	.dev-tb .cms-public .footer .topc .title {
	    font-size: calc(150% + 4 * (100vw - 600px) / 400);
	    font-size: -webkit-calc(150% + 4 * (100vw - 600px) / 400);
	    font-size:calc(1.5em + 0.15vw); /* =14px + 0.25vw*/
	}
	.dev-sp .cms-public .footer .inquire .title,
	.dev-sp .cms-public .footer .access .title,
	.dev-sp .cms-public .footer .floor .title,
	.dev-sp .cms-public .footer .topc .title {
	    font-size: calc(150% + 4 * (100vw - 600px) / 400);
	    font-size: -webkit-calc(150% + 4 * (100vw - 600px) / 400);
	    font-size:calc(1em + 0.15vw); /* =14px + 0.25vw*/
}
	.dev-sp .cms-public .footer strong,
	.dev-tb .cms-public .footer strong {
	    font-size: calc(175% + 4 * (100vw - 600px) / 400);
	    font-size: -webkit-calc(175% + 4 * (100vw - 600px) / 400);
	    font-size:calc(1.75em + 0.15vw); /* =14px + 0.25vw*/
	}

	.dev-sp .cms-public .footer .inquire .title,
	.dev-tb .cms-public .footer .inquire .title {
	    background-size: 50%;
	}
}

/* 1,000pxから2,000pxまで、100pxごとに0.5px大きくなる */
@media (min-width: 780px) {
	.dev-sp .cms-public .footer .copyright,
	.dev-sp .cms-public .footer address dd,
	.dev-sp .cms-public .footer address dt,
	.dev-sp .cms-public .footer address,
	.dev-tb .cms-public .footer .copyright,
	.dev-tb .cms-public .footer address dd,
	.dev-tb .cms-public .footer address dt,
	.dev-tb .cms-public .footer address {
	    font-size: calc(90% + 5 * (100vw - 1000px) / 1000);
	    font-size: -webkit-calc(90% + 5 * (100vw - 1000px) / 1000);
	    font-size:calc(0.9em + 0.15vw); /* =14px + 0.25vw*/
	}

	.dev-sp .cms-public .footer .inquire .desc a,
	.dev-sp .cms-public .footer .menu li,
	.dev-tb .cms-public .footer .inquire .desc a,
	.dev-tb .cms-public .footer .menu li {
	    font-size: calc(125% + 5 * (100vw - 1000px) / 1000);
	    font-size: -webkit-calc(125% + 5 * (100vw - 1000px) / 1000);
	    font-size:calc(1.25em + 0.15vw); /* =14px + 0.25vw*/
	}

	.dev-sp .cms-public .footer .pagetop,
	.dev-tb .cms-public .footer .pagetop {
	    font-size: calc(150% + 5 * (100vw - 1000px) / 1000);
	    font-size: -webkit-calc(150% + 5 * (100vw - 1000px) / 1000);
	    font-size:calc(1.5em + 0.15vw); /* =14px + 0.25vw*/
	}

	.dev-sp .cms-public .footer .inquire .title,
	.dev-sp .cms-public .footer .access .title,
	.dev-sp .cms-public .footer .floor .title,
	.dev-sp .cms-public .footer .topc .title,
	.dev-tb .cms-public .footer .inquire .title,
	.dev-tb .cms-public .footer .access .title,
	.dev-tb .cms-public .footer .floor .title,
	.dev-tb .cms-public .footer .topc .title {
	    font-size: calc(175% + 5 * (100vw - 1000px) / 1000);
	    font-size: -webkit-calc(175% + 5 * (100vw - 1000px) / 1000);
	    font-size:calc(1.75em + 0.15vw); /* =14px + 0.25vw*/
	}

	.dev-sp .cms-public .footer strong,
	.dev-tb .cms-public .footer strong {
	    font-size: calc(225% + 5 * (100vw - 1000px) / 1000);
	    font-size: -webkit-calc(225% + 5 * (100vw - 1000px) / 1000);
	    font-size:calc(2.25em + 0.15vw); /* =14px + 0.25vw*/
	}

}



.dev-sp .cms-public .footer *,
.dev-tb .cms-public .footer * {
	font-family: "メイリオ", sans-serif;
}
.dev-sp .cms-public .footer,
.dev-tb .cms-public .footer  {
	width:100%;
	margin:0 auto;
}

/* リンク */
.dev-sp .cms-public .footer a:link,
.dev-tb .cms-public .footer a:link {
	color:#323232;
	text-decoration:underline;
}
.dev-sp .cms-public .footer .menu a:visited,
.dev-tb .cms-public .footer .menu a:visited {
	color:#071e50;
}
.dev-sp .cms-public .footer .menu a:hover,
.dev-tb .cms-public .footer .menu a:hover {
	color:#071e50;
	text-decoration:none;
}

.dev-sp .cms-public .footer .main,
.dev-tb .cms-public .footer .main {
/*	background:url(/img/footer/bg_footer.gif) ;*/
	background:url(/img/sp_bg_footer.gif) ;
	/*background-size:contain;
	margin:0 auto;
        position: relative;*/
}

.cms-public .footer strong {
/*	font-size:5.5vw;*/
}

/* ページ先頭へ戻る */
.dev-sp .cms-public .footer .pagetop,
.dev-tb .cms-public .footer .pagetop {
	margin:0 auto;
	margin-top:40px;
	width:80%;
	border-top-left-radius: 20px; 
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px; 
	background-color:#081f51; 
	color:#fff;
	padding:20px 0px;
/*	font-size:4.5vw;*/
	font-weight:bold;
	border-bottom:8px solid #526285;
	text-align:center;
}

.dev-sp .cms-public .footer .pagetop img,
.dev-tb .cms-public .footer .pagetop img {
	vertical-align:middle;
	padding-right:3%;
	width:6vw;
	max-width:42px;
}
.dev-sp .cms-public .footer .pagetop a,
.dev-tb .cms-public .footer .pagetop a {
	color:#fff;
}
/* サイトポリシーについて ～ サイトマップ */
.dev-sp .cms-public .footer .menu,
.dev-tb .cms-public .footer .menu {
	margin:0 auto;
}
.dev-sp .cms-public .footer .menu ul,
.dev-tb .cms-public .footer .menu ul {
	padding:0;
	margin:0;
	list-style: none;
}
.dev-sp .cms-public .footer .menu li,
.dev-tb .cms-public .footer .menu li { 
	background-color: #fff;
	width:100%;
/*	font-size:3.5vw;*/
	border-top: 4px solid #081f51;
}
.dev-sp .cms-public .footer .menu li a,
.dev-tb .cms-public .footer .menu li a  {
	display: block;
	background-color: #fff;
	padding: 10px 0 10px 62px;
	margin: 0px;
	text-align: left;
	font-size: 0.8em;
}

.dev-sp .cms-public .footer .arrow2,
.dev-tb .cms-public .footer .arrow2 {
	position: relative;
	display: inline-block;
}
.dev-sp .cms-public .footer .arrow2:before,
.dev-sp .cms-public .footer .arrow2:after,
.dev-tb .cms-public .footer .arrow2:before,
.dev-tb .cms-public .footer .arrow2:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin:auto;
	content: "";
	vertical-align: middle;
}
.dev-sp .cms-public .footer .arrow2:before,
.dev-tb .cms-public .footer .arrow2:before  {
	left: 35px;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #081f51;
	z-index: 100;
}
.dev-sp .cms-public .footer .arrow2:after,
.dev-tb .cms-public .footer .arrow2:after {
	left: 43px;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #fff;
	z-index: 200;
}

@media screen and (max-width:375px) {
	.dev-mb .cms-public .footer .menu li a{
		padding-left: 26px;
	}
	.dev-mb .cms-public .footer .arrow2:before {
		left: 5px;
		width: 16px;
		height: 16px;
	}
	.dev-mb .cms-public .footer .arrow2:after {
		left: 12px;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #fff;
	}

}

/* 藍ロゴ */
.dev-sp .cms-public .footer .ai,
.dev-tb .cms-public .footer .ai {
	display:table-cell;
	width:23%;
/*	height:355px;*/
	text-indent:-9999px;
/*	background:url(img/footer/ai_tokushima.png) 50% center no-repeat;*/
	background:url(/img/sp_ai_tokushima.png) 50% center no-repeat;
	background-size:100%;
	background-color:#001280;
}
.dev-sp .cms-public .footer .ai a,
.dev-tb .cms-public .footer .ai a {
    display: block;
    height: 251px;
}
/* 徳島県庁 */
.dev-sp .cms-public .footer address,
.dev-tb .cms-public .footer address  {
	vertical-align:top;
	display:table-cell;
	padding:60px 5px 0 15px;
	font-style:normal;
	width:60%;
/*	font-size:3vw;*/
	line-height:1.5em;
}

.dev-sp .cms-public .footer .inner,
.dev-tb .cms-public .footer .inner {
	color:#fff;
	margin:0 auto;
	padding-left:3%;
}
.dev-sp .cms-public .footer .inner:after, 
.dev-sp .cms-public .footer dl:after, 
.dev-sp .cms-public .footer ul:after, 
.dev-sp .cms-public .footer .inquire_block .inquire,
.dev-tb .cms-public .footer .inner:after, 
.dev-tb .cms-public .footer dl:after, 
.dev-tb .cms-public .footer ul:after, 
.dev-tb .cms-public .footer .inquire_block .inquire {
  content: "";
  display: block;
  clear: both;
}
.dev-sp .cms-public .footer address dl,
.dev-tb .cms-public .footer address dl {
	margin-top:50px;
	padding-bottom:1em;
}
.dev-sp .cms-public .footer address dt,
.dev-tb .cms-public .footer address dt  {
	float:left;
	display:block;
/*	font-size:3vw;*/
	color:#fff;
}
.dev-sp .cms-public .footer address dd,
.dev-tb .cms-public .footer address dd {
	display:block;
/*	font-size:3vw;*/
	color:#fff;
	margin-bottom:0;
}
.dev-sp .cms-public .footer address dd a,
.dev-tb .cms-public .footer address dd a,
.dev-sp .cms-public .footer address dd a:link,
.dev-tb .cms-public .footer address dd a:link {
    color:#fff;
    text-decoration: none;
}
.dev-sp .cms-public .footer .inquire_block a, 
.dev-sp .cms-public .footer .banner_block a, 
.dev-sp .cms-public .footer .topc_block a,
.dev-tb .cms-public .footer .inquire_block a, 
.dev-tb .cms-public .footer .banner_block a, 
.dev-tb .cms-public .footer .topc_block a {
	text-decoration:none;
}

/* お問い合わせ */
.dev-sp .cms-public .footer .inquire_block,
.dev-tb .cms-public .footer .inquire_block {
	/*width:95%;*/
        min-height:100px;
	margin:10px auto;
	padding:10px 0px;
	vertical-align:middle;
}
.cms-public .footer .inquire_block .inquire {
/*	padding:0; */
}
.dev-sp .cms-public .footer .inquire .title,
.dev-tb .cms-public .footer .inquire .title  {
/*	background:url(img/footer/sudachikun.png) left center no-repeat;*/
	background:url(/img/sp_sudachikun.png) left center no-repeat;
    background-size: calc(50px + 1.5vw);
	float:left;
	width:50%;
/*	font-size:4.5vw;*/
	font-weight:bold;
	line-height:3.8em;
	text-indent:15%;
}
.dev-sp .cms-public .footer .inquire .title {
    text-indent: 4em;
}
.dev-sp .cms-public .footer .inquire .title a,
.dev-tb .cms-public .footer .inquire .title a  {
	color:#333;
}
.dev-sp .cms-public .footer .inquire .title img,
.dev-tb .cms-public .footer .inquire .title img {
	padding-right:5%;
	vertical-align:middle;
}
.dev-sp .cms-public .footer .inquire .desc,
.dev-tb .cms-public .footer .inquire .desc {
	overflow: hidden;
        min-height: 100px;
	padding:5px 0 0 25px;
	border-left:2px solid #10223c;
        box-sizing: border-box;
        width: 50%;
        float: left;
	line-height:1.25em;
	color:#333;
        font-size: calc(1.5em + 0.15vw);
}
.dev-sp .cms-public .footer .inquire .desc {
    font-size: calc(1em + 0.15vw);
    padding: 5px 15px 0 15px;
}
.dev-sp .cms-public .footer .inquire .desc a,
.dev-tb .cms-public .footer .inquire .desc a {
	display: table;
	width:100%;
/*	font-size:3vw;*/
	line-height:1.25em;
	color:#333;
}

/* アクセス・フロアマップ */
.dev-sp .cms-public .footer .banner_block,
.dev-tb .cms-public .footer .banner_block {
	display: table;
	width:100%;
	margin:0 auto;
	border-top:6px solid #081f51;
	padding:0;
}
.dev-sp .cms-public .footer .access, 
.dev-sp .floor,
.dev-tb .cms-public .footer .access, 
.dev-tb .floor {
	display:table-cell;
	width:50%;
	color:#333;
    border: none;
}
.dev-sp .cms-public .footer .access .title,
.dev-sp .cms-public .footer .floor .title,
.dev-tb .cms-public .footer .access .title,
.dev-tb .cms-public .footer .floor .title {
/*	font-size:4.5vw;*/
	line-height:1.2em;
	font-weight:bold;
	padding:30px 0 30px 35%;
/*	height:100px;*/
}

.dev-sp .cms-public .footer .access .title,
.dev-tb .cms-public .footer .access .title  {
/*	background:url(img/footer/icon_access.png)  10% no-repeat;*/
	background:url(/img/sp_icon_access.png)  10% no-repeat;
	background-size:20%;
	color:#333;
}
.dev-sp .cms-public .footer .floor .title,
.dev-tb .cms-public .footer .floor .title  {
/*	background:url(img/footer/icon_floor.png) 10% no-repeat;*/
	background:url(/img/sp_icon_floor.png) 10% no-repeat;
	background-size:20%;
	color:#333;
	border-left:6px solid #081f51;
}

/* PC版はこちら */
.dev-sp .cms-public .footer .topc_block,
.dev-tb .cms-public .footer .topc_block {
/*	background:url(img/footer/bg_topc.gif) ;*/
	background:url(/img/sp_bg_topc.gif) ;
	padding:55px 0;
	background-size: contain;
	margin: 0 auto;
	position: relative;
}
.dev-sp .cms-public .footer .topc_inner,
.dev-tb .cms-public .footer .topc_inner {
	display: block;
	margin:0 auto;
	width:65%;
/*	height:100px;*/
	border:2px solid #fff;
	position:relative;
}
.dev-sp .cms-public .footer .topc .title,
.dev-tb .cms-public .footer .topc .title {
/*	font-size:4.5vw;*/
	color:#fff;
	padding-top:5%;
	text-align:center;
	padding-bottom:0.65em;
}
.dev-sp .cms-public .footer .topc .title img,
.dev-tb .cms-public .footer .topc .title img {
	vertical-align:middle;
	padding-right:5%;
	width:8vw;
	max-width:61px;
}

/* copyright */
.dev-sp .cms-public .footer .copyright,
.dev-tb .cms-public .footer .copyright {
	clear:both;
	text-align:center;
	margin:20px 0;
/*	font-size:3vw;*/
	color:#323232;
}




.dev-sp .cms-public .footer .topc_block:before, 
.dev-sp .cms-public .footer .topc_block:after,
.dev-sp .cms-public .footer .main:before, 
.dev-sp .cms-public .footer .main:after,
.dev-tb .cms-public .footer .topc_block:before, 
.dev-tb .cms-public .footer .topc_block:after,
.dev-tb .cms-public .footer .main:before, 
.dev-tb .cms-public .footer .main:after  {
	/*content: "";
	position: absolute;
	background:url(/img/sp_bg_footer.gif) ;
	top: 0;
	bottom: 0;
	width: 100%;   
	background-size:contain;*/
}
.dev-sp .cms-public .footer .topc_block:before,
.dev-sp .cms-public .footer .main:before,
.dev-tb .cms-public .footer .topc_block:before,
.dev-tb .cms-public .footer .main:before {
  /*right: 100%;*/
}
.dev-sp .cms-public .footer .topc_block:after,
.dev-sp .cms-public .footer .main:after,
.dev-tb .cms-public .footer .topc_block:after,
.dev-tb .cms-public .footer .main:after {
   /*left: 100%;*/
}