
main {
    font-family: 'Noto sans JP', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #fff;
    max-width: 900px;
    margin: 0 auto;
    ;
  }

  .section {
    margin: 30px 10px;
    padding: 20px 30px;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
  }

  .section1, .section6 {
    background-color: #ffffff;
    color: #222;
  }



  .section2 {
    background-color: #ffd4d4; /* パステルピンク */
  }

  .section2 h2{
    border-bottom: 3px dashed  #850000;
    color: #850000;
  }

  .section3 {
    background-color: #d4fff4; /* パステルグリーン */
  }

  .section3 h2{
    border-bottom: 3px dashed  #850000;
    color: #850000;
  }
  .section3 h3{
    margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 0.9rem;
	color: #666666;
  }
  .section3 img{
    vertical-align: bottom;
    line-height: 1.0em;
  }


  .section4 {
    background-color: #d4d4ff; /* パステルブルー */
  }

  .section4 h2{
    border-bottom: 3px dashed  #8600AF;
    color: #8600AF;
  }
  .section4 h3{
    margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 0.9rem;
	color: #666666;
  }
  .section4 img{
    margin-bottom: 0px;
	padding-bottom: 0px;	
  }

  .section5 {
    background-color: #fff2cc; /* パステルイエロー */
  }
  .section5 h2{
    border-bottom: 3px dashed  #850000;
    color: #850000;
  }
  .section5 h3{
    margin-bottom: 0px;
	padding-bottom: 0px;
	font-size: 0.9rem;
	color: #666666;
  }
  .section5 img{
    margin-bottom: 0px;
	padding-bottom: 0px;	
  }

  h2 {
    color: #333333;
    text-align: center;
    font-size: 26px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }

  p {
    color: #666666;
    font-size: 20px;
  }

  img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0px;
  }

  @media screen and (min-width:900px){
  .top-img {
    border-top: dotted #0088FF;
    border-bottom: dotted #0088FF;
    margin: 0 auto;
    background: #00D6FF;
  }
  .top-img img{
    width: 75%;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
}
  @media screen and (max-width:900px){
    h2 {
    color: #333333;
    text-align: center;
    font-size: 20px;
  }

  p {
    color: #666666;
    font-size: 16px;
  }
  }