html{
    width:1300px;
    margin:0 auto;
    font-size: 15px;
    font-family: 'Noto Serif JP', serif;
}
nav ul{
    display:flex;
    gap:15px;
    list-style-type: none;
    margin-left: 300px;
    margin-top: 40px;
}
.logo{
    margin-left: 20px;
    margin-top: 10px;
}
.logo:hover{
    opacity:0.6;
}
nav ul li a{
    text-decoration: none;
    color:#B42E2E;
}
nav ul li a:hover{
    opacity:0.6;
}
header{
    display: flex;
    background-color:#F0CD95;
    width:1296px;
}
/* ここからmain */
main{
    width:1296px;
    background-color:#F0CD95;
    margin-top: -20px;
}
h2{
    font-size: 20px;
    margin-left: 30px;
    padding-top: 20px;
    padding-left: 5px;
    border-bottom: 1px  #b43c3c solid;
    padding-bottom: 4px;
    width:1200px;
}
.section1{
    margin-left: 30px;
    width:1100px;
}
h4{
    margin-top: 30px;
    margin-left: 40px;
}
.left{
    width:500px;
}
.left img{
    padding: 20px 40px;
}
.left p{
    margin-top: -10px;
}
.right p{
    margin-top: -10px;
}
.right{
    width:500px;
}
.right img{
    padding: 20px 40px;
}
.section2{
    display:flex;
    padding-top: 40px;
    margin:-50px 120px;
    gap:60px;
    margin-bottom: 10px;
}
.section3{
    display:flex;
    padding-top: 40px;
    margin:-50px 120px;
    gap:60px;
    margin-bottom: 10px;
}
.section4{
    display:flex;
    padding-top: 40px;
    margin:-50px 120px;
    gap:60px;
    margin-bottom: 10px;
    padding-bottom: 90px;
}
h2 span{
    color:black;
}
span{
    color:#B42E2E;
}
/* ここからfooter */
footer{
    background-color:#EB9D97;
    color:white;
    text-align: center;
    height:40px;
    padding-top: 10px;
    width:1296px;
    margin-top: -20px;
}