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

/* PC */
@media(min-width:768px) {
  .dispPC { display:block; }
	.dispSP { display:none; }  

  #contents h3.readText { padding: 28px 0px 22px; }
  #contents h3.readText span { font-size: 1.4rem; }
  
	.sectionBOX h4 {
		font-size: 20px;
		font-size: 2rem;
		font-weight: bold;
    text-align: center;
		margin-bottom: 64px;
	}
  
  .sectionBOX p {
    text-align: center;
	}
  
  .sectionBOX img {
    width: 908px;
    margin: 120px auto 64px;
	}
  
  #addBnr {
    width: 60%;
    display: block;
    margin: -40px auto 40px;
  }
  #addBnr img {
    width: 100%;
  }
}

/* スマホ */
@media(max-width:767px) {
  .dispPC { display:none; }
	.dispSP { display:block; }
  
  #contents h3.readText { padding: 13px 8px 10px; }
  #contents h3.readText span { font-size: 1.2rem; }
	
	.sectionBOX h4 {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 20px;
		line-height: 2rem;
		text-indent: -1em;
    text-align: center;
		margin: calc(( 16px - 20px ) / 2 )  0px calc( 24px + (( 16px - 20px ) / 2) );
		padding-left: 1em;
	}
  
  .sectionBOX img {
    width: 94%;
    display: block;
    margin: 32px auto 32px;
	}
  
  #addBnr {
    width: 80%;
    display: block;
    margin: 40px auto 0;
  }
  #addBnr img {
    width: 100%;
  }
}