﻿html {
 overflow-y: scroll;
 overflow-x: hidden;
scroll-behavior:smooth;
}

body {
margin:0 auto;
padding:0;
    color: #603813;
	animation: bodyFadeIn 1s ease 0s 1 normal;
	-webkit-animation: bodyFadeIn 1s ease 0s 1 normal;
}
 
@keyframes bodyFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
 
@-webkit-keyframes bodyFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}
.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
margin:0 auto;
}

div:after,
ul:after {
 content: "";
display: block;
 clear: both;
}

ul{
 list-style: none;
 margin: 0px;
 padding: 0px;
}

a img {
    transition: opacity 0.2s linear;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/*汎用*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 992px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.flexC2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


/*header*/

.headerA{
    padding:15px;
}

.headerB{
    padding:15px;
}
.headerB ul{
    padding:0;
    margin:0;
}
.headerB li{
    padding:4px 0;
}
.headerB li:before{
    font-family: "Font Awesome 5 free";
    content: "\f138";
    font-weight : 900;
    color: #603813;
    margin-right: 4px;
}
.headerB li a{
    color: #333488;
}

.headerC{
    padding:15px;
}

@media only screen and (max-width: 992px) {
.headerOuter:after{
    display:block;
    width:100%;
    height:10px;
    background: -moz-linear-gradient(50% 96% 90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    background: -webkit-linear-gradient(90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    /* background: -webkit-gradient(linear, 50% 96%, 50% 3.76%, color-stop(0, #eacca9), color-stop(0.0418, #fae3c8), color-stop(0.4913, #fae3c8), color-stop(0.7924, #f1d7b7), color-stop(1, #eacca9)); */
    background: -o-linear-gradient(90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    background: -ms-linear-gradient(90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EACCA9', endColorstr='#EACCA9' ,GradientType=0)"" background: linear-gradient(0deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EACCA9',endColorstr='#EACCA9' , GradientType=0);
    padding:0 10px;
}
.headerA{
    padding:15px 70px 15px 0;
}
.headerB,
.headerC {
    display:none;
}
}





/*menu*/

.menuOuter{
    background: -moz-linear-gradient(50% 96% 90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    background: -webkit-linear-gradient(90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    /* background: -webkit-gradient(linear, 50% 96%, 50% 3.76%, color-stop(0, #eacca9), color-stop(0.0418, #fae3c8), color-stop(0.4913, #fae3c8), color-stop(0.7924, #f1d7b7), color-stop(1, #eacca9)); */
    background: -o-linear-gradient(90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    background: -ms-linear-gradient(90deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EACCA9', endColorstr='#EACCA9' ,GradientType=0)"" background: linear-gradient(0deg, #eacca9 0%, #fae3c8 4.18%, #fae3c8 49.13%, #f1d7b7 79.24%, #eacca9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EACCA9',endColorstr='#EACCA9' , GradientType=0);
    padding:0 10px;
}
.menuOuter ul{
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #c69c6d;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0 auto;
    padding:0;
    list-style:none;
    max-width:1140px;
}
.menuOuter li{
    border-left: 1px solid #c69c6d;
    border-right: 1px solid #fff;
    width:calc(100% / 5);
    transition: all 0.2s linear;
}
.menuOuter li a{
    color: #603813;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height:65px;
    line-height: 1.2em;
    padding-bottom: 10px;
    position:relative;
    font-weight: bold;
    transition: all 0.2s linear;
    background:rgba(146, 89, 59, 0);
}
.menuOuter li a:hover{
    color:#fff;
    text-decoration:none;
    background: -moz-linear-gradient(50% 54.69% -90deg, #92593b 0%, #90583a 51.69%, #895334 70.31%, #7e4b2b 83.59%, #6d401d 94.24%, #603813 100%);
    background: -webkit-linear-gradient(-90deg, #92593b 0%, #90583a 51.69%, #895334 70.31%, #7e4b2b 83.59%, #6d401d 94.24%, #603813 100%);
    background: -webkit-gradient(linear, 50% 54.69%, 50% 93.75%, color-stop(0, #92593b), color-stop(0.5169, #90583a), color-stop(0.7031, #895334), color-stop(0.8359, #7e4b2b), color-stop(0.9424, #6d401d), color-stop(1, #603813));
    background: -o-linear-gradient(-90deg, #92593b 0%, #90583a 51.69%, #895334 70.31%, #7e4b2b 83.59%, #6d401d 94.24%, #603813 100%);
    background: -ms-linear-gradient(-90deg, #92593b 0%, #90583a 51.69%, #895334 70.31%, #7e4b2b 83.59%, #6d401d 94.24%, #603813 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#92593B', endColorstr='#603813' ,GradientType=0)"" background: linear-gradient(180deg, #92593b 0%, #90583a 51.69%, #895334 70.31%, #7e4b2b 83.59%, #6d401d 94.24%, #603813 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92593B',endColorstr='#603813' , GradientType=0);
}
.menuOuter li a:after{
    font-family: "Font Awesome 5 free";
    content: "\f107";
    font-weight : 900;
    position: absolute;
    bottom:0px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%);
}





.menuOuter label {
display:none;
}
.menuOuter input[type="checkbox"].on-off{
    display: none;
}

@media only screen and (max-width: 992px) {
body {
    margin-bottom:67px!important;
}
.menuOuter{
    position: fixed;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    border-top:1px solid #666;
}
.menuOuter li{
    width:calc(100% / 3);
    border-bottom: 1px solid #fff;
}
/*.menuOuter li:nth-child(n+5){
    border-top:1px solid #c69c6d;
}*/
.menuOuter li a{
    font-size:12px;
}
}
@media only screen and (max-width: 568px) {
body {
    margin-bottom:47px!important;
}
.menuOuter{
    padding:0;
}
.menuOuter li a{
    font-size:10px;
    height: 45px;
}
}
@media only screen and (max-width: 468px) {
body {
    margin-bottom:75px!important;
}
.menuOuter li{
    width:calc(100% / 2);
}
.menuOuter li:nth-child(n+3){
    border-top:1px solid #c69c6d;
}
.menuOuter li:nth-child(n+5){
    width:100%;
}
.menuOuter li:nth-child(n+5) br{
    display:none;
}
.menuOuter li a{
    font-size:10px;
    height: 35px;
}
}

/*
@media only screen and (max-width: 992px) {

.menuOuter label {
    color: #BF9734;
    display: inline-block;
    margin: 0;
position:fixed;
    top: 0px;
    right: 0px;
    z-index: 999;
}
.menuOuter ul {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    margin: 0;
    padding: 0;
    list-style: none;
position:fixed;
    top: 0px;
z-index:900;
background-color:#fff;
display:block;
}


.menuOuter input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
    width: 100%;
    background-color: rgba(255,255,255,0);
    right:0;
}

.menuOuter input[type="checkbox"].on-off:checked + ul{
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.95);
    right:0;
    border-top: 1px solid #fff;
    border-left:none;
    border-right:none;
}

.menuOuter li {
    border-top: 1px solid #c69c6d;
    border-bottom: 1px solid #fff;
    border-left:none;
    border-right:none;
    width:calc(100%);
    transition: all 0.2s linear;
}
.menuOuter li:last-child {
    border-bottom: 1px solid #c69c6d;
}
.menuOuter li a{
    padding-bottom: 0px;
}
.menuOuter li a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    bottom:auto;
    left: 15px;
    transform: translate(0%,-50%);
    -webkit- transform: translate(0%,-50%);
    top:50%;
}

}
*/



/*mainImage*/

.mainImageOuter{
    text-align:center;
}

.topLinkOuter{
    max-width:810px;
    text-align:center;
    margin:0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.topLinkA,
.topLinkB,
.topLinkC{
    text-align:center;
}

.topLinkA a,
.topLinkB a{
    color:#fff;
    max-width: 400px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 5px;
    transition: all 0.2s linear;
    margin:0 auto 15px;
    position:relative;
}
.topLinkA a:hover,
.topLinkB a:hover{
    color:#fff;
    text-decoration:none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}


.topLinkA a{
    background: #ca4550; /* Old browsers */
    background: -moz-linear-gradient(top, #ca4550 2%, #bd3048 4%, #9d323a 60%, #b13d44 90%, #652d10 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ca4550 2%,#bd3048 4%,#9d323a 60%,#b13d44 90%,#652d10 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ca4550 2%,#bd3048 4%,#9d323a 60%,#b13d44 90%,#652d10 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ca4550', endColorstr='#652d10',GradientType=0 ); /* IE6-9 */
}
.topLinkB a{
    background: #5855c0;
    background: -moz-linear-gradient(top, #5855c0 2%, #4041b0 4%, #433e8e 60%, #4f4aa8 90%, #3d175a 100%);
    background: -webkit-linear-gradient(top, #5855c0 2%,#4041b0 4%,#433e8e 60%,#4f4aa8 90%,#3d175a 100%);
    background: linear-gradient(to bottom, #5855c0 2%,#4041b0 4%,#433e8e 60%,#4f4aa8 90%,#3d175a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5855c0', endColorstr='#3d175a',GradientType=0 );
}
.topLinkC a{
    display: block;
    max-width: 600px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background-color: #f39800;
    border-bottom: solid 6px #ec6c00;
    border-radius: 5px;
    margin: 0 auto 20px;
    transition: all 0.2s linear;
    position:relative;
    padding: 0 27px;
}
.topLinkC a:hover{
    background-color: #f9c500;
    border-bottom: solid 6px #f39800;
    color: #FFF;
    text-decoration:none;
}

.topLinkA a:after,
.topLinkB a:after,
.topLinkC a:after{
    font-family: "Font Awesome 5 free";
    content: "\f054";
    font-weight : 900;
position:absolute;
top:50%;
right:15px;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
}

@media only screen and (max-width: 992px) {
.topLinkC a{
    max-width: 400px;
    height: 65px;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
}




/*topList*/

.topListOuter{
    background-color: #fff4ea;
    padding: 30px 0 0;
}

.topListInner{
    color: #603813;
}
.topListInner dl{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.topListInner dt{
    width:120px;
    text-align:center;
}
.topListInner dd{
    width:calc(100% - 120px);
    margin-bottom:30px;
}
.topListInner h3{
    font-size:17px;
    margin-bottom: 10px;
}
.topListInner p{
    font-size:14px;
    margin-bottom: 10px;
}
.topListLink{
    color: #603813;
}
.topListLink:hover{
    color: #603813;
    text-decoration:none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}
@media only screen and (max-width: 468px) {
.topListInner h3{
    margin-top: 10px;
}
.topListInner dt{
    width:100%;
}
.topListInner dd{
    width:100%;
}
}




/*footer*/

.footerLink{
    border-top: 1px solid #c69c6d;
    padding: 20px 0;
}
.footerLink ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding:0;
    margin:0 auto;
    list-style:none;
}
.footerLink li{
    padding:0 15px;
}
.footerLink li:before{
    font-family: "Font Awesome 5 free";
    content: "\f054";
    font-weight : 900;
    margin-right:4px;
}
.footerLink li a{
    color: #333488;
    
}
.footerLink li a:hover{
    color: #8384d1;
    
}

@media only screen and (max-width: 992px) {
.footerLink{
    padding:0;
}
.footerLink li{
    padding:0px;
    width:100%;
    border-bottom:1px solid #f2f2f2;
    position:relative;
}
.footerLink li:before{
    font-family: "Font Awesome 5 free";
    content: "\f054";
    font-weight : 900;
    margin-right:0px;
    position:absolute;
top:50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
right:15px;
}
.footerLink li a{
    padding:15px 30px 15px 15px ;
    width:100%;
    display:block;
}
}




.footerInfoOuter{
    background-color: #f2f2f2;
    padding: 20px 0;
}

.footerInfoInnerA{}
.footerInfoInnerA p{
    margin:0;
}
.footerInfoInnerA dl{
    display: flex;
    flex-wrap: wrap;
    margin:0;
}
.footerInfoInnerA dt{
    width:80px;
}
.footerInfoInnerA dd{
    width:calc(100% - 80px);
    margin:0;
}
.footerInfoInnerA dd ul{
    display: flex;
    flex-wrap: wrap;
    margin:0;
}
.tel, .fax{
    padding: 0 3px;
    color: #fff;
    background-color: #603813;
    margin-left:15px;
}




.copyright {
    font-size: 0.8em;
    text-align: center;
    padding: 0.5em 0;
    background-color: #603813;
    color: #fff;
}

@media only screen and (max-width: 992px) {
.footerInfoInnerB{
    padding-top:15px;
    text-align:center;
}
}
@media only screen and (max-width: 992px) {
.footerInfoInnerA dd li{
    width:100%;
}
}
@media only screen and (max-width: 368px) {
.footerInfoInnerA dt{
    width:100%;
    text-align:center;
}
.footerInfoInnerA dd{
    width:100%
}
}




/*breadcrumb*/

.breadcrumb{
    margin: 0!important;
}
.breadcrumb ul{
    margin:0;
}
.breadcrumb li{
    display:inline-block;
}
.breadcrumb li a{
    color: #603813;
}
.breadcrumb li a:hover {
    color: #b56a24;
}
.breadcrumb li:after {
    font-family: "Font Awesome 5 free";
    content: '\f105';
    font-weight:bold;
    padding: 0 10px;
}
.breadcrumb li:last-child:after {
    content: none;
}

/*sub*/

.subOuter{
    max-width:1000px;
    margin:0 auto;
    padding:0 15px;
    color: #603813;
}

.subInner h3{
    color: #691427;
    text-align: center;
    font-size: 1.8em;
    padding: 1.5em 0 1em;
    margin-bottom: 40px;
    border-bottom: 3px dotted #691427;
}

.textareabox{
    max-width:630px;
    margin:0 auto 30px;
}

.aboutProfile{
    width: 100%;
    background-color: #fff4ea;
    padding: 20px 30px;
    margin-bottom: 60px;
}
.aboutProfileA{
    text-align:center;
    padding-bottom:10px;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.howtouseList {
    padding: 30px;
    background-color: #fff4ea;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.howtouseListInner {
    width: 100%;
    padding: 30px 35px;
    box-sizing: border-box;
    background-color: #fff;
}
.howtouseListInner h5{
    font-size:16px;
}



/*search*/

.searchOuter{
    padding: 40px 0;
    background-color: #fff4ea;
}

.searchBox{
    width: 100%;
    position: relative;
    margin-bottom: 60px;
}
.searchBox:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: -30px;
    border-bottom: 3px dotted #691427;
}
.searchBox:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -43px;
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 22px 18px 0 18px;
    border-color: #691427 transparent transparent transparent;
}

.searchInner{
    background-color:#fff;
    padding: 25px;
}
.searchInner h3{
    color: #691427;
    font-size: 1.4em;
    text-align: center;
}
.searchInner h3:after{
    font-family: "Font Awesome 5 free";
    content: '\f105';
    font-weight:bold;
    display: block;
    font-size: 1.4em;
    
}

.areaMap{
text-align:center;
}
.searchArea{
    padding: 20px;
    border: 1px solid #8d5669;
}

.areaCheckbox{
    padding: 20px;
    margin: 0 auto;
    box-shadow: 0 0 2px 3px rgba(0,0,0,0.1);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.areaCheckbox label{
    width: 100%;
    margin: 0px 0;
    padding: 5px 0;
}



.areaCheckbox2{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.areaCheckbox2 label{
    width: 50%;
    margin: 0px 0;
    padding: 5px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.labelBody{
    width:calc(100% - 110px);
}
.areaCheckbox2 .checkbox{
    padding: 0 10px 0 0;
}
.submit-center {
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width: 992px) {
.areaCheckbox{
    margin: 15px auto 0;
}
}
@media only screen and (max-width: 768px) {
.areaCheckbox2 label{
    width: 100%;
}
.searchInner{
    padding: 0px;
}
}




.result-title {
    margin: 40px 0 15px;
    color: #222;
    background-color: #F2CBD3;
    font-size: 1em;
    text-align: center;
    padding: 8px 0;
    font-weight: 700;
}
.result-box {
    background-color: #fff4ea;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.result-box .result-image {
    display: block;
    border: 5px solid #fff;
    box-sizing: border-box;
    margin-right: 20px;
}
.result-box .result-name {
    font-size: 1.2em;
    font-weight: 500;
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 0;
    min-height: 37px;
}
.result-box dt {
    background-color: #ffcf92;
    display: inline-block;
    min-width: 80px;
    padding: 0 8px;
    text-align: center;
    font-weight: 400;
}
.result-box dd {
    padding: 0 10px;
}
.result-detail {
    display: flex;
    flex-wrap: wrap;
}
.result-box dl:first-of-type {
    width:calc(100%);
    padding-bottom: 10px;
    border-bottom: 2px dotted #c69c6d;
}
.result-box dl:nth-of-type(2) {
    width:50%;
}
.result-box dl:nth-of-type(3) {
    width:25%;
}
.result-box dl:nth-of-type(4) {
    width:25%;
}
.result-box dl:nth-of-type(5) {
    width:50%;
}
.result-box dl:nth-of-type(6) {
    width:50%;
}
.result-box dl:nth-of-type(7) {
    width:100%;
}
.result-detail{
    width:calc(100% - 220px);
}

@media only screen and (max-width: 868px) {
.result-box .result-image {
    position:relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    margin-bottom:20px;
}
.result-detail{
    width:calc(100%);
}
}
@media only screen and (max-width: 678px) {

.result-box dl:nth-of-type(2) ,
.result-box dl:nth-of-type(3) ,
.result-box dl:nth-of-type(4) ,
.result-box dl:nth-of-type(5) ,
.result-box dl:nth-of-type(6) ,
.result-box dl:nth-of-type(7) {
    width:100%;
}
}


.search-navi {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}
.search-navi .search-back {
    width: 215px;
}
.search-navi .pager {
    width: calc(100% - 215px);
    text-align:right;
}
.search-navi .page.current {
    background-color: #603813;
}
.search-navi .page {
    border: 1px solid #603813;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    margin: 0 3px;
}
.search-navi .page a {
    padding: 3px 7px;
    display: block;
}
.pager a {
    color: #333488;
}
.pager a:hover {
    color: #8384d1;
}




/*search2*/
.gov_search {
    border: 3px solid #691427;
    margin-bottom: 20px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.box {
    border-radius: 5px;
}
.gov_search h4{
    width:100%;
}
.gov_shisaku{
    width: calc(100% - 180px);
    display: flex;
    flex-wrap: wrap;
}
.gov_city{
    width: 180px;
    text-align: center;
}
.long{
    width:calc(36.5%);
}
.short{
    width:calc(27%);
}
.gov_button:hover {
    color: #FFFF00;
}
.button:hover, button:hover {
    color: #333;
    border-color: #888;
    outline: 0;
}
.gov_button {
    background-color: #691427;
    color: #FFFFFF;
}
.button, button {
    margin-bottom: 1rem;
}
.button, button {
    display: inline-block;
    padding: 16px 30px;
    color: #555;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
.gov_city select{
    margin-bottom: 1.5rem;
}
select, textarea {
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}
button, select {
    text-transform: none;
}


.item1 {
    width: 40%;
    color: #FFFFFF;
}
.item2 {
    width: 60%;
    color: #FFFFFF;
}
.search2tbl th {
    background-color: #E18F9B;
    font-weight: 300;
}
.search2tbl td,
.search2tbl th {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #e1e1e1;
}

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

.long{
    width:50%;
}
.short{
    width:50%;
}

.search2tbl tr:first-child{
    display:none;
}
.search2tbl tr{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.search2tbl tr:nth-child(odd){
}
.search2tbl tr:nth-child(even){
}

.search2tbl td:nth-child(1){
    width:100%;
    padding-left:30px;
    margin-bottom:-1px;
}
.search2tbl td:nth-child(2){
    width:100%;
    padding-left:30px;
}
.search2tbl td:before{
    display: block;
    padding: 3px;
    background-color:#ccc;
    margin-left:-15px;
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    font-size:14px;
}
.search2tbl td:nth-child(1):before{
    content:"施策内容　所属部・課・係";
}
.search2tbl td:nth-child(2):before{
    content:"郵便番号・住所・電話番号・備考";
}
}


@media only screen and (max-width: 768px) {
.long{
    width:100%;
}
.short{
    width:100%;
}
}
@media only screen and (max-width: 478px) {

.gov_shisaku{
    width:100%;
}
.gov_city{
    width:100%;
    text-align: center;
}
}


/*network*/
.howtouse-list {
    padding: 30px;
    background-color: #fff4ea;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;
}
.howtouse-list .inner-box {
    width: 100%;
    padding: 30px 35px;
    box-sizing: border-box;
    background-color: #fff;
}
.howtouse-list h4{
    background: #691427;
    color: #fff;
    padding: 10px;
    font-size: 15px;
    margin-bottom:15px;
}


@media only screen and (max-width: 768px) {
.howtouse-list {
    padding: 5px;
}
.howtouse-list .inner-box {
    padding: 5px 7px;
}
}


.networkBox{
    max-width: 768px;
    margin: 20px auto 30px;
    font-size: 13px;
    border-bottom: 6px solid #603813;
    padding-bottom: 20px;
}
.networkBox table{
    border: 1px solid #333;
    margin-bottom: 10px;
    width: 100%;
}
.networkBox tr{
    border-top: 1px solid #333;
}
.networkBox tr th:first-child{
    /*width: 25%;*/
    text-align:left;
    border-top:none;
}
.networkBox th{
    background-color:rgba(0,0,0,0.2);
	background-color:#F6DEE2;
    text-align:center;
}
.networkBox th,
.networkBox td{
    padding: 2px 10px;
    border-right: 1px solid #333;
}
.networkBox td a{
    word-break: break-all;
}
.networkBox th:last-child,
.networkBox td:last-child{
    border-right:none;
}

.innerTable5{
margin-bottom:0!important;
border:none!important;
}
.innerTable6{
margin-bottom:0!important;
border:none!important;
}
.innerTable5 tr,
.innerTable6 tr{
    border-top:none;
}
.innerTable5 th,
.innerTable6 th{
    border-bottom: 1px solid #333;
    text-align:center!important;
}
.tbHead25{width:25%;}
.innerTable5 td{width: 20%!important;text-align:center;}
.innerTable6 td{width: 16.6%!important;text-align:center;}
.hid{
    display:none;
}
.forInner{
    padding:0!important;
}


.pc768{display:block!important;}
.sp768{display:none!important;}
@media only screen and (max-width: 768px) {
.pc768{display:none!important;}
.sp768{display:block!important;}

.networkBox{
    font-size: 10px;
}
.networkBox th{
}
.networkBox tr,
.networkBox th,
.networkBox td{
display:block;
width:100%;
    border-top: none;
    border-right: none;
}
.innerTable5 tbody,
.innerTable6 tbody{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.innerTable5 tr:nth-child(1),
.innerTable6 tr:nth-child(1){
    width:30%!important;
}
.innerTable5 tr:nth-child(2),
.innerTable6 tr:nth-child(2){
    width:70%!important;
}
.innerTable5 th,
.innerTable6 th{
    background-color:rgba(0,0,0,0.1);
}
.innerTable5 td,
.innerTable6 td{
    width:100%!important;
    border-bottom: 1px solid #333;
}
.innerTable5 th:last-child,
.innerTable6 th:last-child,
.innerTable5 td:last-child,
.innerTable6 td:last-child{
    border-bottom: none;
}

.extendTable{
    text-align: center;
}
.extendTable tr{
    display: flex;
}
.extendTable tr:nth-child(1) th:nth-child(n + 2){
    border-left: 1px solid #333;
}
.extendTable tr:nth-child(n + 2) {
    border-top: 1px solid #333;
}
.extendTable tr:nth-child(n + 2) th{
    background-color: rgba(0,0,0,0.1);
    text-align: center;
}
.extendTable tr:nth-child(n + 2) td{
    border-left: 1px solid #333;
}
.extendTable th{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.extendTable td{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


}



}

/*contact*/
.text-red {
    color: #f00 !important;
}
input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"] {
    height: 38px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
}
.u-full-width {
    width: 100%;
    box-sizing: border-box;
}
.button.button-primary, button.button-primary {
    color: #fff;
    background-color: #603813;
    border-color: #603813;
}
.button, button {
    margin-bottom: 1rem;
}
.button, button {
    display: inline-block;
    padding: 16px 30px;
    color: #555;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: 0.1rem;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #bbb;
    cursor: pointer;
    box-sizing: border-box;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
.button:hover, button:hover {
    color: #333;
    border-color: #888;
    outline: 0;
}
fieldset, input, select, textarea {
    margin-bottom: 1.5rem;
}
.buttonOuter{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#contactform button{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size:16px;
    width:160px;
    height:50px;
    border-radius:4px;
    padding: 0;
    margin: 10px 15px 20px;
}


/*sitemap*/

.sitemap-link {
    list-style: disc;
    padding-left: 30px;
}
.sitemap-link li{
    margin-bottom:10px;
}
.sitemap-link li a{
    color: #333488;
    
}
.sitemap-link li a:hover{
    color: #8384d1;
    
}

.notready{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    height:300px;
}
.service_list {
    text-align: left;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 20px;
}


.jissekiList{}
.jissekiList dl{
    display: flex;
    flex-wrap: wrap;
}
.jissekiList dl dt{
    width:calc(190px);
}
.jissekiList dl dd{
    width:calc(100% - 190px);
}
@media only screen and (max-width: 678px) {
.jissekiList dl dt{
    width:calc(100%);
}
.jissekiList dl dd{
    width:calc(100%);
    margin:0 0 0 15px;
}
}