@charset "utf-8";

:root{
}

#rinen{
  > div{
    display:grid;
    grid-template-columns: 5fr 2fr;
    gap:30px;
    
    p{
    text-align: left;
  }
  }
  @media (max-width: 800px) {
    > div{
      display:block;
      figure{
        display:none;
      }
    }
  }
}

#kihon{
  > div{
    display:grid;
    grid-template-columns:2fr 5fr;
    gap:30px;
    figure{
      aspect-ratio: 2 / 3;
      overflow: hidden;
      position:relative;
      img {
		    min-width:100%;
		    min-height:100%;
		    object-fit: cover;
		    position: absolute;
		    top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
	    }
    }
    ul{
      > * + *{
        margin-top:.5em;
      }
      li{
        text-align: left;
        margin-left:2em;
        list-style:disc;
      }
    }
  }
  @media (max-width: 800px) {
    > div{
      display:block;
      figure{
        aspect-ratio:3 / 1 ;
      }
      ul{
        margin:20px auto 0 auto;
      }
    }
  }
}

	#prf{
		dl{
      border-bottom:1px solid #eee;
			div{
				display:grid;
				grid-template-columns: 10em 1fr;
        border-top:1px solid #eee;
        padding:1.3em 10px;
        align-items: center;
        dt{}
        dd{
          text-align: left;
        }
			}
		}
    @media (max-width: 800px) {
      dl{
        div{
          display:block;
          text-align: left;
          dt{
            font-weight: 400;
          }
        }
      }
    }
	}

#enkaku{
  dl{
    div{
      display:flex;
      justify-content: start;
      gap:1em;
      padding:1em 0;
    }
  }
  @media (max-width: 800px) {
    dl{
      div{
        display:block;
        text-align: left;
        dt{
          font-weight: 400;
        }
      }
    }
  }
}