/* base design */
html{
    scroll-behavior: smooth;
}
body{
    font-family: serif !important;
    /* font-family: 'M PLUS Rounded 1c', sans-serif !important; */
}

body h1,body h2,body h3,body h4,body h5,body h6{
    font-weight: 600;
    color: #5b666c;
}

img {
    width: 250px;
    height: 250px;
    object-fit: cover; /* この一行を追加するだけ！ */
  }

h2 {
    position: relative;
    padding: 0.25em 0;
}
h2:after {
    content: "";
    display: block;
    height: 4px;
    background: -webkit-linear-gradient(to right, rgb(87, 155, 178), #5769bc);
    background: linear-gradient(to right, rgb(87, 155, 178), #c4c9e2);
}

.privacy h2:after{
    background: none;
}

.container h2{
    font-size: 1.6rem;
}

.container h3{
    font-size: 1.4rem;
}

.container h3, #about h4{
    color: #579bbc;
}

.container h4{
    font-size: 1.2rem;
}

/* header */
header.navbar{
    padding: 0.3rem 1rem;
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
button.navbar-toggler{
    background-color: #579bbc;
}

a.navbar-brand{
    padding-top: 0;
}

.navbar-expand-lg .navbar-nav .nav-link{
    color: #5b666c;
    font-weight: 600;
}

/* Top Content */
div.jumbotron{
    margin-bottom: 0;
}

.jumbotron {
    background-image: url("img/bg.jpg");
    background-size: cover;
    background-position: center 0;
    min-height: 480px;
}

.jumbotron h1{
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 0.5rem;
    color: #5769bc;
    line-height: 4rem;
    text-shadow:
        1px 1px 1px #fff,
        1px -1px 1px #fff,
        -1px 1px 1px #fff,
        -1px -1px 1px #fff,
        0 0 22px #fff;
    margin-left: 2rem;
}

.jumbotron p{
    color: #202020;
    text-shadow:
        1px 1px 1px #fff,
        1px -1px 1px #fff,
        -1px 1px 1px #fff,
        -1px -1px 1px #fff,
        0 0 22px #fff;
}

/* About */
table th{
    width: 140px;
}

.btn-flat-simple {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1.0em 2.0em;
    text-decoration: none;
    color: #579bbc;
    background: #ECECEC;
    transition: .4s;
  }
  
  .btn-flat-simple:hover {
    background: #579bbc;
    color: #ECECEC;
  }

/* Contact */
iframe.iframe{
    height: 790px;
}

/* Privacy */
.privacy h3{
    font-size: 1.3rem;
}

.privacy p{
    font-size: 1rem;
}

/* footer */
footer.footer{
    /* border-top: solid 5px #579bbc; */
    background: repeating-linear-gradient(45deg, #579bbc,#579bbc 5px, white 5px, white 10px);
    height: 5px;
}

.copyright{
    letter-spacing: 0;
    font-size: 0.75rem;
}

@media screen and (max-width: 1024px){
    .jumbotron h1{
        margin-left: 0;
    }
}

@media screen and (max-width: 420px){
    .jumbotron h1{
        font-size: 1.8rem;
    }
}

@media screen and (max-width: 380px){
    .jumbotron h1{
        font-size: 1.5rem;
        letter-spacing: 0.25rem;
        line-height: 3rem;
    }

    a.navbar-brand{
        width: 70%;
    }
}