html {
		font-size:3vw;
	}
	body {
		color:#000000;
	}
	.content {
		background-color:#34689a; /* main */
		width:100%;
	}

	@media only screen and (orientation: landscape) {
		html {
			font-size:1.1vw;
		}
		.content {
			width:600px;
			margin:auto;
		}
	}

	.appInfo {
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		padding:0.5rem;
		cursor:pointer;
	}
	.appTitleCont {
		display:flex;
		flex:1;
		align-items:center;
		justify-content:flex-start;
	}
	.appTitle {
		font-size:0.8rem;
		color:#fffefe; /* white */
	}
	.appBtn {
		display:flex;
		align-items:center;
		justify-content:center;
		background-color:#00000080;
		margin:0.2rem;
		margin-top:0.6rem;
		margin-bottom:0.6rem;
		padding:0.5rem;
		padding-left:1rem;
		padding-right:1rem;
		border-radius:6rem;
	}

	.title {
		color:#f9f9f1; /* back */
		display:flex;
		flex-direction:column;
		align-items:center;
		font-size:1.5rem;
		flex-direction: row;
		justify-content: center;
		height: 45px;

		backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

		position: sticky;
		top:0;
		z-index: 100;
	}
	.c-company .title {
		background: linear-gradient(176deg, #57aaaaf0, #387b7bf0);
	}

	.slider {
		max-width: 600px;
		aspect-ratio: 1.5;
	}
	.slider img {
		width:100%;
		max-height:400px;
	}

	.contacts {
		text-align: center;
		padding-bottom: 10px;
		box-shadow: #CCCCCC40 0 1px 4px;
		backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);

		position: sticky;
		top:45px; /* title */
		background-color: #fffffff0;
		z-index: 90;
	}
	.contacts a {
		text-decoration: none;
	}
	.contacts i {
		font-size: 28px;
		margin:0 6px;
	}
	
	.mdText {
		padding:1rem;
		background-color:#fffefe; /* white */

		position: relative;
	}

	.mdText #scroll-h {
		display: block;
		overflow-x: scroll;
		scroll-snap-type: x mandatory;
	}
	.mdText #scroll-h div.scroll-flex {
		display: flex;
		width:200%;
	}
	.mdText #scroll-h div.scroll-page {
		width:100%;
		padding: 10px 20px 10px 10px;
		scroll-snap-align: start;
		position: relative;
	}

	.sc-nav {
		position:absolute;
		top:0; bottom:0;
		display: flex;
		align-items: center;
		cursor: pointer;
	}
	.sc-left {
		left:0;
	}
	.sc-right {
		right:0;
	}
	.scroll-nav i {
		font-size: 38px;
	}

	.header1 {
		font-weight:bold;
		font-size: 1.2rem;
		color:#34689a; /* main */
		padding-bottom:0.6rem;
	}
	.header2 {
		font-weight:bold;
		font-size: 1rem;
		color:#34689a; /* main */
		padding-bottom:0.6rem;
	}
	.header3 {
		font-weight:bold;
		font-size: 1.2rem;
		padding-bottom:0.6rem;
		color:#000000;
	}
	.newLine {
		margin-bottom:0.5rem;
	}
	.emptyLine {
		line-height:0.5rem;
	}

	.tr {
		width:100%;
		text-align:center;
	}
	.td {
		display: inline-block;
		font-size:1rem;
		width: 12rem;	
		border:1px solid #EEE;
	}
	.hrLine {
		border-bottom:1px solid #CCC;
		margin-top:0.5rem;
		margin-bottom:0.5rem;
	}
	.contentFooter {
		background-color:#333; /* black */
		color:#fffefe; /* white */
		text-align:right;
		cursor:pointer;
		padding:1rem;
	}
	.c-icon {
		color:#34689a;  /* main */
	}

	.center { text-align:center }
	.normal { display:inline; }
	.bold { display:inline; font-weight:bold }
	.italic { display:inline; font-style: italic }
	.underline { display:inline; text-decoration: underline;}