/* CSS Document */
@charset "utf-8";

/*==================================
    top page
==================================*/
#main{
}
    #main ul.bxslider{
    }
        #main ul.bxslider li{
            background-size: cover;
            background-position: 50% 50%;
            width: 100%;
        }
        #main ul.bxslider li a{
            color: #FFF;
        }
        #main ul.bxslider li a,
        #main ul.bxslider li img{
            display: block;
            width: auto;
        }
        #main ul.bxslider li img{
            margin: 50px auto;
            display: block;
            max-width: 1000px;
            width: 100%;
        }
        #main ul.bxslider li:nth-child(1){
            background-image: url(../img/main_bg01.png);
        }
            #main ul.bxslider li:nth-child(1) img{
            }
            #main ul.bxslider li a{
                display: block;
            }

/*==================================
    Main slider
==================================*/


#localSec01{
    background-image: url(../img/img01.jpg);
    background-position: 50% 50%;
    background-size:cover;
    background-repeat: no-repeat;
}
    #localSec01 #wrap{
        padding: 50px 2% 40px;
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
        background-color: rgba(255,255,255,0.8);
    }
        #localSec01 #wrap h3{
            margin-bottom: 20px;
            font-size: 30px;
            text-align: center;
        }
        #localSec01 #wrap p{
            width: 100%;
        }
        
#localSec02{
    background-image: url(../img/img06.jpg);
    background-repeat: no-repeat;
    background-size:cover;
}
    #localSec02 #wrap{
        padding: 50px 0;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:         flex-start;
        background-color: rgba(255,255,255,0.8);
    }
    
        #localSec02 #wrap #inner{
            padding: 0 2%;
            box-sizing: border-box;
            margin: 0 auto;
            width: 100%;
        }
            #localSec02 #wrap #inner ul{
                margin: 0 auto;
                width: 100%;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: space-around; /* Safari */
                justify-content:    space-around;
            }
                #localSec02 #wrap #inner ul li{
                    margin: 0 auto 30px;
                    width: 80%;
                }
                    #localSec02 #wrap #inner ul li h4{
                        margin-bottom: 20px;
                        box-sizing: border-box;
                        width: 100%;
                        display: block;
                        display:-ms-flexbox;/*--- IE10 ---*/
                        display:-webkit-flex;/*--- safari（PC）用 ---*/
                        display:flex;
                        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                        flex-wrap:wrap;
                        -webkit-justify-content: flex-start; /* Safari */
                        justify-content:         flex-start;
                    }
                    #localSec02 #wrap #inner ul li img{
                        width: 100%;
                        display: block;
                    }
                        #localSec02 #wrap #inner ul li h4 span.num{
                            padding: 15px 0;
                            box-sizing: border-box;
                            width: 45px;
                            height: 45px;
                            border-radius: 100%;
                            font-size: 15px;
                            line-height: 1;
                            color: #FFF;
                            background-color: #EAA73C;
                            display: block;
                            text-align: center;
                        }
                        #localSec02 #wrap #inner ul li h4 span.text{
                            margin-left: 20px;
                            padding: 13px 0;
                            box-sizing: border-box;
                            height: 45px;
                            border-radius: 100%;
                            font-size: 20px;
                            line-height: 1;
                            display: block;
                        }
    
    

#localSec03{
    background-image: url(../img/img05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
    #localSec03 #wrap{
        border-top: 20px solid #333;
        border-bottom: 20px solid #333;
        padding: 50px 0;
        display:-ms-flexbox;/*--- IE10 ---*/
        display:-webkit-flex;/*--- safari（PC）用 ---*/
        display:flex;
        -ms-flex-wrap:wrap;/*--- IE10用 ---*/
        -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
        flex-wrap:wrap;
        -webkit-justify-content: flex-start; /* Safari */
        justify-content:         flex-start;
        background-color: rgba(33,135,199,0.9);
    }
        #localSec03 h3{
            margin-bottom: 50px;
            font-size: 30px;
            color: #FFF;
            text-align: center;
            line-height: 100%;
        }
        #localSec03 #inner{
            padding: 0 2%;
            box-sizing: border-box;
            margin: 0 auto;
            width: 100%;
            display:-ms-flexbox;/*--- IE10 ---*/
            display:-webkit-flex;/*--- safari（PC）用 ---*/
            display:flex;
            -ms-flex-wrap:wrap;/*--- IE10用 ---*/
            -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
            flex-wrap:wrap;
            -webkit-justify-content: space-around; /* Safari */
            justify-content:    space-around;
            color: #FFF;
        }
        #localSec03 #inner #left{
            margin-bottom: 30px;
            width: 100%;
        }
            #localSec03 #inner #left h4{
                padding-bottom: 10px;
                margin-bottom: 20px;
                width: 100%;
                font-size: 22px;
                border-bottom: 2px solid #FFF;
                text-align: center;
            }
            #localSec03 #inner #left #text{
                width: 100%;
                display:-ms-flexbox;/*--- IE10 ---*/
                display:-webkit-flex;/*--- safari（PC）用 ---*/
                display:flex;
                -ms-flex-wrap:wrap;/*--- IE10用 ---*/
                -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
                flex-wrap:wrap;
                -webkit-justify-content: space-around; /* Safari */
                justify-content:    space-around;
            }
                #localSec03 #inner #left #text img{
                    width: 30%;
                    display: block;
                }
                #localSec03 #inner #left #text p{
                    width: 65%;
                    display: block;
                }
        #localSec03 #inner #right{
            width: 100%;
        }
            #localSec03 #inner #right h4{
                padding-bottom: 10px;
                margin-bottom: 20px;
                font-size: 22px;
                border-bottom: 2px solid #FFF;
                text-align: center;
            }
            #localSec03 #inner #right p{
                margin-bottom: 40px;
            }