:root {
    --ritsu: 1;
}

/* タイトル */
.title h1 {
	padding: calc(80px * var(--ritsu)) 0 calc(10px * var(--ritsu)) calc(20px * var(--ritsu));
	margin: 10px 0 10px 0;
	font-family: monospace;
	font-weight: 100;
	font-size: calc(3.4em * var(--ritsu));
	color: white;
	text-align: left;
	border: white solid 1px;
}
.title span {
	font-size: 0.41em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-style: italic;
	padding: 0 0 0 10px;
	white-space: nowrap;
}
.title span.apptxt {
	letter-spacing: -0.15em;
	font-size: 0.90em;
	font-weight: 400;
	font-style: normal;
	padding: 0 0 0 0;
}

.title2 h1 {
	padding: calc(28px * var(--ritsu)) 0  calc(21px * var(--ritsu)) calc(22px * var(--ritsu));
	margin: 0px 0 10px 0;
	font-family: monospace;
	font-weight: lighter;
	font-size: calc(1.8em * var(--ritsu));
	color: white;
	text-align: left;
	border: white solid 1px;
}
.title2 div.title20 {
	border-bottom: 1px solid white;
	width: 18em;
	padding: 0 0 calc(8px * var(--ritsu)) 0;
	margin: 0 0 calc(8px * var(--ritsu)) 0;
}
.title2 span.title21 {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 200;
	font-style: italic;
	padding: 0 0 0 10px;
}
.title2 span.title22 {
	font-size: 1.6em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	padding: 0 0 10px 0;
}
.title2 span.title23 {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	padding: 0 0 0 0;
}
.title2 span.title24 {
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: 0;
}
.title2 span.title25 {
	font-size: 1.0em;
	font-weight: 400;
	letter-spacing: 0;
}
.title2 span.spc {
	display: block;
	height: calc(10px * var(--ritsu));
}
/* タイトルの背景 */
/* products */
.title h1.products,.title2 h1.products {
	background: linear-gradient(.25turn,#966ab7 5%, #b090d1 40%, #bda3dd 100%);
}
/* business */
.title h1.busi,.title2 h1.busi {
	background: linear-gradient(.25turn,#ffa365 30%, #feb566 50%, #fde068 80%);
}
/* recruit */
.title h1.recr,.title2 h1.recr {
	background: linear-gradient(.25turn,#73a302 5%, #bede62 40%, #c2df67 100%);
}
/* company */
.title h1.cmpny,.title2 h1.cmpny {
	background: linear-gradient(.25turn,#3495b9 5%, #6ec5e5 40%, #98e3fd 100%);
}
/* SDGs */
.title h1.sdgs,.title2 h1.sdgs {
	background: linear-gradient(.25turn,#ff4f1f 5%, #ff582b 40%, #ffac74 100%);
}
/* application */
.title h1.app,.title2 h1.app {
	background: linear-gradient(.25turn,#4470b4 5%, #678ac2 40%, #85a2ce 100%);
}