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


body {
    background-color: #fff;
}

.container {
  width: 100%;
  max-width: 760px;
}

.bg-dark {
    background-color: #C4E7FF!important;
}


.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 0.7rem; 
}

header {
    margin-bottom: 30px;
}


.jumbotron {
    background-color: #e9ecef;
    border-radius: .5rem;
    padding: 4rem 1rem 2rem;
}

img {
   max-width: 100%;  /* 横幅に合わせて自動縮小するが、拡大はしない */
}

.top-text1{
    /*display     : inline-block;     変形するためのブロック化-h1に掛けるので不要 */
    font-size: 4.6vw;
    line-height : 1.5em;  
    transform: scale(1, 3) translate(0,0em);
}
.top-text2{
    font-size: 8vw;
}
.top-text3{
    font-size: 2vw;
}
.top-text4{
    font-size: 3vw;
    font-weight: 600;
    color: #2F5496;
}
@media (min-width: 576px) {

  .top-text1{
      font-size: 4.8vw;
  }
  .top-text2{
      font-size: 8.5vw;
  }
  .top-text3{
      font-size: 1.8vw;
  }
  .top-text4{
      font-size: 2.5vw;
  }
}
@media (min-width: 768px) {

  .top-text1{
      font-size: 39px;
  }
  .top-text2{
      font-size: 61px;
  }
  .top-text3{
      font-size: 17px;
  }
  .top-text4{
      font-size: 23px;
  }
}

.v-align-m{
    vertical-align:70%;
}

h3,h4 {
}

.inline{
  display: inline-block;
  text-indent: 0em;
}

.top-emphasis{
    background-color: #000080;
    color: #fff;
    padding: 0rem 0.5rem 0rem;
}
.top-emphasis2{
    background-color: yellow;
    color: red;
}

.emphasis{
    font-weight: 600;
    color: #000080;
}
.emphasis2{
    font-weight: 600;
    color: red;
}

p {
    padding-left: 1.5em;
    text-indent: 1em;
}

/*ページ先頭に戻るボタン用*/
#gotop {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  visibility: hidden;
  transition: all 1s;
  opacity: 0;
  padding:0.2rem 1rem;
}


.form-control:focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}


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

　リンク装飾

------------------------------------------------------------------------------------------------------*/
a {
    color: #009544;
    text-decoration: none;
}
a:active {
    color: #017644; 
}
a:hover {
    color: #017644; 
    text-decoration: underline;
}
.navbar-dark .navbar-nav .nav-link{
    color: #fff;
}


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

　ボタン

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


.btn-success {
    background-color: #008000;
    border-color: #008000;
}