/* -------------------------------------------- */
/* about */
/* -------------------------------------------- */
.copy {text-align: center;}

[class^="block-about-"] .block-body {padding: 30px 0 100px;}
[class^="block-about-"] .block-body > .d-flex {flex-wrap: wrap;justify-content: space-around;}
[class^="block-about-"] .d-flex > div h3 {margin-top: 30px;}
[class^="block-about-"] .d-flex > div h3 small {font-size: .7em;}
[class^="block-about-"] .d-flex .block-copy {font-size: 1.8rem;}
[class^="block-about-"] .d-flex p {margin-top: 0;line-height: 1.8em;}
[class^="block-about-"] .d-flex .d-flex {flex-wrap: wrap;}
[class^="block-about-"] .d-flex .d-flex figure {font-size: 1.4rem;text-align: center;margin-left: 30px;}

.block-about-motenashi h2 {background-color: #d4612e !important;}
.block-about-furumai h2 {background-color: #287c63 !important;}
.block-about-shitsurai h2 {background-color: #bf8ab8 !important;}

[class^="block-about-"] .d-flex .d-flex figure {margin-left: 5%;}
[class^="block-about-"] .d-flex .d-flex p {width: 55%;}
[class^="block-about-"] .d-flex .d-flex p.dot span {display: block;text-indent: -1em;margin-left: 1em;}
[class^="block-about-"] .d-flex .d-flex p.dot span:before {content: '・';}
[class^="block-about-"] .d-flex .d-flex figure {width: 40%;}
.block-about-motenashi .d-flex .d-flex p {width: 65%;}
.block-about-motenashi .d-flex .d-flex figure {width: 30%;}
.block-about-furumai .d-flex .d-flex figure img {width: 50%;margin: 0;display: inline-block;}
.block-about-furumai .d-flex div:last-child h3:first-child + .d-flex p{width: 100%;}

/* message */
.block-message {padding-top: 80px;padding-bottom: 80px;}
.block-message .block-body {background-color: #fff;width: 80%;}

@media screen and (min-width: 768px) {
	.copy {padding: 60px 0;font-size: 3rem;letter-spacing: .2em;}
	.copy em {font-size: 3.6rem;}
	[class^="block-about-"] .d-flex > div:first-child {width: 40%;}
	[class^="block-about-"] .d-flex > div:last-child {width: 50%;}
	[class^="block-about-"] .d-flex p {font-size: 1.5rem;}

}
@media screen and (max-width: 767px) {
	.copy {font-size: 1.8rem;padding: 30px 0;}
	.copy em {font-size: 2rem;}
	[class^="block-about-"] .d-flex .block-copy {text-align: center;padding: 20px 0 ;}
	/* message */
	.block-message {padding-top: 40px;padding-bottom: 40px;}
}