/* CSS Document */

*{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.2rem;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div#body.row {
  margin-left: 0;
  margin-right: 0;
}

.carousel-control-prev,
.carousel-control-next {
    background-color: rgba(252,252,252,0.27);
	

}
header{
    height: 130px;
    padding-bottom: 6px;
	}
.in {
    padding-left: .8rem;
    text-indent: -.8rem;
}
.bg-yellow {
    background-color: rgba(247,234,152,1.00);
}
.zai {
    background-color: rgba(248,253,243,1.00);
}

.mb-6 {
    margin-bottom: 80px;
}




.navbar{
    z-index: 1000;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*ナビバーの背景色*/
.navbar-back {
    background-color: rgba(0,41,103,1.00);
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

/*ナビバーの文字色*/
.navbar .nav-link {
    color: #FFFFFF;
    font-size: 1em;
    margin-right: 1em;
}

/*ナビバーのhover color*/
.navbar .nav-link:hover {
    color: #B3D3FF;
}

/*タブのactiveな時の背景*/
.nav-tabs .nav-link.active{
    color: #fff!important;
    background-color: #1F8BFC!important;
}
.display-4 {
    background-repeat: no-repeat;
    background-position: center bottom;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: rgba(255,255,255,1.00);
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	}
.wideslider {
    z-index: 20;
}
.card {
    padding-top: 15px;
}
.card-text {
    margin-bottom: 32px;
}




.lead {
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: left;
}
.btn {
    
}
.font-weight-bold {
    color: #FFFFFF;
}

.btn a:hover {
    border: 2px solid #547854;
}


.bg-green {
    background-color: rgba(246,238,215,1.00);
}
.bg-wh {
    margin-right: 10px;
    background-color: rgba(255,255,255,1.00);
    width: 98%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;

}
.btn-primary2 {
    padding-left: 15px;
    padding-right: 15px;
    width: 125px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.btn-primary {
    padding-left: 15px;
    padding-right: 15px;
    width: 125px;
}
.btn-success{
	  padding-left: 15px;
    padding-right: 15px;
    width: 150px;
    margin-bottom: 20px;
}

.news {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 35px;
}



table tr {
    padding-top: 5px;
    padding-bottom: 5px;
}
.thead-light {
    background-color: rgba(225,232,235,1.00);
  width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}
.thead-green {
    background-color: rgba(208,237,244,1.00);
   width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}
.f-18 {
    font-size: 1.8rem;
    font-weight: bold;
    color: rgba(255,255,255,1.00);
    cursor: default;
}
.btn-info {
    border: 2px solid rgba(255,255,255,1.00);
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 1.3rem;
}

.btn-info:first-child {
    padding-bottom: 0px;
    margin-top: 6px;
}
h2 {
    background-repeat: no-repeat;
    background-position: center bottom;
}
.btn-outline-primary {
    width: 100%;
}

/*見出し帯の背景色*/
.btn-block {
    color: rgba(255,255,255,1.00);
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(0,41,103,1.00);
}


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

/*-----footer-----*/

.footer-back {
    background-color: rgba(0,41,103,1.00);
    padding-top: 25px;
    padding-bottom: 30px;
 
}
.row .col-12.col-sm-6.btn-block.btn-info.face a {
}
.face {
    background-color: rgba(95,138,255,1.00);
    background-image: url(../img/face.png);
    background-repeat: no-repeat;
    background-position: 41px center;
}

.insta{
    background-image: url(../img/insta.png);
    background-repeat: no-repeat;
    background-position: 41px center;
}

.blog{
    background-color: rgba(135,214,252,1.00);
}

/*--------------------------------------*/

.ma-10 {
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

.ma-20 {
    margin-bottom: 20px;
}
.ma-50 {
    margin-bottom: 50px;
}
.ma-r-20 {
    margin-right: 20px;
}
.ma-t-10 {
 
    padding-right: 10px;
}
.gyo {
    line-height: 1.7rem;
}
.container .foot-box{
    height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.container .foot-box a {
    color: #FFFFFF;
    padding-right: 0px;
    padding-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.container .foot-box img{
	margin-left:10px;
	margin-bottom: 5px;
	
}
.bg-wh {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.card-body ul .housin {
    text-align: left;
    padding-left: 2.2rem;
    text-indent: -2.2rem;
    font-size: 1.4rem;
    margin-bottom: 11px;
    line-height: 1.7rem;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
.osirase {
    margin-left: 140px;
}
.osirase2 {
    margin-left: 2rem;
}
.osirase dd {
    margin-left: 77px;
    margin-top: -16px;
    margin-bottom: 5px;
}
.osirase2 dd {
    margin-left: 85px;
    margin-top: -16px;
    margin-bottom: 1rem;
	border-bottom:dashed 1px #C5C5C5;
	padding-bottom: 1rem;
}
.primary {
    color: #0042B0;
    font-weight: bold;
}
.text-danger.text-right a {
    color: #F80B0B;
}
.row.news2 {
    max-width: 1000px;
}

table{
	border-collapse: collapse;
	width:100%;
	border :1px solid #666;
}
tbody td{
    border : 1px solid #666;
    text-align: center;
    padding: 10px;
    
}





/*-------------------------タブレット---------------*/



@media (max-width:767px)
{
	
.container,.container-fluid{
	overflow: hidden;
}
header {
    height: 180px;
    background-color: #FFFFFF;
}
.s-m {

}


	
.btn-info {
    border: 2px solid rgba(255,255,255,1.00);
    padding-top: 10px;
    padding-bottom: 10px;
}
.btn-info {
    border: 2px solid rgba(255,255,255,1.00);
    padding-top: 10px;
    padding-bottom: 10px;
}
	.sticky{
    height: 102px;
    margin-bottom: 12px;
	}
.aa {
    margin-bottom: 15px;
}

.side-navi {

}




.navbar {
    height: 58px;
}

.navbar-toggler   {
    color: rgba(255,255,255,1.00);
    background-color: rgba(255,255,255,1.00);
    float: right;
}
.side-navi .navi ul {
    text-align: left;
    margin-left: 2rem;
}
.map-s {
    visibility: visible;
}
.map {
    visibility: hidden;
    display: none;
}

.me-b {
    margin-right: 28px;
    height: 28px;
}
    
/*---------    
.wideslider {
    display: none;
    visibility: hidden;
}
--------*/
.wideslider  {
    max-height: 300px;

    margin-bottom:0px;
}
.wideslider ul li .d-block {
    width: 55%;

}

.s-aisatu { 
	display: none;
	visibility: hidden;
}


.pc { display: none !important; 
	 visibility: hidden; 
    
	}
 
    
.sp { display: block !important; 
    
    }
.lead {
    font-size: 1.2rem;
    line-height: 1.5;
}
.bg-wh .osirase {
    margin-left: 0px;
    margin-top: 44px;
}

.bg-wh .osirase2 {
    margin-left: 0px;
    margin-top: 68px;
}


}

@media (min-width:576px) and (max-width:768px){
    
    .navbar{
        margin-top:100px;
    }    
	
header{
    height: 90px;
    padding-bottom: 6px;
	}	
.bg-wh .osirase {
    margin-left: 0px;
    margin-top: 44px;
}
.bg-wh .osirase {
    margin-left: 0px;
    margin-top: 44px;
}
	.navbar .nav-link {
    color: #ffffff;
    font-size: .8em;
    margin-right: 1em;
	
}
	.primary {
    color: #0042B0;
    font-weight: bold;
        font-size:1rem;
}
    .logo{
        padding-top:0px;
    }
  .me {
    color: #FFFFFF;
    font-size: 1.5rem;
    padding-top: 0px;
    padding-left: .8rem;
    
}  
}

@media (min-width:768px) and (max-width:992px){
	.navbar .nav-link {
    color: #ffffff;
    font-size: 1em;
    margin-right: 1em;
	
}






}

@media (min-width:576px){
.map-s {
    display: none;
    visibility: hidden;
}

}

@media (max-width:767px){
.container-fluid.sticky {
    height: 150px;
}



}

.ne {height: 40px;
	
}

@media (min-width:1200px){
}

@media (max-width:575px){
    .wideslider ul li .d-block {
    width: 40%;
        height:40%

}
    .me {
    color: #FFFFFF;
    font-size: 1.5rem;
    padding-top: 3px;
    padding-left: .8rem;
    
}
    header{
        margin-bottom:50px;
    }
}