html{
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

body {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

.text
{
    line-height: 150%;
    margin: 1em;
    text-align: justify;
    letter-spacing: .1em;
}

.text2
{
    line-height: 150%;
    margin-left: 1em;
    text-align: justify;
    letter-spacing: .1em;
}

.text3
{
    line-height: 150%;
    text-align: justify;
    letter-spacing: .1em;
}

header.jumbotron {
    min-height: 325px;
    background: url("../img/landscape-panorama.jpg") center 0 no-repeat;
    background-size: cover;
    background-position: 0% 35%;
}

h1.jumbotron-h1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.jumbotron2 {
    min-height: 200px;
    background: url("../img/landscape-flower.jpg") center 0 no-repeat;
    background-size: cover;
    background-position: 0% 50%;
}

@media (max-width: 767px) {
    header.jumbotron {
        height: 410px;
        background: url("../img/landscape-panorama.jpg") center no-repeat;
        background-size: cover;
    }
}

.btn-black {
    border-radius: 4px;
    background-color: #003366;
    color: #fff;
}

.btn-black:hover {
    background-color: #009700;
    color: #000;
}

.table{
    max-width: 97%;
}

@media (max-width: 767px) {
    .table{
        margin-left: 0px;
    }
}

@media (min-width: 768px) {
    .caption{
        width: 150px;
    }
}

/* */
table {
	 border-collapse: collapse;
 }
 
@media (max-width: 767px) {
	table {
		width: 100%;
	}
	th,td {
		display: block;
		text-align: left;
		width: 100%;
	}

}

th, td {
    padding-right: 18px;
    padding-bottom: 10px;
    vertical-align:top;
}

th {
    color: #213b5a;
    /*color: #003366;*/
    width: 180px;
}

#page-top {
    position: fixed;
    bottom: 18px;
    right: 20px;
    /*font-size: 80%;*/
}
 
#page-top a {
    display: block;
    background: #666;
    color: #fff;
    width: 185px;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}
 
#page-top a:hover {
    background: #999;
    text-decoration: none;
}

@media (max-width: 767px) {
    #page-top {
        position: fixed;
        bottom: 8px;
        right: 10px;
        /*font-size: 80%;*/
    }

    #page-top a {
        display: block;
        background: #666;
        color: #fff;
        width: 150px;
        padding: 4px 0;
        text-align: center;
        text-decoration: none;
        border-radius: 6px;
        font-size: 13px;
    }
}

.heading_under1 {
    position: relative;
    padding: .5em .75em;
    /*padding-bottom: .5em;*/
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-bottom: 4px solid #ccc;
    color: #ea7a39; /* オレンジ */
    /*color: #003366;*/  /* 濃いブルー */
}
.heading_under1::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 40%;
    height: 4px;
    background-color: #ea7a39;  /* オレンジ */
    /*background-color: #003366;*/  /* 濃いブルー */
}

.breadcrumb{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -10px;
    /*margin-bottom: 15px;*/

}

.nav-link {
  padding-bottom: 1.15rem;
}

body{
    padding-top: 0px;
}

.heading1 {
    padding: .5em .75em;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    /*background-color: #fdf9f0;*/
    background-color: #f4f4f4;
    border-left: 6px solid #ea7a39;
    font-weight:bold;
    color: #ea7a39; /* オレンジ */
    /*color: #003366;*/  /* 濃いブルー */
}

.heading2 {
  padding: .5em .75em;
  background-color: #f6f6f6;
  border-left: 6px solid #003366;
  color: #003366;
}

/*Small devices (landscape phones, 576px and up)*/
/*@media (min-width: 576px) {
    body{
        padding-top: 0px;
    }

}*/

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    body{
        padding-top: 56px;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
/*@media (max-width: 575.98px) {
    body{
        padding-top: 60px;
    }
}*/

.bg-tec{
    background-color: #003366;
}

.heading3 {
    position: relative;
    padding: 0 .5rem .5rem 3.8rem;
    /*padding: 0 .5rem .5rem 2.3rem;*/
    margin-bottom: 1.2rem;
    /*border-bottom: 0.098rem solid #003366;*/
    /*font-weight: bold;*/
    font-size: 1.45rem;
    color: #ea7a39;
}
.heading3::before,
.heading3::after {
  position: absolute;
  content: '';
  border-radius: 100%
}
.heading3::before {
  top: .2em;
  left: 1.2em;
  /*left: .2em;*/
  z-index: 2;
  width: 18px;
  height: 18px;
  background: #ea7a39;
}
.heading3::after {
  top: .6em;
  left: 1.5em;
  /*left: .6em;*/
  width: 18px;
  height: 18px;
  background: rgba(210, 210, 210, .5);
}

.btn-outline-primary {
    color: #003366;
    border-color: #003366;
}

.btn-outline-primary:hover{
    background-color: #003366;
    border-color: #003366;
}

.ime-on{
    ime-mode: active;
}

.ime-off{
    ime-mode: inactive;
}

.card-header-tec {
    background-color: #003366;
    /*background-color: #0056ac;*/
}

@media (max-width: 767px) {
    .heading_under1{
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .heading3 {
        padding: 0 .5rem .5rem 2.0rem;
        /*padding: 0 .5rem .5rem 3.8rem;*/
    }
    .heading3::before {
      left: 0;
      /*left: 1.2em;*/
    }
    .heading3::after {
      left: 0.3em;
      /*left: 1.5em;*/
    }


}