@charset "UTF-8";

/*==================================
Styles for English
=================================*/

/* フォント */
body {
	font-family: -apple-system,BlinkMacSystemFont,'Segoe UI','Helvetica Neue',sans-serif!important;
	letter-spacing: 0;
}

/* 字間 */
h1, h2, h3, h4, h5, h6, .head-big, #page-title section p {
    letter-spacing: 0!important;
}

/* プランと料金 */
.price ul.note {
	margin-top: 0;
}
.price ul.note li {
    padding-left: 1em;
    text-indent: -1em;
}
@media screen and (min-width:767px){
	.price .price-fee dl {
		padding: 15px 17px;
	}
	.price .price-plan-all .price-area .plan-yen span {
		font-size: 22px;
	}
	.price .price-fee dd span {
		display: inline-block;
		padding: 0 0 0 5px;
		font-size: 14px;
	}
	.price-area .plan-yen span {
		display: inline-block;
		padding: 0 7px 0 0;
	}
}
@media screen and (max-width:767px){
	.price-plan-year {
		padding: 0 2vw!important;
		text-align: center!important;
	}
}

/* サンプルデータの「静止画」 */
.sample-img .stop:before {
	content: 'Still image';
}

/* ダウンロードボタン */
@media screen and (min-width:767px){
	.download-bn .dlbtn a span {
		line-height: 1.2;
	}
	.download-bn .dlbtn br {
		display: block;
	}
}

/* about */
.about-cts .feature1, .about-cts .feature2, .about-cts .forte1, .about-cts .forte2 {
	padding: 28px 0 0 0;
    font-size: 20px;
}
.about-cts .feature1 span,
.about-cts .feature2 span,
.about-cts .forte1 span,
.about-cts .forte2 span {
	display: block;
}
@media screen and (max-width:767px){
	.about-cts .feature1, .about-cts .feature2, .about-cts .forte1, .about-cts .forte2 {
	    padding: 10px 0 0 0;
	    font-size: 11px;
	    letter-spacing: -.5px;
	}
}

/* 機能比較 */
@media screen and (max-width:767px){
	.comparison-data td.pro {
		word-break: break-word;
	}
}
@media screen and (min-width:767px){
	.comparison-data td.pro {
		padding: 15px 4px;
	}
}

/* テーブル */
@media screen and (min-width:767px){
	.table-nm th {
		padding: 15px 6px;
	}
}

@media screen and (min-width:767px){
	#page-title section h1 {
		top: 82px;
		line-height: 1.1;
	}
}

/* インタビュー */
#page-title.interviews .com {
	font-weight: 500;
}

@media screen and (min-width:767px){
	.interview-box .quote {
	    font-size: 27px;
	    padding: 0 37px;
	}
	#page-title.interviews .interviews-txt {
		width: 42%;
	}
	#page-title.interviews .by {
		font-size: 15px;
		letter-spacing: -.015em!important;
	}
}