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


body {
    background-color: #fff;
}

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

.bg-dark {
}


.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; 
}

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

.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 {
  margin-left: 1.3em;
  text-indent: -1.3em;
}

.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;
}

/*生年月日入力欄用にデザインを調整する*/
.input-group.col-12, .input-group.col-4, .input-group.col-md-3 {
    padding-right: 0px;
    padding-left: 0px;
}
.row-padding {
    padding-right: 15px;
    padding-left: 15px;
}


/*ページ先頭に戻るボタン用*/
#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, 117, 180, 0.5);
}

textarea#body {
    height: 10em;
}


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

　custom-controlの色

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

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #004892;
  background-color: #004892;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(72, 117, 180, 0.5);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #ff6464; /*赤*/
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #c8dcff;
  border-color: #c8dcff;
}

.custom-control-input[disabled] ~ .custom-control-label {
  color: #6c757d; /*グレー*/
}

.custom-control-input[disabled] ~ .custom-control-label::before {
  background-color: #c8dcf0;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #008000;
  background-color: #008000;
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(50, 160, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(50, 160, 255, 0.5);
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(50, 160, 255, 0.5);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(50, 160, 255, 0.5);
}

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

　テーブル

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

.table {
  background: #fff;
}
.table-bordered td, .table-bordered th {
  border: 2px solid #004892; 
}

.table td, .table th {
  border-top: 2px solid #004892;
}

.confirm_table table caption{
  padding: .75rem;
  caption-side: top;
  font-weight: 600;
  color: #fff;
  background: #004892; /* 背景色 */
}

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

　リンク装飾

------------------------------------------------------------------------------------------------------*/
a {
    color: #004892;
    text-decoration: none;
}
a:active {
    color: #0060bf; 
}
a:hover {
    color: #0060bf; 
    text-decoration: underline;
}
.navbar-dark .navbar-nav .nav-link{
}
/*------------------------------------------------------------------------------------------------------

　テキスト装飾

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

/* 必須用※赤 */
.kome {
    color: #FF0004;
    font-size: 1.2em;
    font-weight: bold;
}

p.error, span.error {
    color: red;
    font-size: 1em;
}


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

　ボタン

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


.btn-primary {
    background-color: #004892;
    border-color: #004892;
}