@charset="utf-8";

html {
  font-size: 100%; 
  height: auto; 
}

body {  font-family: "Yu Gothic";
        color: black;
        background-color: #F2F2E7;            
        background-size: cover;              
	margin: 0     
} 
a{
    color: black;
    text-decoration: none;
}
/*header content begin*/
header{
    height: 66px;
}
.logo{
    max-width: 100%;
    width: 50px;
    border-radius: 10px;
    margin-bottom: -10px;
    margin-right: 10px;
    justify-content: center;
}
#top{
    display: flex;
  width: 100%;
  height: 100px;
  background-color:#d1cfcf; 
  align-items: center;
}


/*header content end*/

#main {
     font-size: 25px;
     color: black;
     text-align: center;
     background: linear-gradient(90deg, rgb(0, 160, 0), rgb(0, 255, 0));
}

ul {
  display: flex;
  gap: 60px;
}


.box {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #dfdfdf;
    border-left: solid 10px #000000;
}

.box p {
    margin: 0; 
    padding: 0;
}

.midashi {
    font-size: 30px;
    font-weight: bold;
}

#side {
    font-size: 30px;
    font-weight: bold;
}

#title {
    padding-left: 10%;
    padding-right: 10%;
}

.kami {
    font-size: 30px;
    font-weight: bold;
}

.yh {
    font-size: 30px;
    font-weight: bold;
}

.migi {
    font-size: 30px;
    font-weight: bold;
}

.hidari {
    font-size: 30px;
    font-weight: bold;
}



/*footer content begin*/
#footer {
　　 font-size: 15px;
     solid; clear: left; text-align:
     center;
     color: black;
     margin-bottom: 0px;
     width: 100%;   
}
/*footer content end*/