@charset "UTF-8";


/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){
  
  main h3 {margin:0;}
  main dl.img_ttl dd h3 {margin:0; font-size:80%;}
  main dl.img_ttl dd h3 span {display:block; font-size:170%;}
  .ptxt.box .btn {margin:2em 0 0 0; font-size:95%; font-weight:500;}
  .ptxt.box .btn a {display:block; width:100%; margin:0 auto; padding:0.4em 4em; background:#000; border-radius:2em; color:#fff; transition:0.3s; text-align:center;}
  
  h1 + .ptxt {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:90%;}
	h1 + .ptxt span {display:block; margin-top:0.3em; color:#de7c90; font-size:105%; font-weight:600;}
  h1 + .ptxt .box {}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

  .ptxt.box {width:90%; padding:3em 5em; margin-right:10%;}
  .ptxt.box:nth-child(even) {margin-left:10%;}
  
  main dl.img_ttl dd h3 {font-size:80%;}
  main dl.img_ttl dd h3 span {display:block; font-size:200%;}
  .ptxt.box .btn {margin:2em 0 0 0; font-size:95%; font-weight:500;}
  .ptxt.box .btn a {display:block; width:70%; max-width:375px; margin:0 auto; padding:0.4em 4em; background:#000; border-radius:2em; color:#fff; transition:0.3s; text-align:center;}

	h1 + .ptxt {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; margin-top:2em; text-align:center;}
	h1 + .ptxt span {display:block; margin-top:0.5em; color:#de7c90; font-size:110%; font-weight:600;}
  h1 + .ptxt .box {padding:1em 0 1.5em 0; width:100%;}

}