/*はじめに*/

@media all and (min-width: 768px) {
#contentsArea  {background-image: url(../img/about/bg.png); background-repeat: no-repeat; background-position: center top;}
.contentsBlock { padding: 40px 50px;}
}
@media all and (max-width: 767px) {
#contentsArea  {
	background-image: url(../img/about/sp_bg_l.png), url(../img/about/sp_bg_r.png); 
	background-repeat: no-repeat, no-repeat; 
	background-position: left top, right top;
	background-size: 27% auto, 31.4% auto;
	}
.contentsBlock { padding: 30px 20px 10px;}
}

.aboutBlock { padding-bottom: 2em;}
h2 { margin-bottom: 1em;}
h2 .name { color:#e5007f;}

.notes {font-size: 0.5em; line-height: 1.5em; }
.spacing {letter-spacing: -.2em;}

.ph_cut span, .ph_cut_l span {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

@media all and (min-width: 768px) {
	.ph_cut, .ph_cut span {
    width: 700px;
    height: 453px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
	.txtSm { font-size: 0.9em;}
}
@media all and (max-width: 767px) {
	.ph_cut span {
    height: 0;
    padding: 64.666% 0 0;
    position: relative;
}
	.txtSm { font-size: 0.8em;}
	.notes { line-height: 1.5em;}
}

/*	comment
============================== */
/*アコーディオン*/
.btn {
  cursor: pointer;
}
.content {
  display: none;
}


#commentArea .btn {
display: block;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
background-color: #d22179;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url(../img/about/btn_comment.png);
margin: 0 auto 2em;
text-indent: -9999px;
width: 320px;
height: 50px;
transition:0.5s;
}
#commentArea .btn:hover { filter: brightness(1.15); }

#commentBlock h4 {background-image: url(../img/bg_tit.png); background-repeat: repeat-x; background-position: center bottom;
padding: 0 8px 8px 8px;
display: inline-block; margin-bottom: 10px; font-size: 1.5em; line-height: 1.0em;
font-family: maru-maru-gothic-alr-stdn, sans-serif;
font-weight: 900;
font-style: normal;}
#commentBlock h4 .small { font-size: 0.8em;}

@media all and (min-width: 768px) {
#commentBlock .comment { padding-bottom: 2em;}	
}

@media all and (max-width: 767px) {
#commentArea .btn {
width:85%;
height: 50px;
}
#commentBlock .comment { padding-bottom: 1.5em;}	
#commentBlock h4 { font-size: 1.6em; display: block; text-align: center;}
}
@media all and (max-width: 350px) {
#commentArea .btn {
width:95%;
}
}