/*はじめに*/

.ph_cut {margin: 0;}
.about .contentsBlock h2 {background: linear-gradient(90deg, #ff8b19, #ff7792);
  background: -webkit-linear-gradient(0deg, #ff8b19, #ff7792);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; text-align: center; font-weight: bold;}
.about #read { text-align: center;}
.tsume {letter-spacing: -0.05em;}


@media all and (min-width: 768px) {
	#contentsArea {
	background-image: url(../img/about/bg_cont.png);
	background-repeat:no-repeat;
	background-position: top center;
}
	
	.about .contentsBlock h2 {padding-top: 55px; font-size: 1.8em; }
	.about .contentsBlock h2 p {line-height: 1.4em; padding-bottom: 1em;}
	.about #read { font-size: 1.4em; line-height: 1.6em; padding-bottom: 1em;}
	
	.phArea {width: 650px; margin: 30px auto;}
	.ph_cut, .ph_cut span {
    width: 650px;
    height: 438px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	
}
	.txtSm { font-size: 0.9em;}
	
	
}
@media all and (max-width: 767px) {
	#contentsArea { padding-top: 20px;
	background-image: url(../img/about/bg_cont_sp.png);
	background-repeat:no-repeat;
	background-position: top center;
}
.about .contentsBlock h2 {padding-top: 20px; font-size: 1.4em; }
.about .contentsBlock h2 p {line-height: 1.4em; padding-bottom: 0.8em;}
.about #read { font-size: 1.0em; line-height: 1.6em; padding-bottom: 1em;}

.notes {font-size: 0.5em; line-height: 1.5em; }
.spacing {letter-spacing: -.2em;}
	
	.phArea {margin: 0 auto 0; width: 100%;}
	
	.ph_cut span {
    height: 0;
    padding: 67.384% 0 0;
    position: relative;
}
	.txtSm { font-size: 0.8em;}
	.notes { line-height: 1.5em;}

}