@charset "utf-8";

/*==========================================================================*/
/*                                   body                                   */
/*==========================================================================*/
body{
    font-size:13px;
    overflow-x: hidden;
}

/*==========================================================================*/
/*                                link mouseover                            */
/*==========================================================================*/
.opacity {
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}

/*==========================================================================*/
/*                                  container                               */
/*==========================================================================*/
#container {
	width: 100%;
    min-width: inherit;
}

/*==========================================================================*/
/*                                   pagetop                                */
/*==========================================================================*/
.page_top {
	width: 80px;
    height: auto;
}

/*==========================================================================*/
/*                                    header                                */
/*==========================================================================*/
header {
	width: 92%; 
    margin: 0 4%;
}
#header-in{
    width: 100%; 
}
#logo{
    width: 40%;
    margin:45px 0 50px;
}
#logo img{
	width: 100%;
    max-width: 243px;
}
#submenu{
    width: auto;
}
#submenu a{
    font-size: 14px;
}
#sub_adress{
    font-size: 12px;
}
@media screen and (max-width: 1020px) {
    #submenu a{
        font-size: 12px;
    }
}

/*==========================================================================*/
/*                                    nav                                   */
/*==========================================================================*/

#slideMenu > .slideMenuInner li {
    padding: 5px 0 0px ;
}
#slideMenu > .slideMenuInner > li a {
    font-size: 15px;
    height:27px;
}
#slideMenu > .slideMenuInner > li:hover > ul.second-level {
    top: 25px;
}
#slideMenu > .slideMenuInner > li:hover > ul.second-level > li > a {
    font-size: 13px;
}
@media screen and (max-width: 1020px) {
    #slideMenu > .slideMenuInner li {
        padding: 0 0 0px ;
    }
    #slideMenu > .slideMenuInner > li a {
        height:25px;
        font-size: 13px;
    }
    #slideMenu > .slideMenuInner > li:hover > ul.second-level {
        top: 20px;
    }
    #slideMenu > .slideMenuInner > li:hover > ul.second-level > li {
        height: 30px;
    }
    #slideMenu > .slideMenuInner > li:hover > ul.second-level > li > a {
        font-size: 10px;
        line-height: 30px;
        height:30px;
    }   
}
#gNavi{ display:block!important;}

/*==========================================================================*/
/*                                  contents                                */
/*==========================================================================*/
#contents {
    margin:0;
    padding: 0;
}

/*==========================================================================*/
/*                                    main                                  */
/*==========================================================================*/
#main{
    width: 100%;
}
div.in01{                                                         /* main内 */
    width: 92%;
    padding:  0px 4% 2% ;
}
div.in02{                                                         /* main内 */
    width: 100%;
    padding: 10px 4% 4%;
}
.in_in02{
    width: 100%;
}
#main h2{
    height: 120px;
}
#main h2 img{
    width: 55%;
    max-width:400px;
    height:auto;   
}
#main h3{
	height:180px;
}
#main h3 img{
    width: 55%;
    max-width:400px; 
}
#main h4 {
	height:210px;
}
#main h6{
	line-height:24px;
}
#main div.ba_page{　　　　　　　　　　　　　　　　　　　　　　　　　　　/* banner */
    padding: 0;
    width: 48%;
    height: auto;
}
#main div.ba_page_r{
    padding: 0;
    width: 48%;
    height: auto;
}
#main div.ba_page img,#main div.ba_page_r img,#main div.ba_page_01 img,#main div.ba_page_02 img,#main div.ba_page_03 img{
    width: 100%;
    height: auto;
}
.pageimage_w{
    width: 70%;
    top:43%;
}

/*==========================================================================*/
/*                                bread crumb                               */
/*==========================================================================*/
#b-crumb .bc-Box{
    width:92%;
    padding: 0 4%;
}

/*==========================================================================*/
/*                                    footer                                */
/*==========================================================================*/
footer div#f-in{
    width: 92%;
    margin: 0px auto 0;
    padding: 0 4%;
}
.f_nav{
    padding: 4% 0 0;
}
.f_nav span a{
    font-size: 13px;
}
footer ul li a{
    font-size: 12px;
}
.logo_foot{
    width: 20%;
    max-width: 164px;
}
.logo_foot img{

}
footer div.fad{
    font-size: 12px;
}
@media screen and (max-width: 900px) {
    .f_nav span a{
        font-size: 12px;
        padding: 3px 0 3px 14px;
    }
    footer ul li a{
        font-size: 11px;
    }
}
/*==========================================================================*/
/*                                    other                                 */
/*==========================================================================*/
#main dl{
    width: 100%:
}
#main ul li.star{
    background-position: 4px left;
    background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    -ms-background-size: 15px 15px;
    padding: 0 0 0 20px;
    line-height: 23px;
}

/*==========================================================================*/
/*                                    index                                 */
/*==========================================================================*/
#mainimage{
    width: 96%;
    padding: 13% 0 0;
    background-image:url(../images/slide_bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 94% auto;
    -webkit-background-size: 94% auto;
    -moz-background-size: 94% auto;
    -o-background-size: 94% af
}
@media screen and (max-width: 850px) {
    #mainimage{

    }
}
#mid2{
    width: 100%;  
    margin: 0 auto;
    padding: 0;
    position: relative;
}
img.img_dot2{
    position: absolute;
    right: 5px;
    bottom: 20px;
}
#slider .bx-wrapper .bx-prev{
	left:-25px;
    background-size: 44px auto;
    -webkit-background-size: 44px auto;
    -moz-background-size: 44px auto;
    -o-background-size: 44px auto;
    -ms-background-size: 44px auto;
}
#slider .bx-wrapper .bx-next{
	right:-25px;
    background-size: 44px auto;
    -webkit-background-size: 44px auto;
    -moz-background-size: 44px auto;
    -o-background-size: 44px auto;
    -ms-background-size: 44px auto;
}
.topwl{
    padding: 20px 0% 2% ;
    width: 100%;
    float: left;
}
.topimage01{
    padding: 0 4% 0 0;
    width: 30%;
    min-width: 260px;
    max-width: 486px;
    height: auto;
    position: absolute;
    right: 0;
    top:0;
}
.topimage02{
    float: none;
    margin:0 auto 0;
    padding: 0 0 0;
    width: auto;
    max-width: 547px;
    height: auto;
}
.topimage03{
    display: none;
}
img.bh4_dot{
    left: 15px;
    top: -10px;
}
#map{
    height: 400px;
}

/*==========================================================================*/
/*                                 education                                */
/*==========================================================================*/
@media screen and (max-width: 1020px) {
    .edul{
        padding: 0;
        width: 100%;
        float: none;
    }
    .edulimage01{
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .ps_l{
        width: 35%;
    }
    .ps_r{
        width: 65%;
        padding: 2% 0;
    }
}
img.gra{
    width:230px;
    padding: 2% 0 0;
}

/*==========================================================================*/
/*                              everyday.html                               */
/*==========================================================================*/
@media screen and (max-width: 1020px) {
    .day_Box span.day_w{
        font-size: 0.95em;
    }
}
.ev_Box{
        margin: 25px 0;
        padding: 25px 30px;
}
.ev_l img{
    width: 31%;
}
#main .ev_l ul{
    display: block;
    margin: -20px 0 0;
}
@media screen and (max-width: 1020px) {
    .ev_Box{
        margin: 25px 0;
        padding: 25px 20px;
    }
    .ev_l{
        width: 37%;
    }
    .ev_l img{
        width: 26%;
    }

    .ev_r{
        width: 63%; 
        margin: 10px 0 0;
    }
    #main .ev_l ul span{
        font-size: 0.8em;
    }
}

/*==========================================================================*/
/*                               info,letter                                */
/*==========================================================================*/