/*すべてのページに適用*/
html{
    font-size:17px;
    font-family:Arial,sans-serif;
    background: linear-gradient(135deg, #002654, #002654);
}
*{
    box-sizing:border-box;
}
body{
    margin: 0 0 0 0;
}
img{
    max-width: 100%;
}

/*ヘッダー*/
header {
    position: relative;
    margin:0;
    width: 100%;
    height: 400px;
}

/*ヒーロー*/
.hero{
    margin:0;
    padding: 135px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    color:#000000;
    text-align:center;
}
.hero.index{
    background-image:url(../image/logo.jpeg);
}
.hero.record{
    background-image: url(../image/record.jpeg);
}
.hero.activity{
    background-image:url(../image/activity.jpeg);
}
.hero.contact{
    background-color: #FFFFFF;
}
/*ナビゲーション*/
.links {
    margin: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}
.links a{
      display: inline-block;
      margin: 10px 20px;
      padding: 25px 60px;
      border-radius: 60%;
      font-size:20px;
      color: #000000;
      text-decoration: none;
      font-weight: bold;
      transition: 0.3s;
    }
.break{
    flex-basis: 100%;
    height: 0;
}
.link1{background-color: #c0fef5;}
.link2{background-color: #c3e7fd;}
.link3{background-color: #f1e1ff;}
.link4{background-color: #b5ccf4;}
.link5{background-color: #cdf5ee;}

.links a:hover {
      background: #002654;
    }
/*メイン-index*/
.greeting,.invite {
      padding: 30px;
      background-color:#FFFFFF;
      margin: 30px;
      border-radius: 15px;
    }
.greeting h2,.invite h2 {
    text-decoration:underline;
    text-align: center;
    color: #0F51A1;
    margin-bottom: 15px;
}
.greeting p,.invite p {
      text-align: center;
      color: #3983D2;
      margin-bottom: 15px;
    }

/*メイン-record,activity*/
.products{
        padding: 40px;
}
.product{
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin-bottom: 40px;
}

.product img{
    width: 230px;
    height: 230px;
    object-fit:cover;
}

.product .text{
    flex: 1;
    padding:40px;
    margin-bottom: 15px;
    background-color:#3972B0;
    color: #FFFFFF;
    text-align: center;
}
.product .text h2{
    text-decoration:underline;
}

/*メイン-contact*/
form{
    font-size: 20px;
    color: #FFFFFF;
    margin:0 auto;
    max-width:640px;
}
input[type="text"],textarea{
    padding:6px;
    width:100%;
    font-size:1.1rem;
}
textarea{
    height:140px;
}
.submit{
    text-align:center;
}
input[type="submit"]{
    border:none;
    padding:20px;
    width:200px;
    background-color: #FFFFFF;
    color: #002654;
    font-size:1rem;
    font-weight: bold;
}

/*フッター*/
.gotop{
    text-align:center;
}
footer {
      text-align: center;
      padding: 20px;
      margin-top: 20px;
      font-size: 0.9em;
      background-color: #b7ebb7;
    }
footer ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display:flex;
    justify-content:center;
    gap:40px;
}
footer ul img{
    border-radius: 5px;
}




/*その他*/