@charset "utf-8";

		#bento{
			> ul{
				&:nth-of-type(1){
					li{
						text-align: left;
					}
				}
			}
			p{
				margin:20px auto 0 auto;
				text-align: left;
			}
		}
		
		#seido{
			div{
				display:grid;
			grid-template-columns: 1fr 250px;
			gap:20px;
			}
			@media (max-width: 768px) {
				div{
					grid-template-columns: 1fr;
				}
			}
		}

		.about{
			div{
				align-items: start;
				div{
					ul{
						display:flex;
						justify-content: start;
						flex-wrap:wrap;
						gap:.3em 1em;
						li{
							margin:0 0 0 2em;
							list-style:circle;
						}
					}
					p{
						margin:10px auto 0 auto;
						text-align: left;
					}
				}
			}
		}