/* style.css */


/*** reset ***/

p,ul,ol,li,dl,dt,dd,span{

}

/*** style ***/
#header{
  background-color:#1389FD;
  vertical-align:middle;
  height:60px;
  margin-bottom:1em;
  box-shadow:0px 3px 3px gray;
}

#header img{
  height:52px;
}

h1{
  font-size:200%;
  line-height:2.2;
  border-bottom:1px dotted black;
}

h2{
  font-size:175%;
  line-height:2.0;
  border:none;
}

h3{
  font-size:150%;
  line-height:2.0;
}

#content_wrapper{
  margin:0 auto;
  z-index:50
}

.contact_explain{
  margin-bottom:2em
}

.form-group label{
  border-bottom:1px dashed silver;
  padding-left:0.2em;
}

#footer{
  padding-bottom:2em;
  z-index:50;
}

#footer h3{
  border-bottom:1px dashed gray

}

.fas, .far{
  color:#1389FD
}

.bold{
  font-weight:bold
}

.red{
  color:red
}

.icon-ping-b::before,
.icon-stamp-b:before{
  content:"　";
  width:1.3em;
  background-repeat:no-repeat;
  background-position:0 50%;
  display:inline-block;
  background-size:contain;
  margin-right:0.2em
}
.icon-ping-b:before{
  background-image:url(../images/mappin-stamp.png);
}

.icon-stamp-b:before{
  width:1.2em;
  background-image:url(../images/mini_stamp.png);
}

.icon-ping-b{}

.icon-ping-b{}

.dropdown-toggle{

}

.navbar-toggler{
  border:1px solid white
}

a#navbarDropdown,
li.nav-item a.nav-link {
  color:white
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(255,255,255,1.0);
}

.bg-w{
  background-color:white
}

.badge-area img{
  vertical-align:middle
}

@media screen and (max-width:1279px){
  #content_wrapper{
    width:100%;
  }
}

@media screen and (max-width:992px){
  .main-img img{
    width:100%
  }
}

@media screen and (max-width:767px){
  
  .guest_menu{
    width:250px;
    padding-right:1em;
    text-align:right;
    background-color:white;
    border-radius:2px;
    box-shadow:1px 2px 2px silver;
    position:relative;
    z-index:6800;
    float:right;
    
  }
  
  
  .dropdown{
    text-align:right;
    
  }
  
  .navbar-nav .dropdown-menu{
    width:250px;
    text-align:right;
    float:right;
    position:absolute
  }
  
  #navbar-dropdown{
    
  }
  
  .dropdown-item{
    width:250px;
    text-align:right
  }
  
  a#navbarDropdown, li.nav-item a.nav-link{
    color:#666
  }
  
  .navbar-light .navbar-nav .nav-link{
    color:#666
  }
  
  
}

@media screen and (max-width:543px){

}

.box{
  margin: 30px;
}

.modal-dialog{
  display: flex;
  align-items: center;
  min-height: 100%;
}

.custom-button { 
  width: 11em;
}