@charset "UTF-8";

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}




/* Ｂ: 記事その１ */
.about-app	{padding: 120px 0 0 0;
	background-color: #dfe3e8;}

.about-app img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 100px auto 0 auto;
	vertical-align: bottom;}

.about-app h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-app p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}



/* メディアクエリの設定 */
@media (max-width: 450px) {

	.about-app	{padding: 60px 0 0 0;}
	.about-app h1	{font-size: 46px;}
	.about-app p	{font-size: 14px;}

} /* @media */




/* Ｃ: 記事その２ */
.about-data	{padding: px 0 80px 0;
	background-color: #efefee;}

.about-data img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}

.about-data h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-data p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}



/* Ｄ: 記事その３ */



/* Ｅ: 記事その４ */
.about-more	{padding: 80px 0 80px 0;
	background-color: #fff;
	text-align: center;}

.about-more img	{max-width: 100%;
	height: auto;
	margin: 20px auto 30px auto;
	vertical-align: bottom;}

.about-more h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-more p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}




/* Ｆ: フッター */
.footer	{padding: 20px 0 20px 0;
	background-color: #000;
	color: #fff;}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.footer a	{color: #666;
	text-decoration: none;}



/* 追加 */

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}


a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 350px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #2e8b57;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn_04:hover {
	color: #27acd9;
	background: #fff;
}

