@charset "UTF-8";
/* CSS Document */

.w520 {
  width: 32.5rem;
}
.w744 {
	 width: 46.5rem;
}
.w520 > p,.w744>p {
  flex-grow: 1;
}
.h_caution{
	text-align: center;
	font-size: 1.4em;
	font-weight: 600;
	position: relative;
}
@media screen and (max-width:575.97px) {
	  /*　575pxまではここを読み込む　*/
.ptop_r > h1 > small.psub{
	font-size: 16px;
	}
.ptop_r > h1 > .u2font.font48{
	font-size: 1.2em;
	}
}

@media screen and (max-width:767.98px) {
  /*　767pxまではここを読み込む　*/

  .w520 ,.w744 {
    width: 100%;
  }
  .col2-auto div.w520 ,.col2-auto div.w744 {
    padding-left: 20px;
    padding-right: 20px;
  }
	.w520.sm{
		width: auto;
		
	}
    .small-note{font-size: 10px}
}


@media screen and (min-width:767.98px) {
  /* 768以上 md*/

  .w520.img100-80-70-90 img {
    max-width: calc((1200px - 6rem - 60px) / 2);
  }
  .w520 {
    width: calc((720px - 6rem - 36px) / 2);
  }
.w744 {
    width: 100%;
  } 
.w520.img100-80-70-90 img {
    max-width: calc((1200px - 6rem - 60px) / 2);
  }
  .w520 {
    width: 312px;
  }
	.img02_sp{
		margin-left: auto;
		margin-top: -2em;
		
	}
		.w520.sm{
		 width: auto;
	}
    .small-note{font-size: 10px}
}


@media screen and (min-width:991.98px) {
  /* 992以上 lg*/
 
  .w520 {
    width: 32.5rem;
  }
	.w744 {
	 width: 46.5rem;
}
	.img02_sp{
		margin-top: 0em;
	}
    .small-note{font-size: 11px}
}
@media screen and (min-width:1199.98px) {
        .small-note{font-size: 12px}
}