/*はじめに*/

.ph_cut {margin: 0;}
.about .contentsBlock h2 {
	font-family: kinto-sans, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-align: center;
 border-top: solid 2px rgba(251,166,32,0.3);
}
.about .contentsBlock h2 .ruledLine { border-bottom: solid 2px rgba(251,166,32,0.3); display: block; padding: 3px;}
.about #read { text-align: center;
font-family: kinto-sans, sans-serif;
font-weight: 700;
font-style: normal;
}
.tsume {letter-spacing: -0.05em;}


@media all and (min-width: 768px) {
	.aboutBlock { padding: 25px 0 50px;}
	.about .contentsBlock h2 {font-size: 1.8em; line-height: 2.0em; width: 500px; margin: 20px auto ; }
	.about #read { font-size: 1.4em; line-height: 2.0em; padding-bottom: 1em;}
	
	.phArea {width: 750px; margin: 30px auto;}
	.ph_cut, .ph_cut span {
    width: 750px;
    height: 750px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	
}
	.txtSm { font-size: 0.9em;}
	
	
}
@media all and (max-width: 767px) {

.about .contentsBlock h2 {font-size: 1.1em; line-height: 2.0em; max-width:18em; margin: 0.5em auto ; }
.about .contentsBlock h2 .ruledLine {padding: 2px 0; }
.about #read { font-size: 0.9em; line-height: 1.8em; padding-bottom: 1em;}
.aboutBlock { padding: 0 0 25px;}
.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: 100% 0 0;
    position: relative;
}
	.txtSm { font-size: 0.8em;}
	.notes { line-height: 1.5em;}

}

/*	comment
============================== */
/*アコーディオン*/
.button {
  cursor: pointer;
}
.content {
  display: none;
}
.commentArea .button{
    text-align: left;
    margin: 0 auto;
	padding: 10px 0;
	color: #67CDDF;
	background-color:#F7F498;
	display: block;
	transition:0.5s;
	font-family: "kinto-sans", sans-serif;
	font-weight: 700;
	font-style: normal;
}
.commentArea .button:hover {background-color:#f6e784;}
.commentArea .button span {width: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: right center;
background-image: url(../img/arrow_down.png);
display: flex;
  align-items: center;
  justify-content: normal;}

.commentBlock .comment {}
.commentBlock h4 { background-position: bottom center; background-repeat: no-repeat;
	font-family: "kinto-sans", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1.6em; line-height: 1.0em; padding:0 0 10px; margin-bottom: 5px; text-align: center;}
.commentBlock .comment1 h4 { background-image: url(../img/about/h4_1.png?1);}
.commentBlock .comment2 h4 { background-image: url(../img/about/h4_2.png?1);}
.commentBlock .comment3 h4 { background-image: url(../img/about/h4_3.png?1);}
.commentBlock .comment4 h4 { background-image: url(../img/about/h4_4.png);}
.commentBlock .comment5 h4 { background-image: url(../img/about/h4_5.png);}
.commentBlock h4 .small { font-size: 0.8em;}
.commentBlock dl dt { 
	font-family: kinto-sans, sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #288048; font-size: 1.15em; line-height: 1.6em; padding-bottom: 0.3em;}
.commentBlock dl dd { line-height: 2.0em;}


@media all and (min-width: 768px) {
	.commentArea { margin-bottom: 2em;}
	.commentArea .button{ 
		width: 220px;
		border-radius: 35px;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		padding: 10px 10px 10px 30px;
		font-size: 1.3em;
	}
	.commentArea .button span {height: 50px;}

	.commentBlock { padding: 40px 0 0;}
	.commentBlock .comment:not(:last-child) { padding-bottom: 3em;}
	.commentBlock .txt, .commentBlock dl { padding: 10px 0;}
	.content { padding-top: 15px;}
	
}

@media all and (max-width: 767px) {
	.commentArea { margin-bottom: 1.5em;}
	.commentArea .button{ 
		width: 200px;
		border-radius: 35px;
		-webkit-border-radius: 35px;
		-moz-border-radius: 35px;
		padding: 10px 10px 10px 30px;
		font-size: 1.2em;
	}
	.commentArea .button span {height: 43px;}
	.commentBlock { padding: 40px 0 0;}
	.commentBlock .comment:not(:last-child) { padding-bottom: 2em;}		
	.commentBlock h4 { font-size: 1.4em; padding:0 0 8px;}
	.commentBlock .txt, .commentBlock dl { padding:10px 0;}
	.commentBlock dl dt { 
		font-size: 1.1em; padding-bottom: 0.3em;}
	.commentBlock dl dd { font-size: 0.9em; line-height: 1.8em;}

}