<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import "style.css";

.block-text {
	display: block;
}

/********************
    header
********************/

header {
	height: 512px;
	background-image: url(../img/translate/bill_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	overflow: hidden;
}

header h1 {
	margin: 110px auto 0 auto;
}

header p {
	margin: 30px auto 0 auto;
	padding: 0 15px;
	color: #001b45;
	font-size: 1.4em;
	line-height: 34.8px;
}

header .download-btn {
	display: block;
	width: 340px;
	padding: 15px 28px;
	margin: 60px auto 0 auto;
	font-size: 1.15em;
	color: #ffffff;
	background-color: #fda200;
}

header a.download-btn {
	text-decoration: none;
}

header .download-btn:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

h2 {
	font-size: 1.75em;
	line-height: 38.5px;
}

h2 .kari {
	font-size: 0.5em;
	vertical-align: 25%;
}

/********************
    row
********************/
.row.custom {
	margin: 0;
}

/********************
    intro-box
********************/
#intro-box {
	padding: 30px 0 0 0;
	background-color: #ffffff;
}

#intro-box .description {
	margin-top: 25px;
	font-size: 1.2em;
	color: #666666;
}

#intro-box .row.icons {
	max-width: 1002px;
	margin: 40px auto 10px auto;
}

#intro-box .row.icons .icon {
	padding: 0;
}

#intro-box .row.icons p {
	margin: 20px 0 50px 0;
	font-size: 17px;
	color: #666666;
}

/********************
    realtime-translate-box
********************/
#realtime-translate-box {
	background-color: #ececec;
}

#realtime-translate-box .row {
	margin-right: 0;
	margin-left: 0;
}

#realtime-translate-box .bg {
	min-height: 400px;
	background-image: url(../img/translate/img_realtime.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#realtime-translate-box .text-box {
	padding: 0 10px 20px 50px;
}

#realtime-translate-box h2 {
	margin: 105px 0 10px 0;
	text-align: left;
}

#realtime-translate-box p {
	max-width: 450px;
	margin: 20px 0 0 0;
	font-size: 1.15em;
	color: #666;
	text-align: left;
}

/********************
	barrier-free-box
********************/
#barrier-free-box {
	padding: 85px 15px;
	background-color: #ffffff;
}

#barrier-free-box h2 {
	text-align: left;
}

#barrier-free-box p {
	max-width: 350px;
	margin: 25px 0 0 0;
	font-size: 1.15em;
	color: #666;
	text-align: left;
}

#barrier-free-box img {
	max-width: 435px;
}

/********************
	#shorten-time-box
********************/
#shorten-time-box {
	background-color: #ececec;
}

#shorten-time-box .row {
	margin-right: 0;
	margin-left: 0;
}

#shorten-time-box .bg {
	min-height: 400px;
	background-image: url(../img/translate/img_minutes.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#shorten-time-box .text-box {
	padding: 0 10px 20px 50px;
}

#shorten-time-box h2 {
	margin: 135px 0 10px 0;
	text-align: left;
}

#shorten-time-box p {
	max-width: 370px;
	margin: 20px 0 0 0;
	font-size: 1.15em;
	color: #666;
	text-align: left;
}

/********************
	spec-box
********************/
#spec-box {
	background-color: #fff;
	overflow: hidden;
	position: relative;
}

#spec-box .container {
	margin-top: 42px;
	margin-bottom: 42px;
}

#spec-box h2 {
	margin-bottom: 20px;
}

#spec-box p {
	font-size: 1.15em;
	color: #666;
}

#spec-box .main-description {
	margin: 50px 0;
}

#spec-box .main-description .block-text {
	margin: 6px;
}

#spec-box p.mini-text {
	margin: 5px;
	font-size: 0.85em;
}

#spec-box a {
	color: #666;
}

#spec-box a:hover {
	color: #999;
}

#spec-box:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24%;
	height: 80%;
	margin-top: 35px;
	background-image: url("../img/translate/bg_gengo.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}
#spec-box:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 24%;
	height: 80%;
	margin-top: 35px;
	background-image: url("../img/translate/bg_gengo.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
}

/********************
    uses-box
********************/

#uses-box {
	padding: 30px 0;
	background-color: #ececec;
}

#uses-box img {
	display: block;
	width: 100%;
	max-width: 1116px;
	margin: 20px auto;
}

#uses-box p {
	margin: 25px 0;
	font-size: 1.15em;
	color: #666;
}

/********************
    edition-box
********************/
#edition-box {
	padding: 30px 0 50px 0;
	background-color: #fff;
}

#edition-box h2 {
	margin-bottom: 20px;
}

#edition-box p {
	margin: 6px 0;
	font-size: 1.15em;
	color: #666;
}

#edition-box .row {
	margin-top: 52px;
	margin-bottom: 32px;
}

#edition-box .edition-type {
	height: auto;
	border: 2px solid #4e4c68;
	background-color: #4e4c68;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
}

#edition-box .edition-type .head-box {
	min-height: 130px;
	padding: 18px 6px;
	overflow: hidden;
}

#edition-box .edition-type .head-box h3 {
	margin-top: 0;
	margin-bottom: 18px;
	color: #fff;
}

#edition-box .edition-type .head-box p {
	color: #fff;
	line-height: 22px;
	font-size: 15px;
}

#edition-box .edition-type .icons {
	margin: 0;
	padding: 8px 6px;
	background-color: #fff;
	border-radius: 0 0 9px 9px;
    -webkit-border-radius: 0 0 9px 9px; 
    -moz-border-radius: 0 0 9px 9px;
}

#edition-box .edition-type img.type-icon {
	display: block;
	margin: 14px auto;
}

#edition-box p.mini-text {
	margin: 5px;
	font-size: 0.85em;
}

#edition-box a {
	color: #666;
}

#edition-box a:hover {
	color: #999;
}

/********************
    download-box
********************/

#download-box {
	padding: 11px 0 32px 0;
	background-color: #4e4c68;
	color: #ffffff;
}

#download-box h2 {
	font-size: 1.2em;
	margin-bottom: 25px;
}

#download-box .download-btn {
	display: block;
	width: 260px;
	padding: 13px 0;
	margin: 0 auto;
	font-size: 1.15em;
	color: #ffffff;
	background-color: #fda200;
}

#download-box a.download-btn {
	text-decoration: none;
}

#download-box .download-btn:hover {
	background-color: #ffb530;
}

/********************
    agreement
********************/
#agreement .description {
    width: 710px;
    margin: 0 auto;
    margin-bottom: 5px;
    text-align: left;
    font-size: 18px;
}

#agreement .check-box {
    margin: 0 auto;
    padding: 0;
    margin-bottom: 50px;
    font-size: 18px;
}
/********************
    footer
********************/
footer {
	padding: 0;
}

footer h3 {
	margin-top: 0;
}

/* @media */

@media (max-width: 991px) {
	#realtime-translate-box .bg {
		min-height: 300px;
	}

	#realtime-translate-box .text-box {
		padding: 30px 20px 30px 20px;
	}

	#realtime-translate-box h2 {
		margin: 10px 0 10px 0;
	}
	
	#realtime-translate-box p {
		max-width: 100%;
		margin: 20px 0 0 0;
	}

	#barrier-free-box img {
		width: 100%;
		max-width: 280px;
	}

	#shorten-time-box .bg {
		min-height: 300px;
	}

	#shorten-time-box .text-box {
		padding: 20px 20px 20px 20px;
	}

	#shorten-time-box h2 {
		margin: 45px 0 10px 0;
	}
	
	#shorten-time-box p {
		max-width: 100%;
		margin: 20px 0 20px 0;
	}
}

@media (max-width: 820px) {
	header {
		height: 335px;
	}

	header h1 {
		margin: 55px 0 0 0;
	}

	header h1 img {
		width: 100%;
		margin: 10px auto 0 auto;
		padding: 0 20px;
	}

	header p {
		font-size: 1.05em;
	}

	header .download-btn {
		margin: 30px auto 0 auto;
	}
}

@media (max-width: 767px) {
	#barrier-free-box {
		padding: 25px 5px;
	}

	#barrier-free-box p {
		max-width: 100%;
		margin-bottom: 40px;
	}

	#edition-box .edition-type {
		margin-bottom: 30px;
	}
}

@media (max-width: 728px) {
	#realtime-translate-box .bg {
		min-height: 230px;
	}

	#shorten-time-box .bg {
		min-height: 240px;
	}

	#spec-box .block-text {
		display: inline;
	}
}

@media (max-width: 565px) {
	header h1 {
		margin: 30px auto 0 auto;
	}

	#intro-box .description {
		font-size: 1.1em;
	}

	#realtime-translate-box p {
		font-size: 1.1em;
	}

	#barrier-free-box p {
		font-size: 1.1em;
	}

	#shorten-time-box h2 {
		margin: 30px 0 10px 0;
	}

	#spec-box .container {
		margin-top: 25px;
		margin-bottom: 25px;
	}

	#spec-box p {
		font-size: 1.1em;
	}
	
	#spec-box:before {
		width: 24%;
		height: 60%;
		margin-top: 85px;
	}
	#spec-box:after {
		width: 24%;
		height: 60%;
		margin-top: 85px;
	}

	#uses-box .block-text {
		display: inline;
	}

	#uses-box p {
		font-size: 1.1em;
	}

	#edition-box p {
		font-size: 1.1em;
	}
}</pre></body></html>