@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object,  h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body {
    color        : #333;
    font-size    : small;
    font-family  : verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    line-height  : 1.5;

    background-image: url(./images/kabe-tia.gif);
    -webkit-text-size-adjust: none;
}


/* リンク設定
------------------------------------------------------------*/
a{
    color           : #00a0e9;
    text-decoration : none;
}
a:hover{
    color           : #006699;
}
a:active, a:focus {
    outline         : 0;
}
a#rireki.visited {
color:pink !important;
}
#sidebar article ul li a:visited {
/* color: Yellowgreen; */
color: green;
}
#main section article a:visited {
/* 2015/11/27 mod start */
/*color: Yellowgreen;*/
color: #0000cd;
/* 2015/11/27 mod end */
}
/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
background:#fff;
//background:#00ccff;
}

.inner{
margin:0 auto;
width:100%;
}

/* 必須項目の文字カラー設定 */
.font_hissu {
    color : red;
}

.highlight {
	color: red;
	font-weight: bold;
}

.notice-border {
    width: 95%;
    padding: 10px;
    margin: 10px;
}

.notice-border-solid {
    border: 3px solid #000000;
}

/*izumida*/
.box1{
    margin:40px;
    height:100%;
    position: relative;
    background: #FFFFE0;
    padding:40px;
}

.box1:before{
    content: '';
    z-index: 1;
    position: absolute;
    border: 1px dashed #FFA500;
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px;
}

/*U-サポ窓口背景*/
.div_college{
    overflow:hidden;
    padding:10px;
    background: #E6E6FA;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #66ccff;
    border-top: 1px solid #66ccff;
    -moz-box-shadow: 0 1px 3px black;
    -webkit-box-shadow: 0 1px 3px black;
    box-shadow: 0 1px 3px black;
}


.header-type04 {
    color: IndianRed;
    padding-left: 5px;
    border-bottom: 4px double IndianRed;
}

.header-type02 {
    color: MediumVioletRed;
    padding-left: 5px;
    border-bottom: 4px double MediumVioletRed;
}

/*************************************
  手続きの流れCSS
**************************************/
.subtitle01 {
    position     : relative;
    color        : #0a34d2;
    background   : #ffffff;
    font-size    : 10pt ;
    border       : 3px solid #0a34d2;
    margin       : 10px 10px 23px 10px;
    padding      : 10px 5px 10px 5px;
    border-radius: 3px;
}
.subtitle01:after, .subtitle01:before {
    content      : "";
    position     : absolute;
    top          : 100%;
    height       : 0;
    width        : 0;
}
.subtitle01:after {
    left         : 40px;
    border       : 10px solid transparent;
    border-top   : 10px solid #ffffff;
}
.subtitle01:before {
    left         : 37px; 
    border       : 13px solid transparent;
    border-top   : 13px solid #0a34d2;
}

.subtitle-color {
    color        : #58D3F7;
}
.subtitle01 img {
    margin-top   : -10px;
    margin-bottom: -15px;
    margin-left  : -5px;
}
/*************************************
  HP上で情報登録時の画面デザイン(共通)
**************************************/
.text_style{
    margin       : 3px;
}


/*************************************
  ボタンデザイン
**************************************/
.btn_blue {
    float        : left;
    margin       : 0px 9px 0px 0px;
    text-align   : center;
}
.btn_blue a{
    display      : block;
    width        : 102px;
    height       : 30px;
    padding      : 7px 0px 0px 0px;
}
.btn_blue a:link{
    color        : #000033;
    background   : url('./images/btn_blue.gif') no-repeat;
    text-decoration : none;
}
.btn_blue a:visited{
    color        : #000033;
    text-decoration : none;
    background   : url('./images/btn_blue.gif') no-repeat;
}
.btn_blue a:active{
    color        : #000033;
    font-weight  : bold;
    text-decoration : none;
}
.btn_blue a:hover{
    color        : #000033;
    font-weight  : bold;
    text-decoration : none;
}
.btn_blue a:hover, .btn_blue a:active{
    background   : url('./images/btn_blue_on.gif') no-repeat;
}

.btn_blue_long {
    float        : left;
    margin       : 0px 9px 0px 0px;
    text-align   : center;
}
.btn_blue_long a{
    display      : block;
    width        : 210px;
    height       : 30px;
    padding      : 7px 0px 0px 0px;
}
.btn_blue_long a:link{
    color        : #000033;
    background   : url('./images/btn_blue_long.gif') no-repeat;
    text-decoration : none;
}
.btn_blue_long a:visited{
    color        : #000033;
    text-decoration : none;
    background   : url('./images/btn_blue_long.gif') no-repeat;
}
.btn_blue_long a:active{
    color        : #000033;
    font-weight  : bold;
    text-decoration : none;
}
.btn_blue_long a:hover{
    color        : #000033;
    font-weight  : bold;
    text-decoration : none;
}
.btn_blue_long a:hover, .btn_blue a:active{
    background   : url('./images/btn_blue_on_long.gif') no-repeat;
}

.div_waku_bottom {
    border-bottom:#A9A9A9 solid 1px;
}

/*************
/* ヘッダー
*************/
#header{
height:110px;
}

#header h1{
padding:5px 0 10px 10px;
font-size:12px;
font-weight:normal;
}

/*************
/* ロゴ
*************/
.logo{
    float        : left;
}

.logo p{float:left;}

.logo img{
    width        : auto;
    max-width    : 100%;
    float        : left;
    padding      : 0 5px 0 10px;
}

.logo span{
    clear:both;
    display      : block;
    font-size    : 11px ; 
    color        : MidnightBlue !important;
}
/* 2018/01/31 add start */
.logo span span{
    display      : inline;
}
/* 2018/01/31 add end */

/*************
/* 電話番号
*************/
.info{
float:right;
padding-right:20px;
text-align:right;
/* 2015/11/27 add start */
margin-top:-35px;
/* 2015/11/27 add end */
}

.info .open{font-size:1.1em;}


/*************
/* ロゴ+電話番号
*************/
.logo,.info .tel{
    color        : #00a0e9;
    font-size    : 24px;
    font-weight  : bold;
}

.logo span,.info span{
    color        : #333;
    font-size    :.4.5em;
    font-weight  :normal;
}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{
margin:17px auto;
padding:0;
width:100%;
position:relative;
line-height:0;
}

#mainBanner img{
max-width:100%;
height:auto;
border:4px solid #ebebeb;
}

/**************************
/* 分野画像
**************************/
#bunyaBanner{
    margin       : 17px auto;
    padding      : 0;
    //width      : 30%;
    width        : 200px;
    height       : 100%;
    position     : relative;
    line-height  : 0;
    float        : left;
    padding-right:15px;
}

#bunyaBanner img{
    max-width    : 100%;
    height       : auto;
    border       : 4px solid #ebebeb;
}

.slogan_bunya{
    position     : absolute;
    max-width    : 100%;
    width        : 82.5%;
    height       : auto;
    bottom       : 10px;
    left         : 10px;
    padding      : 5px 10px;
    line-height  : 1.4;
    color        : #fff;
    background-color: rgba(0,0,0,0.4);
}

.slogan_bunya h2{
    padding-bottom: 5px;
    font-size    : 20px;
}

.slogan{
position:absolute;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:5px 10px;
line-height:1.4;
color:#fff;
background-color: rgba(0,0,0,0.4);
}

.slogan h2{
padding-bottom:5px;
font-size:20px;
}


/**************************
/* グリッド
**************************/
.gridWrapper{
padding-bottom:20px;
overflow: hidden;
}

* html .gridWrapper{height:1%;}
    
.grid{
float:left;
border-radius:5px;
background:#fff;
}

.box1{
margin:0 5px;
padding:10px;
border:1px solid #FFFACD;
}

.box1 img{
max-width:100%;
height:auto;
border:4px solid #FFFACD;
}

.box1 h3{padding:10px 0 5px;}

.box1 h3, .box1 p{text-align:left;}

.box1 p.readmore{
padding:10px 5px 5px;
text-align:right;
}




/*************
メイン コンテンツ
*************/
section.content article{
padding:20px;
margin-bottom:20px;
border:1px solid #ebebeb;
overflow:hidden;
}

* html section.content article{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading{
font-weight:normal;
padding:0 10px;
line-height:36px;
color:#fff;
background:url(images/heading3.png) repeat-x 0 0;
}

/* 2015/11/27 add start */
h3.volunteer_title{
font-weight:normal;
padding:0 10px;
line-height:26px;
color:#000;
background:url(images/volunteer_title.png) repeat-x 0 0;
text-align:center;
}

/* 2015/11/27 add end */
section.content img{
max-width:90%;
height:auto;
}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 0;
}

.alignright{
float:right;
clear:right;
margin:3px 0 10px 10px;
}

#gallery .grid img,.border{border:4px solid #ebebeb;}



/*************
テーブル
*************/
table.table{
border-collapse:collapse;
margin:5px auto 15px auto;
}

table.table td{
border-collapse:collapse;
background-color:#F9F9F9;
text-align:left;
padding:8px;
border:1px solid #D6D6D6;
line-height:20px;
}

table.table th{
background-color:#F5F5F5;
text-align:right;
padding:8px;
white-space:nowrap;
color: #151515;
border-top:1px solid #D4D4D4;
border-right:4px solid #D4D4D4;
border-bottom:1px solid #D4D4D4;
border-left:1px solid #D4D4D4;
font-size:13px;
font-weight:normal;
letter-spacing:1px;
background-repeat:repeat-x;
background-position:top;
}


/*************
/* サイドバー
*************/
#sidebar ul{
    padding-top    : 10px;
}

#sidebar li{
    margin-bottom  : 10px;
    padding-bottom : 10px;
    list-style     : none;
    border-bottom  : 1px dashed #ebebeb;
}

#sidebar li:last-child{
    border         : 0;
    margin-bottom  : 0px;
}

#sidebar li a{
    display        : block;
}

ul.list li{
    clear          : both;
    margin-bottom  : 5px;
    padding        : 5px 0;
    overflow       : hidden;
}

ul.list li{
    height         : 1%;
}

ul.list li img{
    float          : left;
    margin-right   : 10px;
}

ul.list li{
    font-size      : 12px;
    line-height    : 1.35;
}

/*************
/* フッター
*************/
#footer{
clear:both;
overflow:hidden;
padding:10px 10px 20px 10px;
background:#e8e8e8;
}

* html #footer{height:1%;}

#footer .grid{
padding:10px 0 5px;
margin:0;
background:transparent;
}

#footer #info .logo, #footer #info .info{float:none;}

#footer #info .info{
clear:both;
padding:10px 0 0 15px;
text-align:left;
}

#footer .logo{font-size:18px;}

#footer .info .tel,#footer .info .tel span,#footer #info .open{font-size:11px !important;}

ul.footnav{
float:right;
width:620px;
padding:10px 0;
}

ul.footnav li{
float:left;
margin-bottom:10px;
padding:0 7px 0 8px;
border-right:1px solid #b6b6b6;
}

#footer a{color:#333;}

#footer a:hover{color:#888;}

address{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:12px;
color:#fff;
background:#333;
}


/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
  nav#mainNav{
    padding:0 14px;
    clear:both;
    overflow:hidden;
    position:relative;
    background:url(images/topnavBg.png);
    }

    nav#mainNav ul li{
    float: left;
    position: relative;
    }

    nav#mainNav li.last{border-right:1px solid #ebebeb;}

    nav#mainNav ul li a{
    display: block;
    text-align: center;
    _float:left;
    font-size:13px;
    width:154px;
    height:45px;
    padding-top:15px;
    color:#333;
    background:url(images/topnavSep.png);
    border-left:1px solid #ebebeb;
    }

    nav#mainNav ul li a span,nav#mainNav ul li a strong{
    display:block;
    }

    nav#mainNav ul li a span{
    color:#006699;
    font-size:10px;
    }

    nav div.panel{
    display:block !important;
    float:left;
    }

    a#menu{display:none;}

    nav#mainNav li.active a, nav#mainNav li a:hover{
    color:#fff;
    background-position:0 -60px;
    padding-top:15px;
    }
    
    #mainBanner{margin-left:15px;}
    #subpage #mainBanner{margin:15px auto;}
    
    /*分野画像用*/
    
    #bunyaBanner{margin-left:15px;}
    #bunyaBanner{margin:15px auto;}
    

    #wrapper,.inner{
    width:960px;
    padding:0;
    }
    
    #wrapper{padding-bottom:20px;}
    
    #main{
    float:right;
    width:717px;
    padding-right:15px;
    }
    
    #sidebar{
    float:left;
    width:195px;
    padding:15px 0 0 15px;
    overflow:hidden;
    }
    
    #sidebar article{
    padding:7px;
    margin-bottom:20px;
    border:1px solid #ebebeb;
    overflow:hidden;
    }
    
    #sidebar articleCal{
    padding:7px;
    margin-bottom:20px;
    border:1px solid #ebebeb;
    overflow:hidden;
    }
    
    
    /* グリッド全体 */
    .gridWrapper{
    width:960px;
    margin:0 0 0 -10px;
    }
    
    #gallery article{padding:10px 0 10px 10px;}
    
    /* グリッド */
    .grid{
    float:left;
    width:300px;
    margin-left:20px;
    }
    
    #subpage .grid{width:auto;}
    
  #gallery .grid{
    width:auto;
    margin:10px 0 2px 10px;
    }
    
    /********************************
      HP上で情報登録時の画面デザイン
    *********************************/
    .div_entry{
        background   : #FFFFFF;
        width        : 68%;
        font-size    : 10.5pt;
        float        : left;
        border-left  : #20b2aa solid 4px;
        min-height   : 34px;
        height       : 100%;
        padding-top  : 5px;
        padding-left : 3px;
        word-break   : break-all;
    }
    .div_entry_title{
        background   : #e0ffff;
        //background : -webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#ffffff));
        width        : 200px;
        font-size    : 10.5pt;
        float        : left;
        height       : 100%;
        min-height   : 32px;
        padding-left : 5px;
        padding-top  : 5px;
    }
    .div_waku {
        overflow     : hidden;
        background   : #FFFFFF;
        border-left  : #A9A9A9 solid 1px;
        border-top   : #A9A9A9 solid 1px;
        border-right : #A9A9A9 solid 1px;
        min-height       : 32px;
        height : 100%;
        
    }
    /*デザインの色*/
    .div_entry_im_01{
        height       : 145px!important;
    }
    .div_entry_im_02{
        height       : 120px!important;
    }
    /********************************
      沿革の画面デザイン
    *********************************/
    .div_history{
        background   : #FFFFFF;
        width        : 73%;
        float        : left;
        min-height   : 34px;
        height       : 100%;
        padding-top  : 5px;
        padding-left : 3px;
    }
    
    .div_history_title{
        width        : 150px;
        float        : left;
        height       : 100%;
        min-height   : 32px;
        padding-left : 5px;
        padding-top  : 5px;
    }
    .div_waku_history {
        overflow     : hidden;
        background   : #FFFFFF;
        border-bottom : #A9A9A9 dashed 1px;
        min-height       : 32px;
        height : 100%;
        
    }
    
    /**************************************************
      HP上で情報登録時の画面デザイン(タイトルが長い場合)
    ***************************************************/
    .div_waku_w {
        overflow     : hidden;
        border-left  : #A9A9A9 solid 1px;
        border-top   : #A9A9A9 solid 1px;
        border-right : #A9A9A9 solid 1px;
        //height:30px;
    }
    .div_entry_w{
        background   : #FFFFFF;
        width        : 100%;
        font-size    : 10.5pt;
        float        : left;
        padding-top  : 3px;
    }
    .div_entry_title_w{
        background   : #e0ffff;
        width        : 100%;
        float        : left;
        font-size    : 10.5pt;
        padding-left : 5px;
        padding-top  : 5px;
        border-bottom : #A9A9A9 solid 1px;
    }
    /********************************
      トップロゴサイズ
    *********************************/
    .logo_size{
        height       : 40px;
    }
    /********************************
      テキストサイズ
    *********************************/
    .text_size01{
        width        : 90%;
    }
    .text_size02{
        width        : 50%;
    }
    .text_size03{
        width        : 30%;
    }
}


@media only screen and (max-width:959px){
    *{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    }
    
    nav#mainNav{
    clear:both;
    width:100%;
    margin:0 auto;
    padding:0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
    background: -moz-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
    background: linear-gradient(top, #f7f7f7 0%, #f0f0f0 50%, #f5f5f5 100%);
  border:1px solid #e4e4e4;
    }

    nav#mainNav a.menu{
    width:100%;
    display:block;
    height:40px;
    line-height:40px;
    font-weight: bold;
    text-align:left;
    }

    nav#mainNav a#menu span{padding-left:10px;}
    nav#mainNav > a span:before{content: "→ ";}
    nav#mainNav a.menuOpen span:before{content: "↓ ";}

    nav#mainNav a#menu:hover{cursor:pointer;}

    nav .panel{
    /**display: none;**/
    width:100%;
    position: relative;
    right: 0;
    top:0;
    z-index: 1;
    }

    nav#mainNav ul li{
    float: none;
    clear:both;
    width:100%;
    height:auto;
    line-height:1.2;
    //background:url(images/bg.png);
    }

    nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
    display: block;
    padding:15px 10px;
    text-align:left;
    border-bottom:1px dashed #ccc;
    }
    
    nav#mainNav ul li a span{padding-left:10px;}
    
    nav#mainNav ul li:first-child a{
    border-top:1px solid #e4e4e4;
    }
    
    nav#mainNav ul li:last-child a{border:0;}
    
    nav#mainNav ul li.active a{ color:#006699;}

    nav div.panel{float:none;}
    
    #subpage #mainBanner{max-width:720px;}
    
    /*分野画像用*/
    #bunyaBanner{max-width:720px;}
    
    #sidebar article{padding:7px 8px;}
    
    #footer .grid,#footer ul.footnav{
    float:none;
    width:100%;
    text-align:center;
    }

    ul.footnav li{float:none;display:inline-block;}
    
    .grid{
    width:32%;
    margin:10px 0 0 1%;
    }
    
    #gallery .grid{
    float:left;
    width:31%;
    margin:0 0 0 1%;
    }
    
    #footer .grid img, #footer .info{float:none;}
    #footer .grid p{display:block;}
    #footer #info .info{float:none;text-align:center;}
    
    #footer .logo,#footer .info{
    width:100%;
    float:none;
    }
    
    #footer .logo p{float:none;display:block;}
    #footer .logo img{float:none;padding:0;}
    
    /********************************
      HP上で情報登録時の画面デザイン
    *********************************/
    .div_entry{
        background   : #FFFFFF;
        //background:blue;
        width        : 58%;
        font-size    : 10.5pt;
        float        : left;
        border-left  : #20b2aa solid 4px;
        height       : 100%;
        min-height   : 34px;
        padding-top  : 2px;
    }
    .div_entry_title{
        background   : #e0ffff;
        width        : 40%;
        float        : left;
        font-size    : 10.5pt;
        height       : 100%;
        min-height   : 34px;
        padding-left : 5px;
        padding-top  : 2px;
    }
    .div_waku {
        overflow     : hidden;
        background   : #FFFFFF;
        border-left  : #A9A9A9 solid 1px;
        border-top   : #A9A9A9 solid 1px;
        border-right : #A9A9A9 solid 1px;
        height       : 100%;
        min-height   : 34px;
    }
    /*デザインの色*/
    .div_entry_im_01{
        height       : 145px!important;
    }
    .div_entry_im_02{
        height       : 120px!important;
    }
    /********************************
      沿革の画面デザイン
    *********************************/
    .div_history{
        background   : #FFFFFF;
        width        : 58%;
        font-size    : 10.5pt;
        float        : left;
        height       : 100%;
        min-height   : 34px;
        padding-top  : 2px;
    }
    
    .div_history_title{
        width        : 200px;
        float        : left;
        font-size    : 10.5pt;
        height       : 100%;
        min-height   : 34px;
        padding-left : 5px;
        padding-top  : 2px;
    }
    .div_waku_history {
        overflow     : hidden;
        background   : #FFFFFF;
        border-bottom : #A9A9A9 dashed 1px;
        height       : 100%;
        min-height   : 34px;
    }
    /**************************************************
      HP上で情報登録時の画面デザイン(タイトルが長い場合)
    ***************************************************/
    .div_entry_w{
        background   : #FFFFFF;
        width        : 100%;
        font-size    : 10.5pt;
        float        : left;
        padding-top  : 2px;
    }
    .div_entry_title_w{
        background   : #e0ffff;
        font-size    : 10.5pt;
        width        : 100%;
        float        : left;
        padding-left : 5px;
        padding-top  : 5px;
        border-bottom : #A9A9A9 solid 1px;
    }
    .div_waku_w {
        overflow     : hidden;
        border-left  : #A9A9A9 solid 1px;
        border-top   : #A9A9A9 solid 1px;
        border-right : #A9A9A9 solid 1px;
    }
    /********************************
      トップロゴサイズ
    *********************************/
    .logo_size{
        height       : 40px;
    }
    /********************************
      テキストサイズ
    *********************************/
    .text_size01{
        width        : 90%;
    }
    .text_size02{
        width        : 50%;
    }
    .text_size03{
        width        : 30%;
    }
    
}


/* スマートフォン 横(ランドスケープ) */
/* 2015/11/27 mod start */
/*@media only screen and (max-width:640px){*/
@media only screen and (max-width:750px){
/* 2015/11/27 mod start */
    #header{
    height:auto;
    padding-bottom:20px;
    }
    
    #header h1,.logo,.info{text-align:center;}
    
    .logo,.info{
    clear:both;
    width:100%;
    float:none;
    }
    
    .logo p{float:none;display:block;}
    .logo img{float:none;padding:0;}
    /* 2015/11/27 add start */
    .info{margin-top:0px;}
    /* 2015/11/27 add end */
    
    .box img{
    max-width:180px;
    float:left;
    margin-right:5px;
    }
    
    .box h3{padding-top:0;}

  .alignleft,.alignright{
    float:none;
    display:block;
    margin:0 auto 10px;
    }
    
    #gallery .grid{float:left;}
    
    /*izumida*/
    /********************************
      HP上で情報登録時の画面デザイン
    *********************************/
    .div_entry{
        height       : 100%;
        width        : 100%;
        //float:left;
        border-left  : #20b2aa solid 0px;
    }
    .div_entry_title{
        background   : #e0ffff;
        height       : 100% !important;
        width        : 100%;
        border-bottom: #A9A9A9 solid 1px;
    }
    .div_waku {
        height       : 100%;
    }
    /*デザインの色*/
    .div_entry_im_01{
        height       : 100%!important;
    }
    .div_entry_im_02{
        height       : 100%!important;
    }
    
    /********************************
      沿革の画面デザイン
    *********************************/
    .div_history{
        height       : 100%;
        width        : 100%;
        //float:left;
        border-left  : #20b2aa solid 0px;
    }
    
    .div_history_title{
        background   : #e0ffff;
        height       : 100% !important;
        width        : 100%;
        border-bottom : #A9A9A9 solid 1px;
    }
    .div_waku_history {
        height       : 100%;
        border-bottom : #A9A9A9 solid 0px;
    }
    
    /********************************
      トップロゴサイズ
    *********************************/
    .logo_size{
        /* 2015/11/27 mod start */
        /*height       : 40px;*/
        height       : 28px;
        /* 2015/11/27 mod end */
    }

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:580px){
    .grid{width:100%;}
    .box img{max-width:100px;}
    #mainBanner h2,#mainBanner p{font-size:80%;}
    /*分野画像用*/
    #bunyaBanner h2,#bunyaBanner p{font-size:80%;}
    
    .div_entry_title{
        height       : 100% !important;
    }
    /********************************
      トップロゴサイズ
    *********************************/
    .logo_size{
        height       : 20px;
    }
    /* 2015/11/27 add start */
    .info{margin-top:0px;}
    /* 2015/11/27 add end */
    /********************************
      テキストサイズ
    *********************************/
    .text_size01{
        width        : 90%;
    }
    .text_size02{
        width        : 90%;
    }
    .text_size03{
        width        : 90%;
    }
    
    /* 2018/01/31 add start */
    .logo span span{
        display      : block;
    }
    /* 2018/01/31 add end */
}


/**/
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
    margin: 0px;
    padding: 0px;
}
/********************************
  サブ見出し
*********************************/
#main h4{
    width        : 100%;
    margin       : 0px auto;
    border-bottom: dotted 1pt #CCCCCC;
    border-left  : solid 3pt #6699CC;
    font-size    : 13px;
    padding-left : 10px;
    margin-bottom: 5px;
    line-height  : 1.5;
}

.zisseki {
    padding-left:20px;
}

.tetuduki{
    margin-top:100px;
    background:red;
    height:20px;
}


/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 70px;
}

/* （「ボランティアを募集する」のページ */
body_flow {
    font-family: Arial, sans-serif;
    text-align: center;
}
.flow-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 50px;
}
.flow-box {
    background-color: #5B9BD5;
    color: white;
    padding: 20px;
    border-radius: 10px;
    width: 200px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.flow-arrow {
    font-size: 24px;
    font-weight: bold;
}