@charset "UTF-8";
@import url("_common/basic.css");


/***** common styles *****/

.logo2 {
	width: 340px;
}

.index-copy {
	display: table;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 3em;
}

article h2 {
	box-sizing: border-box;
	font-family: "Instrument Serif", serif;
	font-size: var(--large-font-size);
	font-weight: 450;
	border-bottom: var(--point-border-color) 1px solid;
	padding: 0px 0.5em;
}

.h2fc {
	color: var(--firstpoint-font-color);
}

.h2sc {
	color: var(--secondpoint-font-color);
}

.appicon {
	width: 128px;
	border-radius: 24px;
}

.appname {
	font-weight: bold;
}

.apps p {
	margin: 0px;
}

/***** for Phones *****/

@media only screen and (max-width:723px) {
	.logo2 {
		width: 300px;
	}

	.index-copy {
		padding: 0px 1em;
	}

	article h2 {
		font-size: var(--large-font-size);
		padding: 0px var(--standard-font-size);
	}

	article section {
		padding: 0px 1em;
	}

	article section ul {
		padding-top: 1em;
	}

	.apps, .apps tr, .apps td {
		display: block;
		width: auto;
	}

	.app-cover {
		padding-top: 1em;
		text-align: center;
	}

	.appname {
		text-align: center;
		padding-top: 0.25em;
	}
}

/***** for Others *****/

@media only screen and (min-width: 724px) {
	article h2 {
		width: 240px;
	}

	article section {
		box-sizing: border-box;
		margin-left: 240px;
		border-left: var(--point-border-color) 1px solid;
		border-bottom: var(--point-border-color) 1px solid;
		padding: 0px 1.5em 1em 1.5em;
	}

	article section p:first-child {
		margin-top: 0px;
	}

	article section p:last-child {
		margin-bottom: 0px;
	}

	.apps tr {
		vertical-align: middle;
	}

	.app-description {
		padding-left: 1em;
	}
}