* {
	border-sizing:border-box;
	border-collapse:collapse;
	font-family:  'Noto Sans JP', sans-serif ;
}

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

body {
margin:0 auto;
padding:0;
word-break: break-all;
}



.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 { display: block !important; }
.sp { display: none !important; }
@media only screen and (max-width: 992px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.pc2 { display: block !important; }
.sp2 { display: none !important; }
@media only screen and (max-width: 768px) {
.pc2 { display: none !important; }
.sp2 { display: block !important; }
}
.pc3 { display: block !important; }
.sp3 { display: none !important; }

@media only screen and (max-width: 678px) {
.pc3 { display: none !important; }
.sp3 { display: block !important; }
}

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

@media only screen and (max-width: 768px) {
.ggmap {
padding-bottom: 100%;
}
}




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

@media only screen and (max-width: 768px) {
.ggmap2 {
padding-bottom: 100%;
}
}




/*header*/

header{
    background-image:url(images/bg_header.jpg);
    background-position:top center;
    background-size:cover;
    background-repeat:no-repeat;
}

.headerLogo{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding: 30px 70px 30px 0;
}

.headerSubmenu{
    font-size:12px;
}
.headerSubmenu ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    max-width:1000px;
    margin: -40px auto 0px;
    padding: 0 0 20px;
}
.headerSubmenu ul li{}
.headerSubmenu ul li a{
    color:#354aba;
    padding: 0 5px;
}
.headerSubmenu ul li a:before{
    content:"";
    display:inline-block;
    width:8px;
    height:11px;
    background-image:url(images/svg/item_tryangle_s.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}


.headerMenu{
    background-color:#f8f8f8;
}
.headerMenu ul{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding: 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: all 0.2s linear;
}
.headerMenu ul li{
    width:calc(100% / 5);
    position:relative;
}
.headerMenu ul li:before,
.headerMenu ul li:last-child::after{
    content:"";
    display:inline-block;
    width:1px;
    height:30px;
    background-image:url(images/svg/item_dashedlineY.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    z-index: 5;
}
.headerMenu ul li:before{
    left:0;
}
.headerMenu ul li:last-child::after{
    right:0;
}
.headerMenu ul li a{
    font-size:14px;
    height:55px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color:#373737;
    background-color:#f8f8f8;
    transition: all 0.2s linear;
    position:relative;
}
.headerMenu ul li a:hover{
    color:#ffffff;
    background-color:#354aba;
    text-decoration:none;
}


@media only screen and (max-width: 992px) {
.headerMenu ul{
    padding: 0 15px;
}
}
@media only screen and (max-width: 678px) {
.headerLogo{
    padding: 5px 75px 5px 5px;
    height: 75px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.headerLogo a{
    height: 75px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.headerLogo a img{
    width:calc(100%);
}
}


/*menuSP*/


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

.spMenu ul {
    display:none;
}


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

.headerMenu,
.headerSubmenu{
    display:none;
}

.spMenu label {
    color: #BF9734;
    display: inline-block;
    margin: 0;
    position:fixed;
    width: auto;
    top: 5px;
    right: 5px;
    z-index: 9999;
}
.spMenu label img{
    width:65px;
    height:65px;
}
.spMenu 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;
    background-color:#fff;
    display:block;
    z-index:9998;
}


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

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

.spMenu ul li{
    width:calc(100%);
    border-bottom:1px solid #354aba;
}
.spMenu ul li:nth-child(1){
    background-image: url(images/bg_header.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.spMenu ul li:nth-child(n+2){
    background-color: #f8f8f8;
}
.spMenu ul li:nth-child(n+2) a{
    color: #373737;
    font-size:14px;
    padding:10px;
    display:block;
    position:relative;
}
.spMenu ul li:nth-child(n+2) a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

}




/*mainimage*/

.mainimage{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
}
.mainimage img{
    width:calc(100%);
}



.topAboutSect{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    background-image:url(images/bg_topabout.jpg);
    background-position:top center;
    background-size:cover;
}

.topAboutSect .topNewsBox {
    width: 60%;
    background-color: #fff;
    border-left: 9px solid #35a6b6;
    box-shadow: 0px 10px 10px rgba(100,100,100,0.5);
    margin: -60px 0 0;
    transition: all 0.2s linear;
    position: relative;
    z-index: 90;
}
.topAboutSect .topNewsBox dl{
    display: flex;
    flex-wrap: wrap;
    max-width: 650px;
    margin:0;
    padding:0;
}
.topAboutSect .topNewsBox dl dt{
    width: 180px;
    padding: 15px;
}
.topAboutSect .topNewsBox dl dd{
    width:calc(100% - 180px);
    margin:0;
    padding: 15px 0;
    position:relative;
}
.topAboutSect .topNewsBox dl dd ul{
    margin: 0 0 30px;
}
.topAboutSect .topNewsBox dl dd ul li{}
.topAboutSect .topNewsBox dl dd ul li a{
    font-size:14px;
    color:#000;
    background-color:#fff;
    transition: all 0.2s linear;
    padding: 2px;
    display: block;
}
.topAboutSect .topNewsBox dl dd ul li a:hover{
    background-color:#b5f2f7;
    text-decoration:none;
}
.topAboutSect .topNewsBox dl dd ul li a span{
    padding:0 30px 0 0;
}

.topAboutSect .topNewsBox .moreLink{
    position: absolute;
    right: 7.5px;
    bottom: 5px;
    color: #35a6b6;
    font-size: 14px;
}

.topAboutSect .baseInner p{
    font-size: 14px;
    max-width: 640px;
    margin: 20px auto;
    line-height: 2em;
}
.topSearchBtn{
    text-align:center;
    margin: 50px 0 0;
}

@media only screen and (max-width: 878px) {
.topAboutSect{
    background-position:top right;
    background-size:cover;
}
.topAboutSect .topNewsBox {
    width: 95%;
    margin: -30px 0 0;
}
}
@media only screen and (max-width: 678px) {
.topAboutSect .topNewsBox dl dt{
    width:calc(100%);
    padding: 7.5px 7.5px 0;
}
.topAboutSect .topNewsBox dl dd{
    width:calc(100%);
    padding: 7.5px 15px 0;
}
.topAboutSect .topNewsBox dl dd ul li a span{
    display:block;
}
}

/*bases*/


.baseOuter{
    width:100%;
    padding:60px 10px;
}
.baseInner{
    width:100%;
    max-width:1000px;
    margin:0 auto;
}
.baseTitle{
    text-align:center;
}
.baseText{
    font-size:14px;
}
.baseText a{
    color:#57aad9;
    transition: all 0.2s linear;
}
.baseText a:hover{
    opacity:0.8;
}
.baseImage{
    padding:15px 0;
    text-align: center;
}
.baseList{
    font-size:14px;
}
.baseList ul{}
.baseList ul li{
    padding:7.5px 0;
    text-indent: -1em;
    margin-left: 1em;
}


.baseBtn{
    margin: 45px 0 0;
}
.baseBtn a{
    background-color:#354aba;
    color:#fff;
    font-size:14px;
    width:100%;
    max-width:285px;
    height:65px;
    margin:0 auto;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position:relative;
    transition: all 0.2s linear;
    border-radius:5px;
    box-shadow: 0 3px #1f373a;
}
.baseBtn a:after{
    content:"";
    display:inline-block;
    width:9px;
    height:17px;
    background-image:url(images/svg/item_tryangle_w.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    right:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.baseBtn a:hover{
    background-color:#354aba;
    color:#fff;
    text-decoration:none;
    opacity:0.8;
}

/*topTopics*/
.topTopicsOuter{
    background-color:#f7f7f0;
}
.introText{
    font-size:14px;
    text-align:center;
    padding:25px 0;
}

.topTopicsList{
    display: flex;
    flex-wrap: wrap;
}
.topTopicsList a{
    width:calc(48%);
    margin:1%;
    background-color:#fff;
    font-size:14px;
    padding: 15px 35px 15px 20px ;
    color:#000;
    box-shadow: 3px 7px 8px rgba(100,100,100,0.2);
    border-radius: 5px;
    transition: all 0.2s linear;
    position:relative;
}
.topTopicsList a:hover{
    text-decoration:none;
    color:#000;
    background-color:#f9f9f9;
}
.topTopicsList a:after{
    content:"";
    display:inline-block;
    width:8px;
    height:11px;
    background-image:url(images/svg/item_tryangle_s.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    right:15px;
    bottom:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.topTopicsList a:hover::after{
    right:7.5px;
}
.topTopicsList a dl{}
.topTopicsList a dl dt{
    margin:0 0 10px;
    font-weight:normal;
}
.topTopicsList a dl dt span{
    font-size:13px;
    background-color:#e24200;
    color:#fff;
    margin:0 0 0 15px;
    padding:0 10px;
    position:relative;
    top:-1px;
}
.topTopicsList a dl dd{
    margin:0;
    padding:0;
    line-height:1.8em;
}
@media only screen and (max-width: 768px) {
.topTopicsList a{
    width:calc(98%);
    margin:1%;
}
}

@media only screen and (max-width: 468px) {
.topTopicsList a dl dt span{
    display: block;
    width: 160px;
    margin: 0;
    text-align: center;
}
}

/*topSupport*/

.topSupportOuter{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    background-image:url(images/bg_support.jpg);
    background-position:top center;
    background-size:cover;
}

.topSupportOuter .introText{
    max-width: 410px;
    margin: 60px auto 0;
    line-height: 2.5em;
    text-align: left;
}

@media only screen and (max-width: 992px) {
.topSupportOuter{
    background-image:url(images/bg_support_sp1.jpg);
}
}
@media only screen and (max-width: 768px) {
.topSupportOuter{
    background-image:url(images/bg_support_sp2.jpg);
}
}
@media only screen and (max-width: 468px) {
.topSupportOuter{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
}

/*topFukushima*/

.topFukushimaOuter{
    background-image:url(images/bg_topround.png);
    background-position:center;
    background-size:cover;
}
.topFukushimaOuter .baseTitle{
    margin:0 0 15px;
}
.fukushimaList{}
.fukushimaList ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width:100%;
    max-width:1160px;
    margin:0 auto;
}
.fukushimaList ul li{
    width:19%;
    margin:0.5%;
}
.fukushimaList ul li a{}
.fukushimaList ul li a img{
    box-shadow: 3px 7px 8px rgba(100,100,100,0.2);
    border-radius: 5px;
}

.topFukushimaOuter .baseText{
    line-height:2em;
}
@media only screen and (max-width: 878px) {
.fukushimaList ul li{
    width:32.3%;
    margin:0.5%;
}
}
@media only screen and (max-width: 468px) {
.fukushimaList ul li{
    width:49%;
    margin:0.5%;
}
}

/*footer*/

.footerOuter{
    background-color:#354aba;
    color:#fff;
    font-size:13px;
    padding:50px 10px;
}

.footerMenuOuter{
    background-color:#f8f8f8;
}
.footerInfo{}
.footerInfo a{
    color:#fff;
    pointer-events: none;
}
.footerInfo a:hover{
    color:#fff;
    text-decoration:none;
}

.footerMenu{
    padding:18px 0px;
}
.footerMenu ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0;
    padding:0;
}
.footerMenu ul li{
}
.footerMenu ul li:last-child{
    display:none;
}
.footerMenu ul li a{
    color:#354aba;
    font-size:12px;
    padding:0 18px;
    border-left:1px solid #354aba;
}
.footerMenu ul li:first-child a{
    border-left:none;
}


.copyright{
    font-size:11px;
}
.copyright ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0;
    padding:15px 0;
}
.copyright ul li{}
.copyright ul li a{
    color:#000;
    padding:0 15px;
    border-right:1px solid #000;
}
.copyright ul li span{
    padding:0 15px;
}
@media only screen and (max-width: 878px) {
.footerMenu ul li a{
    padding:0 10px;
}
}
@media only screen and (max-width: 678px) {
.footerInfo a{
    color: #fff;
    pointer-events: auto;
    border: 1px solid #fff;
    display: block;
    padding: 10px;
    margin: 10px 0 -10px;
    max-width: 320px;
    text-align: center;
    border-radius: 5px;
    position:relative;
}
.footerInfo a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.footerInfo a:hover{
    color:#fff;
    text-decoration:none;
}
.footerMenu{
    padding:0px 0px;
}
.footerMenu ul{
    justify-content: flex-start;
    border-bottom:1px solid #354aba;
}
.footerMenu ul li{
    width:calc(50%);
    border-top:1px solid #354aba;
    border-bottom:1px solid #354aba;
    margin-bottom:-1px;
}
.footerMenu ul li:last-child{
    display:block;
}
.footerMenu ul li:nth-child(odd){
    border-right:1px solid #354aba;
}
.footerMenu ul li a{
    display:block;
    padding:10px;
    border:none;
    position:relative;
}
.footerMenu ul li a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.copyright ul li:first-child{
    display:none;
}
}

@media only screen and (max-width: 378px) {
.copyright ul{
    padding:0px 0;
}
.copyright ul li {
    width:calc(100%);
    text-align:center;
}
.copyright ul li span{
    padding:10px 0;
    display:block;
}
}



/*sub*/

.subOuter{
    background-color:#f7f7f0;
    padding:0 10px 50px;
    border-top: 1px solid #e6e6e6;
}

.breadcrambs{
    max-width:1000px;
    margin:0px auto;
    padding:20px 0;
    font-size:12px;
}
.breadcrambs a{
    color:#000;
}

.subBaseInner{
    background-color:#fff;
    max-width:1000px;
    margin:0px auto;
    padding:30px 50px 50px
}
.subBaseInner .baseTitle{
    padding-bottom:50px;
}


.baseLargeTitle{
    padding:0 10px;
}
.baseLargeTitle h3{
    font-size:30px;
    font-weight:bold;
    text-align: center;
    color: #354aba;
    max-width:670px;
    border-bottom:3px solid #354aba;
    margin: 30px auto;
    padding:30px 0;
}

.baseSubTitle{}
.baseSubTitle h3{
    font-size:20px;
    font-weight:bold;
    height:37px;
    background-color:#35a6b6;
    color:#fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding:0 10px;
}
.baseSubTitle h4{
    font-size:25px;
    font-weight:bold;
    border-bottom:1px solid #000;
    padding:0 0 5px;
}

@media only screen and (max-width: 992px) {
.subBaseInner{
    padding:30px 10px 50px
}
}


/*search*/

.searchmapOuter{
    display: flex;
    flex-wrap: wrap;
    position:relative;
    margin: 0 0 30px 35px;
}
.searchmapImage{
    width:260px;
    text-align:center;
    position:relative;
    margin:0;
}
.searchmapInput{
    width:calc(100% - 260px);
    padding:0 0 0 35px;
}
.mapCover{
    position:absolute;
    z-index:100;
    top:0;
    left: 0;
}
.mapBlank{
    position:relative;
    z-index:30;
}
.mapBase{
    position:absolute;
    z-index:1;
    top:0;
    left: 0;
    width:260px;
}


.layerArea1, 
.layerArea2, 
.layerArea3, 
.layerArea4, 
.layerArea5, 
.layerArea6{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 20;
    pointer-events: none;
    cursor: pointer;
    display: block;
    width:260px;
}

#ckarea_1 input[type="checkbox"]:checked + img[class~="layerArea1"]{opacity: 1;}
#ckarea_2 input[type="checkbox"]:checked + img[class~="layerArea2"]{opacity: 1;}
#ckarea_3 input[type="checkbox"]:checked + img[class~="layerArea3"]{opacity: 1;}
#ckarea_4 input[type="checkbox"]:checked + img[class~="layerArea4"]{opacity: 1;}
#ckarea_5 input[type="checkbox"]:checked + img[class~="layerArea5"]{opacity: 1;}
#ckarea_6 input[type="checkbox"]:checked + img[class~="layerArea6"]{opacity: 1;}

.inputHead{
    font-size:17px;
    width:100%;
    padding:15px 0 5px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.inputHead dl{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin:0;
    padding:0;
}
.inputHead dl dt{
    width:3em;
    margin:0;
    padding:0;
}
.inputHead dl dt i{
    color:#35a6b6;
    font-size:2em;
}
.inputHead dl dd{
    width:calc(100% - 3em);
    margin:0;
    padding:0;
}
.inputBody{
    border-top:1px solid #b4b4b4;
    border-bottom:1px solid #b4b4b4;
    padding:20px 0;
}

.inputBody ul{
    padding:0;
    margin:0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.inputBody li{
    padding:0;
    margin:0;
    width:calc(100% / 3);
    font-size:14px;
}
.inputBody li label{
    padding: 10px 0 10px 0px;
    margin: 0;
}
.inputBody li label input{
    position: relative;
    top: 1px;
    left: 7.5px;
    transform: scale(2.0);
    -webkit- transform: scale(2.0);
    margin-right: 20px;
}
@media only screen and (max-width: 992px) {
.searchmapOuter{
    margin:0 0 30px 15px
}
.searchmapImage{
    width:260px;
    text-align:center;
    position:relative;
    margin:0;
}
.searchmapInput{
    width:calc(100% - 260px);
    padding:0 0 0 15px;
}
}
@media only screen and (max-width: 578px) {
.searchmapOuter{
    margin:0 0 30px;
}
.searchmapImage{
    width:100%;
    text-align:center;
    position:relative;
    margin:0;
}
.searchmapInput{
    width:calc(100%);
    padding:0;
}
.mapBase,
.layerArea1, 
.layerArea2, 
.layerArea3, 
.layerArea4, 
.layerArea5, 
.layerArea6{
    width:100%;
}
}


.searchOptionInput{}
.searchOptionInput dl{
    background-color:#f8f8f8;
    border-top:1px solid #b4b4b4;
    border-bottom:1px solid #b4b4b4;
    margin:0 0 -1px;
    padding:0px;
    display: flex;
    flex-wrap: wrap;
}
.searchOptionInput dl dt{
    font-size:17px;
    width:120px;
    padding:30px 20px;
}
.searchOptionInput dl dd{
    background-color:#fff;
    width:calc(100% - 120px);
    margin:0;
    padding:30px 0 30px 40px;
}
.searchOptionInput dl dd span{
    font-size: 15px;
    font-weight: bold;
    padding: 0px 0 10px;
    display: block;
}
.searchOptionInput dl dd ul{
    margin:0 0 0px;
    padding:0 0 0px;
    display: flex;
    flex-wrap: wrap;
}
.searchOptionInput dl:nth-child(2) dd ul{
    margin:0 0 20px;
    padding:0 0 20px;
    border-bottom:1px solid #b4b4b4;
}
.searchOptionInput dl:nth-child(2) dd ul:last-child{
    margin:0 0 0px;
    padding:0 0 0px;
    border-bottom:none;
}
.searchOptionInput dl dd ul li{
    font-size:14px;
    width:calc(100% / 4);
}
.searchOptionInput dl dd ul li label{
    padding: 10px 0 10px 0px;
    margin: 0;
}
.searchOptionInput dl dd ul li label input{
    position: relative;
    top: 1px;
    left: 7.5px;
    transform: scale(2.0);
    -webkit- transform: scale(2.0);
    margin-right: 20px;
}

@media only screen and (max-width: 992px) {
.searchOptionInput dl dd ul li{
    width:calc(100% / 3);
}
}
@media only screen and (max-width: 768px) {
.searchOptionInput dl dt{
    width:calc(100%);
}
.searchOptionInput dl dd{
    width:calc(100%);
}
}
@media only screen and (max-width: 678px) {
.searchOptionInput dl dd ul li{
    width:calc(100% / 2);
}
}
@media only screen and (max-width: 468px) {
.searchOptionInput dl dd ul li{
    width:calc(100% / 1);
}
}


.searchBtns,
.searchFormBtns{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color:#f8f8f8;
    padding:15px 10px 20px;
    margin: 35px 0 0;
}
.searchFormBtns #searchBtnSubmit input,
.searchFormBtns #searchBtnReset input{
    display:none;
}
.searchBtns a,
.searchFormBtns #searchBtnSubmit{
    max-width:300px;
}
.searchFormBtns #searchBtnReset{
    max-width:150px;
}


.searchBtns a,
.searchFormBtns #searchBtnSubmit,
.searchFormBtns #searchBtnReset{
    background-color:#35a6b6;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    width:100%;
    height:43px;
    margin: 5px 10px;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position:relative;
    transition: all 0.2s linear;
    border-radius:5px;
    box-shadow: 0 3px #1f373a;
}
.searchBtns a:after,
.searchFormBtns #searchBtnSubmit:after{
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    background-image:url(images/svg/item_search.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    right:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.searchFormBtns #searchBtnReset:after{
    content:"";
    display:inline-block;
    width:9px;
    height:17px;
    background-image:url(images/svg/item_tryangle_w.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    right:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.searchBtns a:hover,
.searchFormBtns #searchBtnSubmit:hover,
.searchFormBtns #searchBtnReset:hover{
    color:#fff;
    text-decoration:none;
    opacity:0.8;
}

@media only screen and (max-width: 578px) {
.searchBtns a,
.searchFormBtns #searchBtnSubmit,
.searchFormBtns #searchBtnReset{
    max-width:100%;
}
}


.searchListOuter{}
.searchListOuter dl{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.searchListOuter dl dt{
    font-size:17px;
}
.searchListOuter dl dd{
    font-size:14px;
    margin:0;
    padding:0;
}


.searchListOuter table{
    font-size:14px;
    width:calc(100%);
    border-radius:10px 10px 0px 0px;
}
.searchListOuter table tr{}
.searchListOuter table tr:first-child{}
.searchListOuter table tr th{
    background-color:#8ea5c2;
    color:#fff;
    border-right:1px solid #fff;
    font-weight:normal;
    text-align:center;
    padding: 12px 0px;
}
.searchListOuter table tr th:last-child{
    border-right:1px solid #8ea5c2;
}
.searchListOuter table tr td{
    height: 60px;
    border: 1px solid #9e9e9f;
    padding:5px 10px;
}
.searchListOuter table tr td:nth-child(1){width: 200px;}
.searchListOuter table tr td:nth-child(2){width:calc(100% - 600px);}
.searchListOuter table tr td:nth-child(3){width: 200px;}
.searchListOuter table tr td:nth-child(4){width: 80px;}
.searchListOuter table tr td:nth-child(5){width: 120px;}

.searchListOuter table tr td:nth-child(5) a{
    font-size:16px;
    width:100%;
    max-width:90px;
    height:35px;
    background-color:#35a6b6;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0 auto;
    position:relative;
    border-radius: 5px;
}
.searchListOuter table tr td:nth-child(5) a:after{
    font-family: "Font Awesome 5 free";
    content: "\f105";
    font-weight : 900;
    position: absolute;
    top:50%;
    right: 5px;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}


@media only screen and (max-width: 768px) {
.searchListOuter table tr:first-child{
    display:none;
}
.searchListOuter table tr{
    margin: 0 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.searchListOuter table tr td{
    margin: 0 0 -1px;
    display: flex;
    flex-wrap: wrap;
    height: auto;
}
.searchListOuter table tr td span{
    background-color: #8ea5c2;
    color: #fff;
    width: 100px;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    margin: 0 10px 0 0;
}

.searchListOuter table tr td:nth-child(1),
.searchListOuter table tr td:nth-child(2),
.searchListOuter table tr td:nth-child(3),
.searchListOuter table tr td:nth-child(4),
.searchListOuter table tr td:nth-child(5){width: 100%;}
}

@media only screen and (max-width: 568px) {
.searchListOuter table tr td{
    padding:5px 10px 10px;
}
.searchListOuter table tr td span{
    width: 100%;
    margin: 0 0 5px 0;
    padding:5px;
}
}


/*pager*/

.pager{}
.pager ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:20px 0;
}
.pager ul li{
    padding:5px;
}
.pager ul li span,
.pager ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border:1px solid #35a6b6;
    border-radius:5px;
    width:27px;
    height:27px;
    font-size:14px;
    transition: all 0.2s linear;
    opacity:1.0;
}
.pager ul li span{
    background-color:#35a6b6;
    color:#fff;
}
.pager ul li a{
    background-color:#fff;
    color:#35a6b6;
}
.pager ul li a:hover{
    background-color:#35a6b6;
    color:#fff;
    opacity:0.8;
    text-decoration:none;
}



/*searchDetail*/

.searchDetailOuter{}

.searchDetailHead{
    position:relative;
}
.searchDetailHead p{
    color:#35a6b6;
    font-size:17px;
    margin:30px 0 20px;
}
.searchDetailHead h4{
    font-size:32px;
    font-weight:bold;
    padding: 0 140px 0 0;
}
.searchDetailHead h4 span{
    color: #35a6b6;
    border: 1px solid #35a6b6;
    font-size: 13px;
    font-weight: normal;
    display: inline-block;
    padding: 5.5px 7.5px;
    margin: 0px 0 0px 20px;
    position: relative;
    bottom: 4px;
}
.searchDetailHead div{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
}

.searchDetailBody{
    margin-bottom:50px;
}
.searchDetailBody h5{
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 50px;
    font-size: 17px;
    margin: 0;
    border-radius:5px 5px 0 0;
}
.detailColorA h5{background-color:#95abc6;}
.detailColorB h5{background-color:#597ca6;}

.searchDetailBody dl{
    font-size: 14px;
    margin:0;
    padding:0;
    background-color:#f8f8f8;
    border-bottom:1px solid #9e9e9f;
    display: flex;
    flex-wrap: wrap;
}
.searchDetailBody dl dt{
    width:calc(180px);
    padding:15px 20px;
    font-weight: normal;
}
.searchDetailBody dl dd{
    margin:0;
    padding:15px 20px;
    background-color:#fff;
    width:calc(100% - 180px);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height:1.8em;
}

.searchDetailFoot{
    text-align:center;
    font-size:14px;
    line-height:1.8em;
}
.searchDetailFoot a{
    max-width:500px;
}
.searchDetailFoot a{
    background-color:#35a6b6;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    width:100%;
    height:43px;
    margin: 5px auto;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position:relative;
    transition: all 0.2s linear;
    border-radius:5px;
    box-shadow: 0 3px #1f373a;
}
.searchDetailFoot a:after{
    content:"";
    display:inline-block;
    width:9px;
    height:17px;
    background-image:url(images/svg/item_tryangle_w.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    right:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.searchDetailFoot a:hover{
    color:#fff;
    text-decoration:none;
    opacity:0.8;
}

@media only screen and (max-width: 678px) {
.searchDetailHead h4{
    font-size:24px;
    padding: 35px 0 0 0;
    position:relative;
}
.searchDetailHead h4 span{
    padding: 5.5px 7.5px;
    margin: 0px 0 0px 0px;
    position:absolute;
    top:0;
    left:0;
    bottom: auto;
}
.searchDetailHead div{
    position:relative;
    text-align:right;
}
.searchDetailBody dl dt{
    width:calc(100%);
    padding:5px 10px;
    border-bottom: 1px solid #cecece;
}
.searchDetailBody dl dd{
    width:calc(100%);
    padding:5px 20px;
    font-size:12px;
}
}

@media only screen and (max-width: 578px) {
.searchDetailFoot a{
    max-width:100%;
}
.searchDetailFoot a:after{
    right:7.5px;
}
}


/*01news*/

.newsList{}
.newsList ul{}
.newsList ul li{
    border-top: 1px solid #35a6b6;
    border-bottom: 1px solid #35a6b6;
    margin: 0 0 -1px;
}
.newsList ul li a{
    font-size:14px;
    color:#000;
    background-color:#fff;
    transition: all 0.2s linear;
    padding: 10px 2px;
    display: block;
    position:relative;
}
.newsList ul li a:hover{
    background-color:#b5f2f7;
    text-decoration:none;
}
.newsList ul li a span{
    padding:0 30px 0 0;
}

@media only screen and (max-width: 678px) {
.newsList ul li a span{
    padding:0 0px 0 0;
    display:block;
}
}

.infoDetailHead{
    border-left: 9px solid #35a6b6;
    padding: 2px 10px;
    margin: 0 0 15px;
    position:relative;
}
.infoDetailHead span{
    font-size:12px;
    padding: 0 30px 0 0;
}
.infoDetailHead h4{
    margin: 0;
    padding: 0 0 3px;
}

.infoDetailBody{
    border-top: 1px solid #35a6b6;
    border-bottom: 1px solid #35a6b6;
    padding: 30px 10px;
    font-size: 0.9em;
    line-height: 1.8em;
}



/*02topics*/

.topicsCategory{
    font-size: 12px;
    background-color: #e24200;
    color: #fff;
    padding: 0 10px!important;
    margin: 0 20px 0 0;
    position: relative;
    top: -1px;
    width: 200px;
    display: inline-block;
    text-align: center;
}
@media only screen and (max-width: 678px) {
.topicsCategory{
    text-align: center;
    margin: 0;
}
.infoDetailHead .topicsCategory {
    top: 6px;
    left: 79px;
    font-size: 12px;
}
}
/*05medical*/
.medicalHead{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height:180px;
    background-image:url(images/subheader_medical.jpg);
    background-position:center;
    background-size:cover;
}

/*06support*/
.supportHead{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height:180px;
    background-image:url(images/subheader_support.jpg);
    background-position:center;
    background-size:cover;
}


/*07fukushima*/

.fukushimaOuter{}

.fukushimaHead{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height:180px;
    background-image:url(images/subheader_fukushima.jpg);
    background-position:center;
    background-size:cover;
}
.fukushimaInner{
    padding:0 10px 50px;
}
.fukushimaIntro{
    max-width:678px;
    margin:0 auto;
}
.fukushimaIntro p{
    font-size:14px;
    margin:10px 0;
    text-align:center;
}
.fukushimaIntro div{
    background-color:#f8f8f8;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.fukushimaIntro div ul,
.fukushimaList2 ul{
    margin:0;
    padding:5px 0;
}
.fukushimaIntro div ul li,
.fukushimaList2 ul li{
    font-size:16px;
    padding:10px 0;
}

.roundLongOuter{
    background-image:url(images/bg_roundlong.png);
    background-position:top center;
    background-size:cover;
    padding: 20px 10px 50px;
}
.roundLongOuter h4{
    font-size:24px;
    font-weight:bold;
    text-align:center;
    padding:30px 0;
}


/**/

 /* 笆ｼ繧ｿ繝匁ｩ溯?縺ｮ謗ｲ霈蛾?伜沺縺ｮ陬?｣ｾ(窶ｻ蠢??医〒縺ｯ縺ゅｊ縺ｾ縺帙ｓ) */
.tabbox {
    margin: 50px auto 0;
    max-width: 1000px;
}

   /* 笆ｼ繧ｿ繝匁ｩ溯?繧貞宛蠕｡縺吶ｋ繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ(髱櫁｡ｨ遉ｺ縺ｫ縺吶ｋ) */
   .tabbox input { display: none; }

   /* 笆ｼ繧ｿ繝?(蜈ｱ騾夊｣?｣ｾ?矩撼驕ｸ謚樒憾諷九?陬?｣ｾ) */
   .tab {
      display: inline-block;
      border-radius: 4px 4px 0px 0px;
      padding: 0.75em 0;
      color: black;
      background-color: #e7e7e7;
      color:#6c6c6c;
      font-weight: bold;
    margin-bottom: 0;
    transition: all 0.2s linear;
    width: calc(99% / 3);
    text-align: center;
    font-size:25px;
   }
   .tab#news1 {margin-right: 0.5%;}
   .tab#news2 {margin-right: 0.5%;}
   .tab#news3 {}

   /* 笆ｼ繧ｿ繝悶↓繝槭え繧ｹ繝昴う繝ｳ繧ｿ縺瑚ｼ峨▲縺滄圀縺ｮ陬?｣ｾ */
   .tab#news1:hover {background-color: #e16c44; color: #fff; cursor: pointer; opacity:0.8; }
   .tab#news2:hover {background-color: #54af00; color: #fff; cursor: pointer; opacity:0.8; }
   .tab#news3:hover {background-color: #00939e; color: #fff; cursor: pointer; opacity:0.8; }

   /* 笆ｼ繝√ぉ繝?け縺悟?縺｣縺ｦ縺?ｋ繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｮ髫｣縺ｫ縺ゅｋ繧ｿ繝悶?陬?｣ｾ(?晞∈謚樒憾諷九?繧ｿ繝?) */
   input:checked + .tab#news1 { color: #fff; background-color: #e16c44; position: relative; z-index: 10; }
   input:checked + .tab#news2 { color: #fff; background-color: #54af00; position: relative; z-index: 10; }
   input:checked + .tab#news3 { color: #fff; background-color: #00939e; position: relative; z-index: 10; }

   /* 笆ｼ繧ｿ繝悶?荳ｭ霄ｫ(蜈ｱ騾夊｣?｣ｾ?矩撼驕ｸ謚樒憾諷九?陬?｣ｾ) */
   #tabcontent1 { display: none; padding:0 35px; border: 5px solid #e16c44; margin-top: -1px; margin-bottom:30px; position: relative; z-index: 0; background-color: #fff; transition: all 0.2s linear;}
   #tabcontent2 { display: none; padding:0 35px; border: 5px solid #54af00; margin-top: -1px; margin-bottom:30px; position: relative; z-index: 0; background-color: #fff; transition: all 0.2s linear;}
   #tabcontent3 { display: none; padding:0 35px; border: 5px solid #00939e; margin-top: -1px; margin-bottom:30px; position: relative; z-index: 0; background-color: #fff; transition: all 0.2s linear;}

   /* 笆ｼ繝√ぉ繝?け縺悟?縺｣縺ｦ縺?ｋ繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ縺ｫ蟇ｾ蠢懊☆繧九ち繝悶?荳ｭ霄ｫ繧定｡ｨ遉ｺ縺吶ｋ */
   #tabcheck1:checked ~ #tabcontent1 { display: block; transition: all 0.2s linear;}
   #tabcheck2:checked ~ #tabcontent2 { display: block; transition: all 0.2s linear;}
   #tabcheck3:checked ~ #tabcontent3 { display: block; transition: all 0.2s linear;}

#tabcontent1 .toup{background-color: #e16c44;}
#tabcontent2 .toup{background-color: #54af00;}
#tabcontent3 .toup{background-color: #00939e;}
.tabcontent .toup {
    text-align: center;
    margin: 0 -35px;
    padding: 10px;
}
.tabcontent .toup a{
    color:#fff;
}

@media only screen and (max-width: 768px) {
.tab {
    font-size:18px;
}
#tabcontent1 ,
#tabcontent2 ,
#tabcontent3 {padding:0 10px;}
.tabcontent .toup {
    margin: 0 -10px;
}
} 


#tabcontent1 .baseLargeTitle h3{color:#e16c44; border-color:#e16c44;}
#tabcontent2 .baseLargeTitle h3{color:#54af00; border-color:#54af00;}
#tabcontent3 .baseLargeTitle h3{color:#00939e; border-color:#00939e;}


.tabcontent .container{
    margin-top:50px;
    margin-bottom:50px;
}

.pointInner{
    padding:0px 0;
}
.pointInner h4{
    font-size:28px;
    text-align:left;
}
.pointInner p{
    line-height:1.8em;
}

.fukushimaAccess{
    max-width:1000px;
    margin:100px auto;
    padding:50px 35px;
    border-top:6px solid #a8a8a8;
    border-bottom:6px solid #a8a8a8;
}


/*03about*/

.aboutHead{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height:180px;
    background-image:url(images/subheader_about.jpg);
    background-position:center;
    background-size:cover;
}

.aboutInner{}
.aboutInner p{
    max-width: 630px;
    margin: 0 auto 1em;
    line-height: 1.8em;
}
.aboutFlow{
    text-align:center;
}

.aboutInfoBox{
    width:100%;
    max-width:650px;
    margin:50px auto;
    background-color:#f8f8f8;
    padding:30px 50px 20px;
}
.aboutInfoBox h4{
    font-size:16px;
    text-align:center;
    margin: 0 0 20px;
}
.aboutInfoBox dl{
    border-top:1px solid #000;
    border-bottom:1px solid #000;
    padding:15px;
    display: flex;
    flex-wrap: wrap;
}
.aboutInfoBox dl dt{
    font-weight:normal;
    width:5em;
}
.aboutInfoBox dl dd{
    width:calc(100% - 5em);
}
.aboutInfoBox dl dd span{
    font-size:15px;
    display:block;
}
.aboutInfoBox p{
    font-size:13px;
    text-indent: -5em;
    margin-left: 5em;
}
@media only screen and (max-width: 478px) {
.aboutInfoBox{
    padding:30px 10px 20px;
}
}
@media only screen and (max-width: 378px) {
.aboutInfoBox dl dt{
    width:calc(100%);
}
.aboutInfoBox dl dd{
    width:calc(100%);
}
}

.entryTitle{}
.entryTitle h4{
    max-width:670px;
    width:100%;
    height:48px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size:21px;
    margin: 50px auto 20px;
    font-weight:bold;
    padding:0 0 0 100px;
    position: relative;
}
.entryTitle h4:before{
    content:"";
    display:inline-block;
    width:70px;
    height:35px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    left:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.typeA h4{border:solid 2px #ed5c97; color:#ed5c97;}
.typeA h4:before{background-image:url(images/svg/icon_about01.svg);}
.typeB h4{border:solid 2px #35a6b6; color:#35a6b6;}
.typeB h4:before{background-image:url(images/svg/icon_about02.svg);}

@media only screen and (max-width: 478px) {
.entryTitle h4{
    height: 65px;
    font-size: 18px;
    padding: 10px 0 10px 85px;
}
.entryTitle h4 span{
    font-size:14px;
    display:block;
    width:100%;
    text-align: right;
}
.entryTitle h4:before{
    left:7.5px;
}
}

.entryBox{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color:#f8f8f8;
    max-width:650px;
    margin:0 auto;
    padding: 30px 20px 50px;
}
.entryBox p{
    width:100%;
    font-size:14px;
    text-align:center;
}
.entryBox a{
    color:#fff;
    font-size:16px;
    font-weight:bold;
    width:calc(48%);
    height:43px;
    margin: 5px 1%;
    padding:0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position:relative;
    transition: all 0.2s linear;
    border-radius:5px;
}
.entryBox a:after{
    content:"";
    display:inline-block;
    width:9px;
    height:17px;
    background-image:url(images/svg/item_tryangle_w.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    right:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.entryBox a:hover{
    color:#fff;
    text-decoration:none;
    opacity:0.8;
}
.entryBox a br{
    display:none;
}
@media only screen and (max-width: 678px) {
.entryBox a{
    max-width:100%;
    width:100%;
    margin:2% auto;
}
}
@media only screen and (max-width: 468px) {
.entryBox a{
    height:68px;
}
.entryBox a br{
    display:block;
}
}
.entryBox .excelIcon:before{background-image:url(images/svg/icon_excel.svg);}
.entryBox .pdfIcon:before{background-image:url(images/svg/icon_pdf.svg);}
.entryBox .excelIcon:before,
.entryBox .pdfIcon:before{
    content:"";
    display:inline-block;
    width:24px;
    height:24px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    left:15px;
    position:absolute;
    transition: all 0.2s linear;
}
.typeA a{
    background-color:#ed5c97;
    box-shadow: 0 3px #a9005c;
}
.typeB a{
    background-color:#35a6b6;
    box-shadow: 0 3px #1f373a;
}
.aboutStep{}
.aboutStep dl{
    background-color:#d8e0ea;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height:85px;
    margin:0 auto 50px;
    max-width:670px;
    width:100%;
    position:relative;
}
.aboutStep dl:after{
    content:"";
    display:inline-block;
    width:47px;
    height:20px;
    background-image:url(images/svg/item_tryangle_b.svg);
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    left: 7px;
    bottom: -35px;
    position:absolute;
    transition: all 0.2s linear;
}
.aboutStep dl:last-child::after{
    display:none;
}
.aboutStep dl dt{
    width:210px;
    font-size:25px;
    color:#354aba;
    position:relative;
    text-align:right;
    padding:0 50px 0 0;
}
.aboutStep dl dt span{
    font-size:33px;
    color:#fff;
    position:absolute;
    left:15px;
    top:50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}
.aboutStep dl dd{
    width:calc(100% - 210px);
    margin:0;
    padding:0;
}
@media only screen and (max-width: 678px) {

.aboutStep dl{
    height:auto;
    display:block;
    padding:10px 10px;
}
.aboutStep dl dt{
    margin:0 0 10px;
}
.aboutStep dl dd{
    width:calc(100%);
    padding:0;
}
.aboutStep dl:last-child dt{
    margin:0 0 0px;
}
}