@charset "utf-8";

/** header visual **/
.header_visual{ width: 100%;position: relative; }
.header_visual:before{ padding-top: 113.33%;content:"";display: block; }
.header_visual .box{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:none 50% 50% no-repeat;
-webkit-background-size:cover;background-size:cover; }
.header_visual .in_box{ color:#fff;padding: 0 20px 40px;position:absolute;left:0;bottom:0; }
.header_visual .box h2{ font-weight:bold;font-size:24px;line-height:1.25;margin-bottom:10px; }
.header_visual .box p{ font-size:15px;line-height:1.5; }
.header_visual .box p br.pc{display:none;}

.header_img .img_box{position:relative;line-height:1.2;}
.txt_box{top:0;left:0;max-width:640px;padding:10px;position:relative;z-index:1;top:0;}
.txt_box .ttl{font-size:18px;}
.txt_box p{padding:10px 0;font-size:80%;}
.bg_img{position:absolute;left:0;top:0;z-index:-1;width:100%;text-align:center;margin:0;}


.htn_1{padding-top:5px;}
.header_top_navi h2{position:relative;font-size:17px;padding-left:23px;}
.htn_1 h2{color:#004896;}
.htn_2 h2{color:#960032;}
.htn_3 h2{color:#70960f;}
.header_top_navi h2::before{content: "";display: inline-block;width: 14px;height:14px;line-height:1;margin-right: 10px;
background:url("../images/icon_htn.png") no-repeat;background-size:14px 42px; -webkit-background-size:14px 42px;
}
.htn_1 h2::before{background-position:left top;}
.htn_2 h2::before{background-position:left -14px;}
.htn_3 h2::before{background-position:left -28px;}

.header_top_navi {margin: 0 -10px 25px;}
.header_top_navi ul li{/*float:left;*/margin-bottom:10px;}

.nv_abo1 span::before{content:"\f0f2";font-size:20px;left:10px;top:8px;}
.nv_abo2 a span::before{content:"\f1ae";font-size:20px;left:13px;top:8px;}
.nv_abo3 a span::before{content:"\f002";font-size:16px;left:12px;top:9px;}
.nv_abo4 a span::before{content:"\f1ea";font-size:18px;left:9px;top:9.5px;}

.nv_cer1 span::before{content:"\f02e";font-size:18px;left:14px;top:8px;}
.nv_cer2 a span::before{content:"\f19d";font-size:16px;left:11px;top:9px;}
.nv_cer3 a span::before{content:"\f02d";font-size:18px;left:14px;top:8px;}
.nv_cer4 a span::before{content:"\f024";font-size:18px;left:13px;top:8px;}

.nv_edu1 span::before{content:"\f040";font-size:18px;left:11px;top:8px;}
.nv_edu2 a span::before{content:"\f0eb";font-size:18px;left:14px;top:8px;}
.nv_edu3 a span::before{content:"\f02b";font-size:18px;left:12px;top:8px;}
.nv_edu4 a span::before{content:"\f0ac";font-size:18px;left:11px;top:8px;}

.header_top_navi ul{/*margin:31px -12px 0 0;*/margin:15px 0 0;}
.header_top_navi ul li.btn a{/*height:63px;margin-right:12px;*/}
.header_top_navi ul li.btn a span{padding:8px 0px 10px 35px;}
.header_top_navi ul li.btn.db a span{padding:13px 0 13px 30px;}
.header_top_navi .layout_d{padding:15px 10px 10px;}
.header_top_navi .bg_o{background:url("../images/bg_o_sha.jpg") no-repeat center top #faefe3;}




/*トップページ*/
.home{padding:20px 0 30px;}
.home h2{font-size:17px;line-height:1;border-bottom:2px solid #807d7a;padding:0 5px 6px;}
.home .caution{padding:10px 0 5px;font-weight:bold;text-align:center;}

.home_meister {padding:10px 0 20px;}
.home_meister p.text{margin-bottom:10px;}
.home_meister p.e_btn{width:70%;margin-right:auto;margin-left:auto;text-align:center;}

.home_notice,.home_news{margin-bottom:25px;}
.home_notice ul li{font-size:0;padding:15px 5px 13px;}
.home_notice ul li p{font-size:14px;}
.home_notice .notice_set{display:none;}
.home_notice .notice_set .text_set .text{margin-bottom:10px;}
.home_notice .notice_set .text_set .btn{margin-bottom:10px;text-align:center;}
.home_notice .notice_set .text_set .btn span{padding:8px 0 10px;}
.home_notice .notice_set .about_alt{padding:5px 0;text-align:center;}
.home_news ul li{padding:15px 5px;line-height:1;}
.home_news ul li a{color:#004896;}
.home_news ul li .ttl{letter-spacing:0;}
.listbox{cursor:pointer;}

/*.home_notice h3{color:#004896;font-size:15px;padding:15px 0 12px;font-weight:bold;line-height:20px;}*/.home_notice h3{color:#004896;font-size:15px;padding:15px 0 0;font-weight:bold;line-height:20px;}
/*過去のお知らせはこちらボタン*/
.btn_link{margin-top:15px;}
.btn_link.btn a{position:relative;width:175px;float:right;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;
    color:#fcf7f7;font-size:13px;line-height:12px;letter-spacing:0;text-align:center;position:relative;padding:1px;
    box-shadow: 0 2px 3px rgba(157,157,157,0.5); -webkit-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -moz-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -o-box-shadow: 0 2px 3px rgba(157,157,157,0.5);   
}
.btn_link.btn a span{display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;padding:6px 0 7px;}
.btn_link.btn a::after{content:"";position:absolute;top:50%;right:7px;line-height:1;width:5px;height:7px;margin-top:-3.5px;
background:url("../images/btn_arw.png") no-repeat left top;
background-size:5px 7px; -webkit-background-size:5px 7px; -moz-background-size:5px 7px; -o-background-size:5px 7px; -ms-background-size:5px 7px;
}


/* 0302 */


.icon_pdf {
    background-image:url("../images/icon_pdf.png");
    width:23px;
    height:23px;
}
.pdf_link{margin-bottom:10px;background:url("../images/icon_pdf.png") no-repeat left 3px;padding-left:30px;
}

.pdf_link.btnstyle a::after{content:none;}

/*  お役立ち情報追加*/
.home_useful ul{display: flex;flex-wrap: wrap;margin: 10px 0 0;}
.home_useful ul li{-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: none;width: 50%;padding: 10px;
}
.home_useful ul li a{text-decoration: none;display: flex;justify-content: center;align-items: center;font-size: 15px;color: #fff;text-align: center;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b7063b+0,9e0030+100 */
background: -moz-linear-gradient(top,  #1f5da1 0%, #024184 98%,#033871 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1f5da1 0%,#024184 98%,#033871 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1f5da1 0%,#024184 98%,#033871 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-border-radius: 8px;border-radius: 8px;height: 100%;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);box-shadow: 0 2px 4px rgba(0,0,0,0.3);position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;
padding: 10px 10px 8px 5px;
}
.home_useful ul li a::before{content: "";display: block;width: 100%;height: 8px;position: absolute;top: 0;left: 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#628dbd+0,4a7db3+23,2f68a7+50&1+50,0+51,0+100 */
background: -moz-linear-gradient(top,  rgba(98,141,189,1) 0%, rgba(74,125,179,1) 20%, rgba(47,104,167,1) 30%, rgba(47,104,167,0) 40%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(98,141,189,1) 0%,rgba(74,125,179,1) 20%,rgba(47,104,167,1) 30%,rgba(47,104,167,0) 40%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(98,141,189,1) 0%,rgba(74,125,179,1) 20%,rgba(47,104,167,1) 30%,rgba(47,104,167,0) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;
}
.home_useful ul li a::after{
  position:absolute;content:"";width:0;height:0;position:absolute;right: 10px;top: 50%;transform: translateY(-50%);
  border-color:transparent transparent transparent #fff;
  border-width:5px 0px 5px 8px;border-style:solid;
}
.home_useful ul li a:hover{opacity: 0.8;}

@media screen and (max-width:400px) {
    .home_useful ul{display: block;}
    .home_useful ul li{width: 100%;padding: 5px 10px;}
}

/*2024.04　臨時追加エリア*/
.home .Special{margin-bottom: 20px;}
.home .Special h2{border-bottom: none;padding: 0;text-align: center;font-size: 120%;font-weight: bold;}
.Special .LinkBtn{margin: 10px 10px 15px;}
.Special .LinkBtn a{text-decoration: none;background: #4f9e92;color: #fff;font-size: 16px;display: flex;justify-content: center;align-items: center;max-width: 450px;border-radius: 10px;height: 90px;margin: 0 auto;width: 100%;font-weight: bold;}
  .Special .LinkBtn a span::after{content: ">>";margin-left: 10px;}
  .Special .LinkBtn a:hover{opacity: .8;}
.Special div.Article{border: 1px solid #ccc;background: rgba(255, 255, 255, 2);padding: 15px 10px;box-sizing: border-box;}
.Special div.Article h3{text-align: center;font-size: 110%;font-weight: bold;margin-bottom: 10px;}
.Special div.Article p{line-height: 1.75;}