@charset "UTF-8";




/* CSS STYLE */

body {
	padding: 17.32vw 0 0 0;
	font-size: 3.2vw;
}

html.scroll-h,
html.scroll-h body {
	height: 100%;
	overflow: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

.spnone {
	display: none;
}




/* HEADER */

header {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 17.32vw;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	-webkit-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	transition: 0.1s linear;
	z-index: 20000;
}
header.active {
	margin-top: -6.66vw;
}

.header-top {
	position: relative;
	background: #333;
	width: 100%;
	height: 6.66vw;
	z-index: 2;
}
.header-top .live2d {
	width: 18.13vw;
	height: 4vw;
	margin: 0 auto;
	padding: 1.33vw 0;
	font-size: 0;
}
.header-top .licence {
	position: absolute;
	top: 0;
	right: 4vw;
	font-size: 2.4vw;
	line-height: 6.66vw;
	text-align: right;
}
.header-top .licence a {
	text-decoration: none;
	color: #fff;
}
.header-top .lang {
	position: absolute;
	top: 1.06vw;
	left: 4vw;
	width: 18.66vw;
	margin: 0;
	padding: 0;
}
.header-top .lang #lang-btn {
	position: relative;
	border: 1px solid #fff;
	border-radius: 2.27vw;
	background: #333;
	width: 18.66vw;
	height: 4.53vw;
	margin: 0;
	padding: 0 0 0 2.66vw;
	font-size: 2.4vw;
	line-height: 4.53vw;
	line-height: calc(4.53vw - 2px);
	color: #fff;
	z-index: 1;
}
.header-top .lang #lang-btn:after {
	content: "";
	position: absolute;
	top: 0.55vw;
	right: 1.0vw;
	width: 3vw;
	height: 3vw;
	background: url(../img/lang-icon.png) no-repeat;
    background-size: 100%;
}
.header-top .wovn-languages {
	margin: 0;
}
.header-top .wovn-lang-list{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #fff;
	border-radius: 2.27vw;
	background: #333;
	width: 18.66vw;
	margin: 0;
	padding: 1vw 1vw;
	font-size: 3.2vw;
	line-height: 1;
	color: #fff;
	z-index: 2;
}
.header-top .wovn-lang-list li a{
	border-top: 1px solid #444;
	padding: 2.13vw 1vw;
	cursor: pointer;
	color:#FFF;
	display:block;
	text-decoration:none;
}
.header-top .wovn-lang-list li.selected a{
	color: #00b5f0;
}
.header-top .wovn-lang-list li a:first-of-type {
	border-top: none;
}

.header-btm {
	position: relative;
	z-index: 1;
}
.sp-area {
	position: relative;
	background: #fff;
	width: 100%;
	height: 10.66vw;
}
.header-btm .logo {
	position: absolute;
	top: 1.86vw;
	left: 4vw;
	width: 26.66vw;
	height: 6.66vw;
	font-size: 0;
}
.header-btm .logo img {
	width: 100%;
}
.header-btm #menu-open {
	position: absolute;
	top: 1.33vw;
	right: 4vw;
	border-radius: 1.33vw;
	background: #ff6e2d;
	width: 8vw;
	height: 8vw;
}
.header-btm #menu-open:before {
	content: "";
	display: block;
	position: absolute;
	top: 22%;
	left: 50%;
	background: #fff;
	width: 5.33vw;
	height: 0.8vw;
	margin: -0.4vw 0 0 -2.66vw;
	-webkit-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	transition: 0.1s linear;
}
.header-btm #menu-open:after {
	content: "";
	display: block;
	position: absolute;
	top: 78%;
	left: 50%;
	background: #fff;
	width: 5.33vw;
	height: 0.8vw;
	margin: -0.4vw 0 0 -2.66vw;
	-webkit-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	transition: 0.1s linear;
}
.header-btm #menu-open span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	width: 5.33vw;
	height: 0.8vw;
	margin: -0.4vw 0 0 -2.66vw;
}
.header-btm #menu-open.active:before {
	top: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.header-btm #menu-open.active:after {
	top: 50%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);

}
.header-btm #menu-open.active span {
	display: none;
}

#menu-area {
	display: none;
	position: absolute;
	top: 10.66vw;
	left: 0;
	background: #f2f2ee;
	width: 100%;
	height: 100%;
	height: 100vh;
	height: calc(100vh - 17.32vw);
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
.header-btm .menu-list {
	position: relative;
	width: 100%;
	margin: 0 0 26.66vw 0;
}
.header-btm .menu-list a {
	text-decoration: none;
	color: #000;
}
.header-btm .menu-list > li {
	border-bottom: 1px solid #ccc;
}
.header-btm .menu-list > li > a {
	position: relative;
	display: block;
	padding: 0 0 0 5.33vw;
	font-size: 4.26vw;
	line-height: 13.33vw;
}
.header-btm .menu-list > li > a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 2.66vw;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #ff6e2d;
	z-index: 1;
}
.header-btm .menu-list .menu-sub {
	border-top: 1px solid #ccc;
	padding: 2.66vw 0;
}
.header-btm .menu-list .menu-sub li a {
	display: block;
	padding: 0 0 0 8vw;
	font-size: 3.73vw;
	line-height: 9.33vw;
}

.header-btm .cubism {
	display: none;
}




/* FOOTER */

footer {
	position: relative;
	margin: 6.66vw 0 0 0;
	z-index: 3;
}
footer .download-bn {
	position: relative;
	margin-bottom: 6.66vw;
	z-index: 2;
}
footer .footer-top {
	position: relative;
	background: #d8d8cc;
	padding: 8vw 0 16vw 0;
	z-index: 1;
}
footer .footer-top:before {
	content: "";
	animation: stripe6 2s infinite linear;
	display: block;
	position: absolute;
	top: -50vw;
	border-bottom: 50vw solid #d8d8cc;
	background-image: linear-gradient(
		45deg,
		#fff 25%,
		#f2f2ee 25%,
		#f2f2ee 50%,
		#fff 50%,
		#fff 75%,
		#f2f2ee 75%,
		#f2f2ee
	);
	background-size: 4vw 4vw;
	width: 120%;
	height: 13.33vw;
	margin: 0 -10%;
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg);
	z-index: 1;
}
@keyframes stripe6 {
	0% {  background-position-x: 0;  }
	100% {  background-position-x: 4vw;  }
}

footer .download-bn {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	z-index: 2;
}
footer .footer-top .outside {
	padding-bottom: 30px;
	z-index: 2;
}
footer .footer-top .menu-list {
	display: none;
}
footer .footer-top .sns {
	position: absolute;
	left: 20px;
	bottom: 0;
	font-size: 0;
}
footer .footer-top .sns li {
	display: inline;
	margin: 0 2.66vw 0 0;
}
footer .footer-top .twitter {
	width: 100%;
}
footer .footer-top .twitter iframe {
	width: 768px !important;
}

.footer-btm {
	position: relative;
	background: #333;
	width: 100%;
	font-size: 2.4vw;
	line-height: 1;
	z-index: 2;
}
.footer-btm a {
	text-decoration: none;
	color: #fff;
}
.footer-btm .live2d {
	clear: both;
	border-top: 1px solid #666;
	width: 100%;
	margin: 0 auto;
	padding: 1.33vw 0;
	font-size: 0;
	text-align: center;
}
.footer-btm .live2d img {
	width: 18.13vw;
}
.footer-btm .footer-link {
	float: left;
	padding: 2.66vw 0 2.66vw 4vw;
}
.footer-btm .footer-link li {
	display: inline;
}
.footer-btm .copyright {
	float: right;
	padding: 2.66vw 4vw 2.66vw 0;
	color: #ccc;
}





/* SITEPARTS */

#wrap {
	position: relative;
	width: 100%;
	overflow-x: hidden;
	z-index: 2;
}


#page-title {
	position: relative;
	background-color: #f2f2ee;
	background-position: left center;
	background-size: cover;
	width: 100%;
	padding: 8vw 0 12vw 0;
	z-index: 10;
}
#page-title section {
	padding: 0 4vw;
}
#page-title section h1 {
	position: relative;
	font-size: 6.4vw;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}
#page-title section h1:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -4vw;
	left: 0;
	background: #ff6e2d;
	width: 26.66vw;
	height: 4px;
}


.bg-front {
	position: relative;
	width: 100%;
	padding-top: 13.33vw;
	padding-bottom: 13.33vw;
	z-index: 4;
}
.bg-back {
	position: relative;
	background: #f2f2ee;
	width: 100%;
	padding-top: 13.33vw;
	padding-bottom: 13.33vw;
	z-index: 2;
}
.bg-back.top-line {
	padding-top: 1px !important;
}
.bg-back.top-line:before {
	content: "";
	animation: stripe1 2s infinite linear;
	display: block;
	position: absolute;
	top: -6.66vw;
	border-bottom: 21.33vw solid #f2f2ee;
	background-image: linear-gradient(
		45deg,
		#fff 25%,
		#f2f2ee 25%,
		#f2f2ee 50%,
		#fff 50%,
		#fff 75%,
		#f2f2ee 75%,
		#f2f2ee
	);
	background-size: 4vw 4vw;
	width: 120%;
	height: 13.33vw;
	margin: 0 -10%;
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg);
	z-index: 1;
}
@keyframes stripe1 {
	0% {  background-position-x: 0;  }
	100% {  background-position-x: 4vw;  }
}
.bg-back.btm-line {
	padding-bottom: 1px !important;
}
.bg-back.btm-line:after {
	content: "";
	animation: stripe2 2s infinite linear;
	display: block;
	position: absolute;
	bottom: -16vw;
	border-top: 13.33vw solid #f2f2ee;
	background-image: linear-gradient(
		45deg,
		#fff 25%,
		#f2f2ee 25%,
		#f2f2ee 50%,
		#fff 50%,
		#fff 75%,
		#f2f2ee 75%,
		#f2f2ee
	);
	background-size: 4vw 4vw;
	width: 120%;
	height: 13.33vw;
	margin: 0 -10%;
	-webkit-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
	z-index: 1;
}
@keyframes stripe2 {
	0% {  background-position-x: 0;  }
	100% {  background-position-x: -4vw;  }
}
.bg-front section,
.bg-back section {
	position: relative;
	z-index: 2;
}
.bg-back.top-line {
	padding-top: 0;
}
.bg-back.btm-line {
	padding-bottom: 0;
}


.download-bn {
	position: relative;
	background: #333;
	margin: 13.33vw 4vw;
	padding: 3.33vw;
	z-index: 3;
}
.download-bn:first-child {
	margin-top: 0;
}
.download-bn:last-child {
	margin-bottom: 0;
}
.download-bn .logo {
	margin: 0 0 3.33vw 0;
	text-align: center;
	line-height: 1;
}
.download-bn .logo img {
	width: 53.33vw;
}
.download-bn .dlbtn {
	margin: 0;
}
.download-bn .dlbtn a {
	display: block;
	border: 2px solid #fff;
	border-radius: 1.6vw;
	background: #ff6e2d url(../img/icon-dl.svg) 97% center no-repeat;
	background-size: 5.33vw;
	width: 100%;
	padding: 3.2vw 6.66vw 3.2vw 2.66vw;
	font-size: 3.73vw;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	text-align: center;
}
.download-bn .dlbtn a span {
	display: block;
	margin: 2.13vw 0 0 0;
	font-size: 2.4vw;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 1.3;
}
.download-bn .load {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	opacity: 0;
}


.outside,
.inside {
	position: relative;
	padding-left: 4vw;
	padding-right: 4vw;
}


.head-big {
	position: relative;
	margin: 13.33vw 0 8vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	color: #000;
}
.head-big:first-child {
	margin: 0 0 8vw 0;
}
.head-big:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -3vw;
	left: 0;
	background: #ff6e2d;
	width: 13.33vw;
	height: 2px;
}
.head-big.tc:after {
	left: 50%;
	margin-left: -6.66vw;
}
.head-mid {
	margin: 5.33vw 0 2.66vw 0;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	color: #000;
}
.head-mid:first-child {
	margin: 0 0 2.66vw 0;
}
.head-sml {
	margin: 3.46vw 0 2.66vw 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.05em;
	color: #000;
}
.head-sml:first-child {
	margin: 0 0 2.66vw 0;
}

.read-big {
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
.read-big {
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}

.big {
	font-size: 3.73vw;
}
.sml {
	font-size: 2.66vw;
}


p.btn,
div.btn {
	text-align: center;
	font-size: 0;
}
.btn a {
	position: relative;
	display: block;
	border-radius: 10.66vw;
	background-color: #ff6e2d;
	margin-top: 1.33vw;
	padding: 3.73vw 4vw 3.73vw 2.66vw;
	width: 100%;
	font-size: 3.46vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.btn a:after {
	content:"";
	position: absolute;
	top: 50%;
	right: 2.13vw;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
}
.btn a.dl {
	background: #ff6e2d url(../img/icon-dl.svg) 96% center no-repeat ;
	background-size: 4vw;
	padding: 3.73vw 8vw 3.73vw 2.66vw;
}
.btn a.ma {
	background: #ff6e2d url(../img/icon-manual.svg) 96% center no-repeat ;
	background-size: 4vw;
	padding: 3.73vw 8vw 3.73vw 2.66vw;
}
.btn a.tu {
	background: #ff6e2d url(../img/icon-tutorial.svg) 96% center no-repeat ;
	background-size: 4vw;
	padding: 3.73vw 8vw 3.73vw 2.66vw;
}
.btn a.dl:after,
.btn a.ma:after,
.btn a.tu:after {
	display: none;
}
.btn a.bl {
	background-color: #00b5f0;
}

.btn-sq {
	width: 100%;
	text-align: center;
}
.btn-sq a,
.btn-sq button {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: none;
	border-radius: 1.33vw;
	width: 100%;
	background-color: #ff6e2d;
	padding: 4vw 5.33vw 4vw 4vw;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.btn-sq button {
	padding: 4vw;
}
.btn-sq a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2.66vw;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
}
.btn-sq a.dl {
	background: #ff6e2d url(../img/icon-dl.svg) 96% center no-repeat ;
	background-size: 4vw;
	padding: 4vw 8vw 4vw 2.66vw;
}
.btn-sq a.ma {
	background: #ff6e2d url(../img/icon-manual.svg) 96% center no-repeat ;
	background-size: 4vw;
	padding: 4vw 8vw 4vw 2.66vw;
}
.btn-sq a.tu {
	background: #ff6e2d url(../img/icon-tutorial.svg) 96% center no-repeat ;
	background-size: 4vw;
	padding: 4vw 8vw 4vw 2.66vw;
}
.btn-sq a.dl:after,
.btn-sq a.ma:after,
.btn-sq a.tu:after {
	display: none;
}
.btn-sq button[disabled] {
	background-color: #ccc;
}

.btn-sq2 {
	width: 100%;
}
.btn-sq2 li {
	width: 100%;
	margin: 1.33vw 0 0 0;
}
.btn-sq2 li a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 1.33vw;
	width: 100%;
	background: #00b5f0;
	padding: 4vw 5.33vw 4vw 4vw;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.btn-sq2 li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2.66vw;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
}

.ank-btn {
	width: 100%;
}
.ank-btn a {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	border: 2px solid #00b5f0;
	border-radius: 8vw;
	background: #fff;
	width: 100%;
	margin: 1.33vw 0 0 0;
	padding: 2.66vw;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	color: #00b5f0;
}
.ank-btn a:after {
	content:"";
	position: absolute;
	top: 50%;
	right: 2.66vw;
	width: 0;
	height: 0;
	margin: -0.5vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 1.33vw 0 1.33vw;
	border-color: #00b5f0 transparent transparent transparent;
}
.ank-btn a.nor:after {
	margin: -1.33vw 0 0 0;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #00b5f0;
}
ul.ank-btn li {
	display: block;
}


.link {
	margin: 2.66vw 0 0 0;
	text-align: right;
	font-size: 0;
}
.link a,
.link span {
	display: inline-block;
	position: relative;
	border: 1px solid #ff6e2d;
	border-radius: 16vw;
	background: #fff;
	padding: 2vw 5.33vw 2vw 4vw;
	font-size: 3.2vw;
	line-height: 1.2;
	text-decoration: none;
	color: #ff6e2d;
}
.link a:after,
.link span:after {
	content:"";
	position: absolute;
	top: 50%;
	right: 2.13vw;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #ff6e2d;
	z-index: 1;
}


.caution-box {
	border: 1px solid #999;
	background: #fff;
	width: 100%;
	background: #fff;
	margin: 4vw 0;
	padding: 4vw;
}
.caution-box:first-child {
	margin-top: 0;
}
.caution-box:last-child {
	margin-bottom: 0;
}
.caution-box h2,
.caution-box h3 {
	margin: 0 0 2.66vw 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.1;
	color: #ff6e2d;
	text-align: center;
}
.caution-box h2.ex,
.caution-box h3.ex {}

.cost-box {
	border: 1px solid #999;
	background: #fff3ee;
	width: 100%;
	margin: 4vw 0;
	padding: 2.66vw;
	text-align: center;
}
.cost-box h2,
.cost-box h3 {
	margin: 0 0 2.66vw 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.1;
	color: #ff6e2d;
	text-align: center;
}
.cost-box ul {
	display: inline-block;
	font-size: 2.66vw;
	line-height: 1.4;
	text-align: left;
	white-space: nowrap;
}
.cost-box ul li {
	margin-top: 1.33vw;
	text-align: left;
}
.cost-box ul span {
	display: inline-block;
	vertical-align: middle;
}
.cost-box ul span.person {
	margin: 0 1vw;
	font-size: 2.13vw;
}
:lang(en) .cost-box ul span {
	font-size: 1.6vw;
}
:lang(en) .cost-box ul span.person {
	font-size: 1.33vw;
}


.img-left,
.img-right {
	width: 100%;
	margin: 0 0 2.66vw 0;
}


.txt-column {
	position: relative;
	margin-bottom: 4vw;
}
.img-column {
	position: relative;
	margin-bottom: 4vw;
}
.img-column img {
	border: 1px solid #ccc;
}
.img-column .copyright {
	margin: 1.33vw 0 0 0;
	font-size: 2.13vw;
	line-height: 1;
	text-align: left;
}

.txt-list {
	margin-bottom: 4vw;
}
.txt-list h2 {
	margin: 0 0 2.66vw 0;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
}
.list-area .txt-list .btn {
	margin: 2.66vw 0 0 0;
}
.img-list {
	margin-bottom: 4vw;
}
.img-list img {
	border: 1px solid #ccc;
}


.ul-style li {
	position: relative;
	padding-left: 1em;
}
.ul-style li:before {
	content: "\25CF";
	position: absolute;
	top: 1.3em;
	left: 0;
	font-size: 1.33vw;
	color: #ff6e2d;
}


.note,
.note2 {
	color: #666;
}
p.note {
	padding-left: 1em;
	text-indent: -1em;
}
ul.note li {
	padding-left: 1em;
	text-indent: -1em;
}

.heed {
	color: #e33;
}


.table-nm {
	width: 100%;
	border: 1px solid #999;
}
.table-nm th {
	vertical-align: middle;
	border: 1px solid #999;
	background: #ccf0fc;
	padding: 2.13vw;
	font-size: 2.66vw;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	color: #000;
}
.table-nm td {
	vertical-align: middle;
	border: 1px solid #999;
	background: #fff;
	padding: 2.13vw;
	font-size: 2.66vw;
	line-height: 1.6;
}
.table-nm td .on {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/icon-check-sdk.svg) center center no-repeat;
	background-size: 5.33vw;
	width: 5.33vw;
	height: 5.33vw;
	font-size: 0;
	color: #fff;
}
.table-nm .tit {
	vertical-align: top;
	font-weight: bold;
	color: #000;
}
.table-nm span {
	font-size: 2.13vw;
}


.area-list3,
.area-list6 {
	display: table;
	width: 100%;
}
.area-list3 li,
.area-list6 li {
	position: relative;
	vertical-align: middle;
	background: #55ceee;
	margin: 1.33vw 0 0 0;
	padding: 2.66vw;
	font-size: 3.73vw;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: #fff;
}
.area-list3 li span,
.area-list6 li span {
	font-size: 2.66vw;
}


.youtube {
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.certificate {
	display: inline-block;
	border: 1px solid #999;
	background: #fff;
	width: 100%;
	height: 300px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.certificate iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}


.txt-area {}
.txt-area p,
.txt-area .link,
.txt-area .ul-style {
	margin-top: 2.66vw;
	margin-bottom: 2.66vw;
}
.txt-area .table-nm {
	margin-top: 4vw;
	margin-bottom: 4vw;
}
.txt-area .head-big {
	margin: 13.33vw 0 8vw 0;
}
.txt-area .head-mid {
	margin: 5.33vw 0 2.66vw 0;
}
.txt-area .head-sml {}
.txt-area p:first-child,
.txt-area .ul-style:first-child,
.txt-area .table-nm:first-child,
.txt-area .head-big:first-child,
.txt-area .head-mid:first-child {
	margin-top: 0;
}
.txt-area p:last-child,
.txt-area .ul-style:last-child,
.txt-area .table-nm:last-child {
	margin-bottom: 0;
}
.txt-area .btn,
.txt-area .btn-sq,
.txt-area .btn-sq2,
.txt-area .ank-btn {
	margin-top: 4vw;
}
.txt-area hr {
	margin: 4vw 0;
}




/* INDEX */

#index-main {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #333;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
	z-index: 1;
}
#index-main a {
	color: #fff;
	text-decoration: none;
}
#index-main video {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
	z-index: 1;
}
#index-main iframe {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 50%;
	min-width: 100%;
	min-height: calc(100% - 37.33vw);
	width: 177.77777778vh;
	height: 56.25vw;
	transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	z-index: 1;
}
#index-main section {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

#index-main .download {
	position: absolute;
	top: 35%;
	left: 50%;
	background: rgba(0,0,0,0.6);
	width: 92vw;
	padding: 4vw 3.33vw 4vw 3.33vw;
	color: #fff;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
#index-main .download.use-banner {
	top: 8vw;
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
#index-main .download h1 {
	margin: 0 0 2.66vw 0;
	text-align: center;
	line-height: 1;
}
#index-main .download h1 img {
	width: 53.33vw;
}
#index-main .download .sub {
	margin: 0 0 4vw 0;
	font-size: 2.4vw;
	line-height: 1;
	text-align: center;
}
#index-main .download * {
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

#index-main .dlbtn {
	margin: 0 0 2.66vw 0;
}
#index-main .dlbtn a {
	display: block;
	border: 2px solid #fff;
	border-radius: 1.6vw;
	background: #ff6e2d url(../img/icon-dl.svg) 97% center no-repeat;
	background-size: 5.33vw;
	width: 100%;
	padding: 3.2vw 6.66vw 3.2vw 2.66vw;
	font-size: 3.73vw;
	font-weight: bold;
	letter-spacing: 0.04em;
	line-height: 1;
	text-align: center;
}
#index-main .dlbtn a span {
	display: block;
	margin: 2.13vw 0 0 0;
	font-size: 2.4vw;
	font-weight: normal;
	letter-spacing: 0.02em;
	line-height: 1.3;
}

#index-main .help {
	text-align: center;
	line-height: 1;
}
#index-main .help a {
	display: inline-block;
	position: relative;
	padding: 0 2.66vw 0 0;
	font-size: 3.73vw;
}
#index-main .help a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
}

#index-main .banner {
	position: absolute;
	bottom: 45.33vw;
	right: -100%;
	width: 100%;
	padding: 0 4vw;
	animation: banner 1s ease 1s forwards;
}
@keyframes banner {
	0% {
		right: -100%;
	}
	100% {
		right: 0;
	}
}

#index-main .videocredit{
	position: absolute;
	bottom: 38.5vw;
	left: 8px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	width: 100%;
}
#index-main .videocredit a:hover{
	color: #ff6e2d;
}

#index-main .licence {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #333;
	width: 100%;
	height: 37.33vw;
	color: #fff;
}
#index-main .licence .outside {
	padding: 0 !important;
}
#index-main .licence ul {
	width: 100%;
}
#index-main .licence ul li {
	display: table;
	width: 100%;
}
#index-main .licence ul li:nth-of-type(1) {
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
#index-main .licence ul li a {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 100%;
	height: 18.665vw;
	padding: 0 4vw 1.33vw 24vw;
	font-size: 5.33vw;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: 0.04em;
	text-align: center;
}
#index-main .licence ul li a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 2.66vw;
	width: 0;
	height: 0;
	margin: -1.86vw 0 0 0;
	border-style: solid;
	border-width: 1.86vw 0 1.86vw 1.86vw;
	border-color: transparent transparent transparent #ff6e2d;
	z-index: 1;
}
#index-main .licence ul li a span {
	font-size: 3.2vw;
	font-weight: normal;
}
#index-main .licence ul li:nth-of-type(1) a {
	background: url(../img/main-link-img_01.png) 2.66vw center no-repeat;
	background-size: 20vw;
}
#index-main .licence ul li:nth-of-type(2) a {
	background: url(../img/main-link-img_02.png) 2.66vw center no-repeat;
	background-size: 20vw;
}




#index-news {
	background: #333;
	width: 100%;
	padding: 3.2vw 2.66vw;
	font-size: 3.2vw;
	line-height: 1;
	color: #fff;
	overflow: hidden;
	z-index: 1;
}
#index-news a {
	color: #fff;
}
#index-news dt {
	margin: 0 0 1.86vw 0;
}
#index-news dd {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}




.index-about {
	position: relative;
	background: #ff832c url(../img/index-about-bg.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	padding: 4vw 0 12vw 0;
	z-index: 2;
}
.index-about .back-point {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}
.index-about .back-point:before {
	content: "";
	animation: stripe3 2s infinite linear;
	display: block;
	position: absolute;
	top: -10.66vw;
	background-image: linear-gradient(
		45deg,
		#fff 25%,
		transparent 25%,
		transparent 50%,
		#fff 50%,
		#fff 75%,
		transparent 75%,
		transparent
	);
	background-size: 4vw 4vw;
	width: 120%;
	height: 17.33vw;
	margin: 0 -10%;
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg);
	opacity: 0.3;
	z-index: 1;
}
@keyframes stripe3 {
	0% {  background-position-x: 0;  }
	100% {  background-position-x: 4vw;  }
}

.index-about section {
	position: relative;
	z-index: 3;
}

.index-about .about-main {
	position: relative;
	background: #fff;
	width: 56vw;
	padding: 4vw 2.66vw;
	z-index: 2;
}
.index-about .about-main h2 {
	margin: 0 0 4vw 0;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
.index-about .about-main h2 span {
	color: #ff6e2d;
}
.index-about .about-main .text {
	margin: 0 0 2.66vw 0;
	font-size: 3.2vw;
	line-height: 1.5;
	text-align: center;
}
.index-about .about-main .btn {
	margin: 4vw 0 0 0;
}

.index-about .about-sub {
	float: left;
	width: 35vw;
	margin: 2.66vw -4vw 0 0;
	z-index: 1;
}
.index-about .about-sub li {
	float: left;
	width: 46%;
	margin: 0 4% 0 0;
}
.index-about .about-img {
	position: relative;
	float: right;
	width: 55vw;
	margin-right: -4vw;
	z-index: 1;
}
.index-about .about-img .img1 {
	position: relative;
	width: 100%;
	z-index: 1;
}
.index-about .about-img .img2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	z-index: 2;
	-webkit-animation: aboutimg 5s ease-out infinite;
	-ms-animation: aboutimg 5s ease-out infinite;
	animation: aboutimg 5s ease-out infinite;
}
@-webkit-keyframes aboutimg { 
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-ms-keyframes aboutimg { 
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes aboutimg { 
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
.index-about .about-chara {
	position: absolute;
	top: -10vw;
	right: -7vw;
	width: 50vw;
	height: 150vw;
	overflow: hidden;
	z-index: 3;
}
.index-about .about-chara .cubism-widget {
	width: 50vw;
	height: 150vw;
}
.index-about .about-chara .cubism-widget > canvas {
	width: 100%;
	height: 100%;
}




.index-function {
	position: relative;
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 1px 0 0 0;
	z-index: 3;
}
.index-function:before {
	content: "";
	animation: stripe4 2s infinite linear;
	display: block;
	position: absolute;
	top: -13.33vw;
	border-bottom: 21.33vw solid #fff;
	background-image: linear-gradient(
		45deg,
		#fff 25%,
		#f2f2ee 25%,
		#f2f2ee 50%,
		#fff 50%,
		#fff 75%,
		#f2f2ee 75%,
		#f2f2ee
	);
	background-size: 4vw 4vw;
	width: 120%;
	height: 13.33vw;
	margin: 0 -10%;
	-webkit-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	transform: rotate(7deg);
	z-index: 1;
}
@keyframes stripe4 {
	0% {  background-position-x: 0;  }
	100% {  background-position-x: -4vw;  }
}

.index-function section.outside {
	padding-bottom: 10.66vw;
	z-index: 2;
}
.index-function section .txt-column {
	margin-bottom: 2.66vw;
	padding-left: 35vw;
}
.index-function section .img-column {
	width: 83%;
	margin-left: 17%;
}
.index-function .function-chara {
	position: absolute;
	top: -21.33vw;
	left: -1.33vw;
	width: 40vw;
	height: 150%;
	overflow: hidden;
	z-index: 3;
}

.index-function section .img-column .img1 {
	position: relative;
	max-width: none;
	width: 100%;
	z-index: 1;
}
.index-function section .img-column .img2 {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	width: 100%;
	opacity: 0;
	z-index: 2;
	-webkit-animation: functionimg 6s ease-out infinite;
	-ms-animation: functionimg 6s ease-out infinite;
	animation: functionimg 6s ease-out infinite;
}
@-webkit-keyframes functionimg { 
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@-ms-keyframes functionimg { 
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes functionimg { 
	0% { opacity: 0; }
	40% { opacity: 0; }
	50% { opacity: 1; }
	90% { opacity: 1; }
	100% { opacity: 0; }
}

.index-function .function {
	position: relative;
	background: #f2f2ee;
	width: 100%;
	padding: 1px 0;
	z-index: 3;
}
.index-function .function:before {
	content: "";
	animation: stripe5 2s infinite linear;
	display: block;
	position: absolute;
	top: -6.66vw;
	border-bottom: 21.33vw solid #f2f2ee;
	background-image: linear-gradient(
		45deg,
		#fff 25%,
		#f2f2ee 25%,
		#f2f2ee 50%,
		#fff 50%,
		#fff 75%,
		#f2f2ee 75%,
		#f2f2ee
	);
	background-size: 4vw 4vw;
	width: 120%;
	height: 13.33vw;
	margin: 0 -10%;
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg);
	z-index: 1;
}
@keyframes stripe5 {
	0% {  background-position-x: 0;  }
	100% {  background-position-x: 4vw;  }
}
.index-function .function .inside {
	overflow: hidden;
	z-index: 2;
}
.index-function .function .f-box {
	background: #fff;
	width: 75vw;
	margin: 0 auto 2.66vw auto;
}
.index-function .function .f-box:nth-of-type(3n) {
	margin: 0 auto;
}
.index-function .function .f-box > div{
	padding: 4vw;
}
.index-function .function .f-box h3 {
	margin: 0 0 2.66vw 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.3;
}


.interview-tit {
	position: relative;
	border-bottom: 2px solid #ff6e2d;
	width: 100%;
	margin: 0 auto 5.33vw auto;
	padding: 0 0 2.66vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
	color: #ff6e2d;
}
.interview-tit span {
	font-size: 2.66vw;
	font-weight: normal;
	color: #000;
}


.index-sdk h2 {
	margin: 0 0 4vw 0;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.index-sdk h2 span {
	color: #ff6e2d;
}
.index-sdk h3 {
	margin: 0 0 3.2vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
}
.index-sdk .cubism-sdk {
	background: #fff;
	width: 100%;
	padding: 4vw;
}
.index-sdk img {
	float: right;
	width: 50%;
	margin: 0 0 4vw 2.66vw;
}
.index-sdk .link {
	margin-top: 3.2vw;
}
.index-sdk .link a {
	display: block;
	text-align: center;
}
.index-sdk .btn {
	clear: both;
	margin-top: 3.2vw;
}


.index-support {
	width: 100%;
	margin: 0 0 10.66vw 0;
}
.index-support li {
	width: 100%;
	margin-bottom: 1.33vw;
}
.index-support li:nth-of-type(4) {
	margin-bottom: 0;
}
.index-support li br {
	display: none;
}
.index-support li a {
	position: relative;
	display: block;
	border-radius: 1.6vw;
	background: #ff9566;
	padding: 5.33vw 5.33vw 5.33vw 17.33vw;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.index-support li:nth-of-type(1) a {
	background: #ff9566 url(../img/support-icon_01.svg) 5.33vw center no-repeat;
	background-size: 12vw;
}
.index-support li:nth-of-type(2) a {
	background: #b1b199 url(../img/support-icon_02.svg) 5.33vw center no-repeat;
	background-size: 12vw;
}
.index-support li:nth-of-type(3) a {
	background: #55ceee url(../img/support-icon_03.svg) 5.33vw center no-repeat;
	background-size: 12vw;
}
.index-support li:nth-of-type(4) a {
	background: #a3cc7a url(../img/support-icon_04.svg) 5.33vw center no-repeat;
	background-size: 12vw;
}
.index-support li a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 2.66vw;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
}


.index-banner {
	width: 100%;
}
.index-banner div {
	margin-bottom: 8vw;
}
.index-banner div:nth-of-type(2) {
	margin-bottom: 0;
}


#float-banner {
	display: none;
	position: fixed;
	right: 2.66vw;
	bottom: 0;
	width: 48vw;
	height: 10.66vw;
	cursor: pointer;
	z-index: 50;
}
#float-banner .haru {
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../img/haru.gif) center top no-repeat;
	background-size: 12vw 13.33vw;
	width: 12vw;
	height: 13.33vw;
	z-index: 2;
}
#float-banner p {
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #00b5f0;
	border-radius: 25px;
	background: #fff;
	width: 34.66vw;
	height: 8vw;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 8vw;
	line-height: calc(8vw - 4px);
	text-align: center;
	color: #000;
}
#float-banner p:after {
	content: "";
	position: absolute;
	right: -1.06vw;
	bottom: -1.06vw;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.33vw 2.66vw 0 2.66vw;
	border-color: #00b5f0 transparent transparent transparent;
	-webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
	-ms-transform: rotate(-45deg) translate3d(0, 0, 0);
	transform: rotate(-45deg) translate3d(0, 0, 0);
	z-index: -1;
}

#banner-modal {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100vh;
	height: 100%;
	z-index: 10000;
}
#banner-outside {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:;
	height: 100%;
	z-index: 1;
}
#banner-modal .modal-area {
	position: absolute;
	top: 50%;
	top: calc(50% + 5.33vw);
	left: 50%;
	border-radius: 10px;
	background: #fff;
	width: 92%;
	padding: 2.66vw 3.33vw 3.33vw 3.33vw;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 2;
}
#banner-modal .modal-area .title {
	height: 4vw;
	margin: 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1;
	color: #00b5f0;
}
#banner-modal .modal-area #banner-close {
	position: absolute;
	top: 1.6vw;
	right: 3.33vw;
	border: 2px solid #00b5f0;
	border-radius: 5.33vw;
	background: #fff;
	width: 5.33vw;
	height: 5.33vw;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 5.33vw;
	line-height: calc(5.33vw - 4px);
	text-align: center;
	color: #00b5f0;
	cursor: pointer;
}
#banner-modal .modal-area #banner-close:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #00b5f0;
	width: 3.4vw;
	height: 2px;
	margin: -1px 0 0 -1.7vw;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#banner-modal .modal-area #banner-close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #00b5f0;
	width: 3.4vw;
	height: 2px;
	margin: -1px 0 0 -1.7vw;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#banner-modal .modal-area .big {
	margin: 1.6vw 0 0 0;
}
#banner-modal .modal-area .middle li {
	float: left;
	width: 49%;
	margin: 1.6vw 0 0 0;
}
#banner-modal .modal-area .middle li:nth-of-type(2n) {
	float: right;
}




/* ABOUT */

#page-title.about {
	background: #f2f2ee url(../img/about-main-img.png) -45vw top no-repeat;
	background-size: cover;
	padding: 8vw 0;
}
#page-title.about section h1 {
	margin: 0 0 8vw 0;
}
#page-title.about section p {
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-align: left;
}
#page-title section p span {
	color: #00b5f0;
}

.about-cts {
	position: relative;
	width: 100%;
	margin-bottom: 5.33vw;
}
.about-cts:last-child {
	margin-bottom: 0;
}
.inside.about-cts {
	padding: 0;
}
.about-cts .img-column {
	margin-bottom: 0;
}
.about-cts h2 {
	margin: 0 0 2.66vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 0.04em;
	color: #000;
	text-align: center;
}
.about-cts .feature1 {
	background: #00b5f0;
	margin: 0 0 -10.66vw 0;
}
.about-cts .feature2 {
	background: #00b5f0;
	margin: 0 0 -10.66vw auto;
}
.about-cts .feature1:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 10px 0 10px;
	border-color: #00b5f0 transparent transparent transparent;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: -1;
}
.about-cts .feature2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 10px 0 10px;
	border-color: #00b5f0 transparent transparent transparent;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
}
.about-cts .forte1 {
	background: #ff6e2d;
	margin: 0 0 -10.66vw 0;
}
.about-cts .forte2 {
	background: #ff6e2d;
	margin: 0 0 -10.66vw auto;
}
.about-cts .forte1:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.33vw 2.66vw 0 2.66vw;
	border-color: #ff6e2d transparent transparent transparent;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: -1;
}
.about-cts .forte2:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5.33vw 2.66vw 0 2.66vw;
	border-color: #ff6e2d transparent transparent transparent;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: -1;
}
.about-cts .feature1,
.about-cts .feature2,
.about-cts .forte1,
.about-cts .forte2 {
	position: relative;
	border-radius: 10.66vw;
	width: 10.66vw;
	height: 10.66vw;
	padding: 3.46vw 0 0 0;
	font-size: 2.66vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
}
.about-cts .feature1 span,
.about-cts .feature2 span,
.about-cts .forte1 span,
.about-cts .forte2 span {
	font-size: 3.73vw;
}

.about-flow {
	position: relative;
	width: 100%;
	padding: 3.2vw 0 5.33vw 12vw;
}
.about-flow:before {
	content: "";
	position: absolute;
	top: 1vw;
	left: 4vw;
	background: #ff6e2d;
	width: 2.66vw;
	height: 100%;
	z-index: 1;
}
.about-flow:last-child:before {
	display: none;
}
.about-flow h3 {
	border-bottom: 2px solid #ff6e2d;
	margin: 0 0 4vw 0;
	padding: 0 0 2.13vw 0;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1;
	color: #000;
}
.about-flow .num {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10.66vw;
	background: #ff6e2d;
	width: 10.66vw;
	height: 10.66vw;
	padding: 2.66vw 0 0 0;
	font-size: 5.33vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
	z-index: 2;
}
.flow-column {
	width: 100%;
	overflow: hidden;
}
.flow-column .flow-txt {
}
.flow-column .flow-img {
	margin: 4vw 0 0 0;
}
.flow-column .flow-img img {
	border: 1px solid #ccc;
}
.flow-data {
	width: 100%;
	margin: 4vw 0 0 0;
	overflow: hidden;
}
.flow-data div:nth-child(1) {
	float: left;
	width: 33%;
}
.flow-data div:nth-child(2) {
	float: right;
	width: 65%;
}
.flow-data div img {
	border: 1px solid #ccc;
}
.flow-data div p {
	margin: 1vw 0 0 0;
	text-align: center;
	font-size: 2.13vw;
	line-height: 1.4;
}
.flow-emb {
	width: 100%;
	margin: 4vw 0 0 0;
	overflow: hidden;
}
.flow-emb div:nth-child(1) {
	float: left;
	width: 49%;
}
.flow-emb div:nth-child(2) {
	float: right;
	width: 49%;
}
.flow-emb div:nth-child(3) {
	clear: both;
	width: 100%;
	padding: 1.6vw 0 0 0;
}
.flow-emb div img {
	border: 1px solid #ccc;
}




/* INTERVIEW */

#page-title.interview {
	background: #f2f2ee url(../img/interview-main-img.jpg) center center no-repeat;
	background-size: cover;
}

#page-title.interviews {
	background: #fff;
	padding: 5.33vw 0;
}
#page-title .interviews-img {
	margin: 0 0 4vw 0;
}
#page-title.interviews h1 {
	margin-bottom: 8vw;
	line-height: 1.2;
}
#page-title.interviews .com {
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.6;
}
#page-title.interviews .com br {
	display: none;
}
#page-title.interviews .by {
	margin: 2.66vw 0 0 0;
	font-size: 3.2vw;
	font-weight: bold;
	text-align: right;
}
.interviews-sns {
	width: 100%;
	margin: 5.33vw 0 0 0;
	font-size: 0;
	line-height: 1;
	text-align: center;
}
.interviews-sns li {
	display: inline-block;
	width: 10.66vw;
	height: 10.66vw;
	margin: 0 1.33vw;
}
#page-title.interviews .interviews-sns {
	margin: 4vw 0 0 0;
}


#wrap.interviews {
	background: #f2f2ee;
}


.interview-list {
	position: relative;
	width: 75vw;
	margin: 0 auto 5.33vw auto;
}

.interview-list .list-box {
	position: relative;
	display: block;
	border: 2px solid #ccc;
	border-radius: 4vw;
	background: #fff;
	width: 100%;
	margin: 0 0 5.33vw 0;
	padding: 4vw 5.33vw;
	text-decoration: none;
}
.interview-list .list-box:after,
.interview-list .list-box:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	border-style: solid;
	width: 0;
	height: 0;
}
.interview-list .list-box:after {
	margin-left: -20px;
	border-width: 20px 20px 0 20px;
	border-color: #ccc transparent transparent transparent;
	z-index: 1;
}
.interview-list .list-box:before {
	margin-left: -17px;
	border-width: 17px 17px 0 17px;
	border-color: #fff transparent transparent transparent;
	z-index: 2;
}
.interview-list .list-box .comment {
	position: relative;
	width: 100%;
}
.interview-list .list-box .comment h3 {
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.6;
	text-align: center;
	color: #000;
}
.interview-list .list-box .image {
	width: 100%;
	margin: 0 0 2.66vw 0;
}

.interview-list .list-box .new {
	display: block;
	position: absolute;
	top: -4vw;
	left: -6.66vw;
	border-radius: 10.66vw;
	background: #ff6e2d;
	width: 10.66vw;
	height: 10.66vw;
	padding: 3.8vw 0 0 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
}
.interview-list .list-box .new:after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3.2vw 1.33vw 0 1.33vw;
	border-color: #ff6e2d transparent transparent transparent;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.interview-list .list-logo {
	position: relative;
	width: 100%;
	text-align: center;
}
.interview-list .list-logo img {
	width: 60%;
}


.interview-preamble {
	width: 100%;
}
.interview-preamble .img {
	margin: 0 0 4vw 0;
	text-align: center;
}
.interview-preamble .img img {
	width: 50%;
}
.interview-preamble .link a {
	margin-left: 1vw;
	font-size: 2.66vw;
}


.interview-box {
	position: relative;
	background: #fff;
	width: 100%;
	margin: 5.33vw 0;
	padding: 5.33vw 4vw;
}
.interview-box h3 {
	margin: 5.33vw 0 4vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
.interview-box h4 {
	margin: 5.33vw 0 4vw 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
.interview-box h5 {
	margin: 5.33vw 0 4vw 0;
	font-size: 3.46vw;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
.interview-box h6 {
	margin: 5.33vw 0 4vw 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.4;
	color: #000;
}
.interview-box h3:first-child,
.interview-box h4:first-child,
.interview-box h5:first-child,
.interview-box h6:first-child {
	margin: 0 0 2.66vw 0;
}
.interview-box .quote {
	display: inline-block;
	position: relative;
	margin: 4vw 0 1.33vw 0;
	padding: 0 5.33vw;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1.6;
	color: #ff6e2d !important;
}
.interview-box .quote:before {
	content: "\201C";
	position: absolute;
	top: 0;
	left: -1.33vw;
	font-size: 10.66vw;
	font-weight: bold;
	line-height: 1;
	color: #ff6e2d;
}
.interview-box .quote:after {
	content: "\201D";
	position: absolute;
	top: 0;
	right: -1.33vw;
	font-size: 10.66vw;
	font-weight: bold;
	line-height: 1;
	color: #ff6e2d;
}

.interview-box p,
.interview-box .link,
.interview-box .ul-style,
.interview-box .table-nm {
	margin-top: 4vw;
	margin-bottom: 4vw;
}
.interview-box p:first-child,
.interview-box .ul-style:first-child,
.interview-box .table-nm:first-child {
	margin-top: 0;
}
.interview-box p:last-child,
.interview-box .ul-style:last-child,
.interview-box .table-nm:last-child {
	margin-bottom: 0;
}
.interview-box .btn,
.interview-box .btn-sq,
.interview-box .btn-sq2,
.interview-box .ank-btn {
	margin-top: 5.33vw;
}

.interview-box .tc img {
	margin: 1.33vw 0;
}

.image-left,
.image-right,
.image-double {
	width: 100%;
	margin: 4vw 0;
}
.image-left img,
.image-right img,
.image-double img {
	display: block;
	margin: 0 0 4vw 0;
}
.image-left:first-child,
.image-right:first-child,
.image-double:first-child {
	margin-top: 0;
}
.image-left:last-child,
.image-right:last-child,
.image-double:last-child {
	margin-bottom: 0;
}


.pagenation {
	position: relative;
	width: 100%;
}
.pagenation ul {
	position: relative;
	width: 100%;
	padding: 0 13.33vw;
	font-size: 0;
	text-align: center;
}
.pagenation li {
	display: inline-block;
	width: 10.66vw;
	height: 10.66vw;
	margin: 0 1.33vw 1.33vw 1.33vw;
}
.pagenation li a {
	display: inline-block;
	border: 2px solid #00b5f0;
	border-radius: 10.66vw;
	background: #00b5f0;
	width: 10.66vw;
	height: 10.66vw;
	font-size: 4.26vw;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 10.66vw;
	line-height: calc(10.66vw - 4px);
	color: #fff;
}
.pagenation li.active a {
	background: #fff;
	color: #00b5f0;
}
.pagenation li.prev {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.pagenation li.next {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}

.interview-move {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.interview-move .prev {
	float: left;
	width: 48%;
}
.interview-move .next {
	float: right;
	width: 48%;
}
.interview-move a {
	display: block;
	border: 1px solid #ff6e2d;
	border-radius: 10px;
	background: #fff;
	padding: 2.66vw;
	font-size: 2.4vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #ff6e2d;
}
.interview-move a img {
	margin: 2.13vw 0;
}
.interview-move a em {
	color: #000;
}




/* PRICE */

.price {
	background: #fff;
	margin: 2.66vw 0 0 0;
	padding: 5.33vw 3.2vw;
}

.price .price-tit {
	margin: 0 0 2.66vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
	color: #ff6e2d;
	text-align: center;
}
.price .price-read {
	margin: 0 0 20px 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	text-align: center;
}

.price .price-plan {
	position: relative;
	background: #333;
	margin: 5.33vw 0 0 0;
	padding: 2.66vw 6.66vw;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.1;
	color: #fff;
	text-align: center;
}
.price .price-plan span {
	font-size: 2.66vw;
	font-weight: normal;
}
.price .price-plan .osusume {
	position: absolute;
	top: 50%;
	left: -5.33vw;
	background: url(../img/icon-osusume.svg) no-repeat;
	background-size: 10.66vw;
	width: 10.66vw;
	height: 10.66vw;
	margin: -5.33vw 0 0 0;
	padding: 10.66vw 0 0 0;
	font-size: 0;
	overflow: hidden;
}
:lang(en) .price .price-plan .osusume,
:lang(zh-Hans) .price .price-plan .osusume,
:lang(ko) .price .price-plan .osusume {
	top: -3vw;
	background: url(../img/icon-osusume-en.svg) no-repeat;
	background-size: 16.5vw;
	width: 16.5vw;
	height: 6vw;
	margin: 0;
	padding: 16.5vw 0 0 0;
}

.price .price-fee p,
.price .price-fee dl {
	border: 1px solid #999;
	width: 100%;
	margin: 1.33vw 0 0 0;
	padding: 2.66vw;
}
.price .price-fee dt {
	border-bottom: 1px solid #ccc;
	margin: 0 0 2.66vw 0;
	padding: 0 0 2.13vw 0;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.price .price-fee p,
.price .price-fee dd {
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.2;
	color: #ff6e2d;
	text-align: center;
}
.price .price-fee p span,
.price .price-fee dd span {
	font-size: 2.66vw;
	font-weight: normal;
	color: #000;
}
.price .price-fee dd div {
	display: inline;
}
.price .price-fee .exchange { display: none; }
:lang(en) .price .price-fee .exchange,
:lang(zh-Hans) .price .price-fee .exchange,
:lang(ko) .price .price-fee .exchange {
	display: inline;
	padding: 0 0 0 1em;
	font-size: 2.4vw;
	color: #666;
}

.price .price-plan-all {
	position: relative;
	width: 100%;
	margin: 4vw 0;
}
.price .price-plan-all .price-area {
	position: relative;
	background: #f8f8f8;
	width: 100%;
	padding: 5.33vw 4vw;
	text-align: center;
	z-index: 1;
}
.price .price-plan-all .price-area.year {
	border: 1px solid #999;
	background: #fff;
	box-shadow: 1.06vw 1.06vw 0 rgba(0,0,0,0.1);
	z-index: 2;
}
.price .price-plan-all .price-area h4 {
	position: relative;
	margin: 0 0 9.33vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.price .price-plan-all .price-area.year h4 {
	color: #ff6e2d;
}
.price .price-plan-all .price-area h4:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -4vw;
	display: block;
	background: #b1b199;
	width: 8vw;
	height: 2px;
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.price .price-plan-all .price-area.year h4:after {
	background: #ff6e2d;
}
.price .price-plan-all .price-area .plan-yen {
	margin: 0 0 4vw 0;
	font-size: 10.66vw;
	font-weight: bold;
	line-height: 6.66vw;
	text-align: center;
}
:lang(en) .price .price-plan-all .price-area .plan-yen,
:lang(zh-Hans) .price .price-plan-all .price-area .plan-yen,
:lang(ko) .price .price-plan-all .price-area .plan-yen {
	font-size: 9.33vw;
	line-height: 5.86vw;
}
.price .price-plan-all .price-area.year .plan-yen {
	color: #000;
}
.price .price-plan-all .price-area .plan-yen span {
	font-size: 5.33vw;
}
:lang(en) .price .price-plan-all .price-area .plan-yen span,
:lang(zh-Hans) .price .price-plan-all .price-area .plan-yen span,
:lang(ko) .price .price-plan-all .price-area .plan-yen span {
	font-size: 4.8vw;
}
.price .price-plan-all .price-area .plan-yen span span,
:lang(en) .price .price-plan-all .price-area .plan-yen span span,
:lang(zh-Hans) .price .price-plan-all .price-area .plan-yen span span,
:lang(ko) .price .price-plan-all .price-area .plan-yen span span {
	font-size: 3.73vw;
}
.price .price-plan-all .exchange { display: none; }
:lang(en) .price .price-plan-all .exchange,
:lang(zh-Hans) .price .price-plan-all .exchange,
:lang(ko) .price .price-plan-all .exchange {
	display: block;
	width: 100%;
	margin: 0;
	font-size: 2.66vw !important;
	font-weight: normal !important;
	text-align: center;
	color: #666 !important;
}
.price .price-plan-all .price-area .plan-txt {
	margin: 0;
	line-height: 1.6;
}
.price .price-plan-all .price-area .plan-pay {
	width: 100%;
	margin: 4.8vw 0 0 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}
.price .price-plan-all .price-area .plan-pay li {
	display: inline-block;
	border-radius: 1.06vw;
	background: #d8d8cc;
	width: 14vw;
	height: 6.66vw;
	margin: 0 0.3vw 0.6vw 0.3vw;
	padding: 0 1vw;
	font-size: 2.66vw;
	font-weight: bold;
	line-height: 6.66vw;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
:lang(en) .price .price-plan-all .price-area .plan-pay li,
:lang(zh-Hans) .price .price-plan-all .price-area .plan-pay li,
:lang(ko) .price .price-plan-all .price-area .plan-pay li {
	width: auto;
	padding: 0 2vw;
	font-size: 2.4vw;
	white-space: nowrap;
}
.price .price-plan-all .subscription {
	position: relative;
	width: 100%;
	margin: 0 0 4vw 0;
	padding: 4vw 0 0 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	color: #ff6e2d;
}
.price .price-plan-all .subscription:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	background: #ffb999;
	width: 80%;
	height: 2.13vw;
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.price .price-plan-all .buyingout {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 4vw 0 0 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	color: #000;
}
.price .price-plan-all .buyingout:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	background: #999;
	width: 80%;
	height: 2.13vw;
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.price .price-plan-all .buyingout br {
	display: none;
}
.price .price-plan-all .buyingout span {
	font-size: 2.66vw;
	font-weight: normal;
	color: #666;
}

.price .price-plan-year {
	position: relative;
	margin: 5.33vw 0 4vw 0;
	padding: 0 0 0 16vw;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	white-space: nowrap;
}
:lang(en) .price .price-plan-year,
:lang(zh-Hans) .price .price-plan-year,
:lang(ko) .price .price-plan-year {
	white-space: normal;
	line-height: 1.2;
}
.price .price-plan-year strong {
	font-size: 5.86vw;
}
.price .price-plan-year span {
	background: -moz-linear-gradient(top, rgba(255,238,0,0) 0%, rgba(255,238,0,0) 59%, rgba(255,238,0,1) 60%, rgba(255,238,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,238,0,0) 0%,rgba(255,238,0,0) 59%,rgba(255,238,0,1) 60%,rgba(255,238,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,238,0,0) 0%,rgba(255,238,0,0) 59%,rgba(255,238,0,1) 60%,rgba(255,238,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffee00', endColorstr='#ffee00',GradientType=0 );
	color: #ff6e2d;
}
:lang(en) .price .price-plan-year span,
:lang(zh-Hans) .price .price-plan-year span,
:lang(ko) .price .price-plan-year span {
	background: none;
}
.price .price-plan-year p {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 13.33vw;
	background: #ff6e2d;
	width: 13.33vw;
	height: 13.33vw;
	padding: 2.4vw 0 0 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	color: #fff;
}
:lang(en) .price .price-plan-year p,
:lang(zh-Hans) .price .price-plan-year p,
:lang(ko) .price .price-plan-year p {
}
.price .price-plan-year p:after {
	content: "";
	position: absolute;
	right: -0.5vw;
	bottom: -0.5vw;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4vw 2vw 0 2vw;
	border-color: #ff6e2d transparent transparent transparent;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.price .btn {
	margin-top: 4vw;
}
.price .note {
	margin-top: 2.66vw;
}

.price hr {
	margin: 4vw 0;
}




/* comparison */

#page-title.comparison {
	background-image: url(../img/comparison-main-img.jpg);
}

.comparison-menu {
	display: table;
	table-layout: fixed;
	border-left: 1px solid #ccc;
	width: 100%;
	line-height: 1;
}
.comparison-menu li {
	display: table-cell;
	border-right: 1px solid #ccc;
	text-align: center;
}
.comparison-menu li a {
	display: block;
	color: #000;
	text-decoration: none;
}

.comparison-data {
	position: relative;
	border-collapse: separate;
	border-spacing: 2px;
	width: 100%;
	width: calc(100% + 4px);
	margin: 0 -2px;
}
.comparison-data th.tit {
	background: #333;
	padding: 2.66vw;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	color: #fff;
}
.comparison-data th.pro {
	position: relative;
	width: 20%;
	padding: 0;
	text-align: center;
	color: #fff;
}
.comparison-data th.pro span {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	border-radius: 1.6vw 1.6vw 0 0;
	background: #ff6e2d;
	width: 100%;
	padding: 3.2vw 2.66vw;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.comparison-data th.free {
	background: #00b5f0;
	width: 20%;
	padding: 2.66vw;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
}
.comparison-data td {
	vertical-align: middle;
	border: 1px solid #999;
	background: #fff;
	padding: 2.66vw;
	font-size: 2.66vw;
	line-height: 1.5;
}
.comparison-data td p {
	margin: 1.33vw 0 0 0;
}
.comparison-data td .tit {
	margin: 0 0 1.33vw 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 1.2;
}
.comparison-data td .tit span {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #00b5f0;
	background: #fff;
	margin: -1px 0 0 2.13vw;
	padding: 0.5vw 1.6vw;
	font-size: 2.13vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #00b5f0;
}
.comparison-data td.pro {
	padding: 2.66vw 1.33vw;
	font-size: 2.66vw;
	font-weight: bold;
	text-align: center;
	color: #393;
	line-break: auto;
	word-break: break-all;
}
.comparison-data td.free {
	padding: 2.66vw 1.33vw;
	font-size: 2.66vw;
	text-align: center;
	line-break: auto;
	word-break: break-all;
}
.comparison-data td .link a {
    padding: 1.6vw 5.33vw 1.6vw 2.66vw;
	font-size: 2.66vw;
    line-height: 1;
}
.comparison-data td.pro .on {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/icon-check-pro.svg) center center no-repeat;
	background-size: 5.33vw;
	width: 5.33vw;
	height: 5.33vw;
	font-size: 0;
	color: #fff;
}
.comparison-data td.free .on {
	display: inline-block;
	vertical-align: middle;
	background: url(../img/icon-check-free.svg) center center no-repeat;
	background-size: 5.33vw;
	width: 5.33vw;
	height: 5.33vw;
	font-size: 0;
	color: #fff;
}




/* DOWNLOAD */

#page-title.download {
	background-image: url(../img/dl-main-img.jpg);
}

#page-title.cubism-sdk {
	background-image: url(../img/cubismsdk-main-img.jpg);
}

.cubism-img {
	margin: 4vw 0;
}

.platform-list {
	width: 100%;
	overflow: hidden;
}
.platform-list li {
	float: left;
	border: 1px solid #ccc;
	width: 24%;
	background: #fff;
	margin: 0 1.33% 1.33vw 0;
}
.platform-list li:nth-of-type(4n) {
	margin: 0 0 1.33vw 0;
}

.ae-column {
	position: relative;
	width: 100%;
	margin: 0 0 4vw 0;
	overflow: hidden;
}
.ae-column .img-column {
	width: 100%;
	margin: 4vw 0 0 0;
	text-align: center;
}
.ae-column h3 {
	margin: 0 0 1.6vw 0;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	color: #000;
}

form .checkbox {
	margin: 4vw 0 5.33vw 0 !important;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #000;
}
form .checkbox input {
	display: none;
}
form .checkbox input[type=checkbox] + label {
	display: inline-block;
	position: relative;
	height: 6.66vw;
	padding-left: 9.33vw;
	line-height: 6.66vw;
}
form .checkbox input[type=checkbox] + label:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #666;
	background: #fff;
	width: 6.66vw;
	height: 6.66vw;
	background: #fff;
	cursor: pointer;
}
form .checkbox input[type=checkbox]:checked + label:before {
	background: #ff6e2d;
	box-shadow: 0 0 0 1vw #fff inset;
}

.update-check {
	margin: 4vw 0 1vw 0 !important;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1;
	color: #000;
}
.update-check input {
	display: none;
}
.update-check input[type="radio"] + label {
	display: inline-block;
	position: relative;
	height: 8.53vw;
	padding-left: 9.33vw;
	line-height: 6.66vw;
	cursor: pointer;
}
.update-check input[type="radio"] + label:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #666;
	border-radius: 6.66vw;
	background: #fff;
	width: 6.66vw;
	height: 6.66vw;
	background: #fff;
	cursor: pointer;
}
.update-check input[type="radio"]:checked + label:before {
	background: #ff6e2d;
	box-shadow: 0 0 0 1vw #fff inset;
}
.update-check input[disabled] + label:before {
	border: 1px solid #ccc;
	background: #eee;
}
.update-check input[disabled]:checked + label:before {
	background: #ccc;
	box-shadow: 0 0 0 1vw #eee inset;
}

.mc-field-group {
	width: 100%;
}
.mc-field-group input {
	border: 1px solid #666;
	background: #fff;
	width: 100%;
	padding: 3.2vw 2.66vw;
	font-size: 4.26vw;
	line-height: 1;
}
.mc-field-group input[disabled] {
	border: 1px solid #ccc;
	background: #eee;
}
.mc-field-group input.mce_inline_error {
	border: 1px solid #e33 !important;
	color: #000;
}
.mce_inline_error {
	color: #e33;
}

.update_history {
	margin: 2.66vw 0 4vw 0 !important;
	text-align: center;
}

.version-btn {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: none;
	border-radius: 1.33vw;
	width: 100%;
	background-color: #55ceee;
	margin: 0;
	padding: 3.2vw 4vw;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
	z-index: 2;
}
.version-btn span {
	position: absolute;
	top: 50%;
	right: 15px;
	width: 0;
	height: 0;
	margin: -0.93vw 0 0 0;
	border-style: solid;
	border-width: 1.86vw 1.86vw 0 1.86vw;
	border-color: #fff transparent transparent transparent;
}
.version-btn.active span {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.version-btn span:before {
	display: none !important;
}
.version-btn[disabled] {
	background: #ccc;
}


.sample-img {
	display: table;
	width: 100%;
	overflow: visible;
}
.sample-img img {
	border: none;
}
.sample-img .stop {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 1.33vw;
}
.sample-img .stop:before {
	content: "\9759\6B62\753B";
	display: block;
	position: absolute;
	top: -2.66vw;
	left: 0;
	border-radius: 5.33vw;
	background: #00b5f0;
	width: 14.66vw;
	height: 5.33vw;
	font-size: 2.66vw;
	line-height: 5.33vw;
	text-align: center;
	color: #fff;
	z-index: 5;
}
.sample-img .move {
	position: relative;
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 0 0 2.66vw;
}
.sample-img .move:before {
	content: "Live2D";
	display: block;
	position: absolute;
	top: -2.66vw;
	left: 1.33vw;
	border-radius: 5.33vw;
	background: #00b5f0;
	width: 14.66vw;
	height: 5.33vw;
	font-size: 2.66vw;
	line-height: 5.33vw;
	text-align: center;
	color: #fff;
	z-index: 5;
}

.sample-dl {
	display: table;
	width: 100%;
	margin: 5.33vw 0;
	font-size: 2.66vw;
}
.sample-dl:last-child {
	margin: 5.33vw 0 0 0;
}
.sample-dl p {
	margin: 0;
}
.sample-dl .pro {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 1.33vw 0 0;
}
.sample-dl .free {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	padding: 0 0 0 1.33vw;
}
.sample-dl .dl-btn {
	margin: 0 0 2.66vw 0;
}
.sample-dl .dl-btn a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: none;
	border-radius: 1.33vw;
	width: 100%;
	background: #ff6e2d url(../img/icon-dl.svg) 95% center no-repeat ;
	background-size: 20px;
	margin: 0;
	padding: 2.66vw 4vw;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}
.sample-dl .free .dl-btn a {
	background-color: #00b5f0;
}
.sample-dl .blank {
	color: #ccc;
}
.sample-dl .blank .dl-btn a {
	background-color: #ccc;
	pointer-events: none;
}


#cubism-spec {
	border: 1px solid #999;
	background: #fff;
	margin: 5.33vw 0 0 0;
}
#cubism-spec h2 {
	position: relative;
	background: #fff;
	margin: 0;
	padding: 3.2vw 4vw;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1;
	color: #000;
	cursor: pointer;
	-webkit-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	transition: 0.1s linear;
}
#cubism-spec h2:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 4vw;
	display: block;
	border-radius: 5.33vw;
	border:1px solid #00b5f0;
	width: 5.33vw;
	height: 5.33vw;
	margin: -2.66vw 0 0 0;
}
#cubism-spec h2:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5.9vw;
	display: block;
	border-right: 1px solid #00b5f0;
	border-bottom: 1px solid #00b5f0;
	width: 1.6vw;
	height: 1.6vw;
	margin: -1.2vw 0 0 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	transition: 0.1s linear;
}
#cubism-spec h2.active {
	background: #fff;
}
#cubism-spec h2.active:after {
	margin: -0.2vw 0 0 0;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#cubism-spec .spec-data {
	display: none;
	border-top: 1px solid #ccc;
	padding: 4vw;
}


#dl-warning {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 100vh;
	height: 100%;
	z-index: 10000;
}
#warning-outside {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:;
	height: 100%;
	z-index: 1;
}
#dl-warning .warning-area {
	position: absolute;
	top: 50%;
	top: calc(50% + 5.33vw);
	left: 50%;
	border-radius: 10px;
	background: #fff;
	width: 92%;
	padding: 5.33vw 3.33vw;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 2;
}
#dl-warning .warning-area #warning-close {
	position: absolute;
	top: -4vw;
	right: 1.6vw;
	border-radius: 5.33vw;
	background: #ff6e2d;
	width: 8vw;
	height: 8vw;
	cursor: pointer;
}
#dl-warning .warning-area #warning-close:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	width: 6vw;
	height: 2px;
	margin: -1px 0 0 -3vw;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#dl-warning .warning-area #warning-close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	width: 6vw;
	height: 2px;
	margin: -1px 0 0 -3vw;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#dl-warning .warning-area h2 {
	margin: 0 0 4vw 0;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	color: #000;
}
#dl-warning .warning-area .forpc {
	margin: 0 0 4vw 0;
	font-size: 3.73vw;
	font-weight: bold;
	text-align: center;
	color: #ff6e2d;
}
#dl-warning .warning-area p {
	margin: 1.33vw 0;
	text-align: center;
}
#dl-warning .warning-area input {
	border: 2px solid #ff6e2d;
	width: 100%;
	padding: 2.66vw;
	font-size: 16px;
	line-height: 1;
	color: #ff6e2d;
}
#dl-warning .sns {
	margin: 2.66vw 0 0 0;
	text-align: center;
	font-size: 0;
	line-height: 1;
}
#dl-warning .sns li {
	display: inline-block;
	margin: 0 2.66vw;
}
#dl-warning .sns img {
	width: 10.66vw;
}




/* SUPPORT */

#page-title.support {
	background-image: url(../img/support-main-img.jpg);
}




/* SITEMAP */

#page-title.sitemap {
	background-image: url(../img/sitemap-img-main.jpg);
}

.sitemap-list div {
}
.sitemap-list p {
	position: relative;
	margin: 0 0 8vw 0;
	padding-left: 0.8em;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1.2;
}
.sitemap-list p:before {
	content:"";
	position: absolute;
	top: 1.06vw;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #ff6e2d;
	z-index: 1;
}
.sitemap-list p a,
.sitemap-list p span {
	text-decoration: none;
	color: #000;
}
.sitemap-list ul {
	position: relative;
	margin: -2.66vw 0 8vw 0;
	padding-left: 1em;
	font-size: 3.73vw;
	line-height: 1.2;
}
.sitemap-list ul li {
	position: relative;
	margin: 0 0 2.66vw 0;
	padding-left: 1em;
}
.sitemap-list ul li:before {
	content:"";
	position: absolute;
	top: 1.06vw;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #ccc;
	z-index: 1;
}
.sitemap-list ul li a {
	text-decoration: none;
	color: #666;
}
.sitemap-list a:hover {
	text-decoration: underline;
	color: #ff6e2d;
}
.sitemap-list a[target="_blank"] {
	background: url(../img/icon-blank.svg) right center no-repeat;
	background-size: 1em;
	padding-right: 1.5em;
}




/* MEDIA */

#media-main {
	position: relative;
	width: 100%;
	height: 64vw;
	margin: 0 0 -7.75vw 0;
	padding: 0;
	overflow: hidden;
	z-index: 5;
}
#media-main #media-main-swiper {
	position: relative;
	width: 100%;
	height: 56.25vw;
	padding: 0;
}
#media-main .swiper-wrapper {
	width: 100%;
}
#media-main .swiper-slide {
	position: relative;
	background: #d8d8cc;
	overflow: hidden;
}
#media-main .swiper-slide img {
	position: absolute;
	top: 0;
	left: 50%;
	max-width: inherit;
	width: auto;
	height: 56.25vw;
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}

.media-list {
}
.media-list div.list-block {
	position: relative;
	background: #f2f2ee;
	width: 100%;
	margin: 4vw 0 0 0;
	padding: 0 0 4vw 0;
	cursor: pointer;
	z-index: 1;
}
.media-list .list-block .pu {
	position: absolute;
	top: -1.33vw;
	left: -1.33vw;
	background: url(../img/md-pu.svg) no-repeat;
	background-size: 100% 100%;
	width: 13.33vw;
	height: 15vw;
	margin: 0;
	padding: 1.6vw 0.5vw 0 0.5vw;
	font-size: 4vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	z-index: 4;
}
.media-list .list-block .pu span {
	font-size: 2.66vw;
}
.media-list .list-block .pu strong {
	font-size: 6.4vw;
}
.media-list .list-block:nth-of-type(1) .pu strong:before {
	content: "1";
}
.media-list .list-block:nth-of-type(2) .pu strong:before {
	content: "2";
}
.media-list .list-block:nth-of-type(3) .pu strong:before {
	content: "3";
}
.media-list .list-block > a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 0 0 100%;
	color: #000;
	text-decoration: none;
	overflow: hidden;
	z-index: 2;
}
.media-list .list-block .image {
	position: relative;
	border: 1px solid #ccc;
	background: #fff;
	width: 100%;
	padding: 56.25% 0 0 0;
	overflow: hidden;
	z-index: 1;
}
.media-list .list-block .image img {
	position: absolute;
	top: 0;
	left: 50%;
	min-width: none;
	max-width: none;
	width: auto;
	height: 100%;
	-webkit-transform: translate3d(-50%, 0, 0);
	-ms-transform: translate3d(-50%, 0, 0);
	transform: translate3d(-50%, 0, 0);
}
.media-list .list-block dl {
	position: relative;
	margin: 0;
	padding: 4vw;
	z-index: 1;
}
.media-list .list-block dl dt {
	margin: 0;
	padding: 0;
	font-size: 3.2vw;
	font-weight: normal;
	line-height: 1;
	color: #666;
}
.media-list .list-block .tit {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1.4;
}
.media-list .list-block .tag {
	position: relative;
	display: block;
	margin: -1vw 0 0 0;
	padding: 0 4vw;
	z-index: 3;
}
.media-list .list-block .tag a {
	display: inline-block;
	border: 1px solid #ff6e2d;
	border-radius: 5.33vw;
	background: #fff;
	height: 6.66vw;
	margin: 1vw 1vw 0 0;
	padding: 0 4vw;
	font-size: 3.2vw;
	font-weight: normal;
	line-height: 6.66vw;
	line-height: calc(6.66vw - 2px);
	text-decoration: none;
	white-space: nowrap;
	color: #ff6e2d;
}

.media-list-main {
	position: relative;
	width: 100%;
	padding: 13.33vw 0 0 0;
}

.go-mediatop {
	margin: 0 0 2.66vw 0;
	text-align: right;
}
.go-mediatop a {
	position: relative;
	display: inline-block;
	padding: 0 3.2vw 0 0;
	font-size: 3.2vw;
	text-decoration: none;
	color: #000;
}
.go-mediatop a:after {
	content: "";
	position: absolute;
	top: 50%;
    right: 0;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #ff6e2d;
}

.media-list .list-top {
	position: relative;
	border-bottom: 1px solid #000;
	width: 100%;
	height: 10.66vw;
	margin: 0 0 2.66vw 0;
	z-index: 5;
}
.media-list #tag-search {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 10.66vw;
	padding: 0 4vw 0 0;
	font-size: 3.2vw;
	font-weight: bold;
	line-height: 10.66vw;
	text-decoration: none;
	color: #000;
	z-index: 1;
}
.media-list #tag-search:after {
	content: "";
	position: absolute;
	top: 50%;
    right: 0;
	width: 0;
	height: 0;
	margin: -0.8vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 1.33vw 0 1.33vw;
	border-color: #ff6e2d transparent transparent transparent;
	-webkit-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	transition: 0.1s linear;
}
.media-list #tag-search.active {
	color: #ff6e2d;
}
.media-list #tag-search.active:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.media-list #tag-list {
	display: none;
	position: absolute;
	top: 10.66vw;
	top: calc(10.66vw - 1px);
	left: 0;
	border: 1px solid #333;
	background: #fff;
	width: 100%;
	margin: -1px 0 0 0;
	padding: 4vw 0 4vw 4vw;
	font-size: 3.73vw;
	line-height: 2;
	z-index: 3;
}
.media-list #tag-list a {
	display: inline-block;
	white-space: nowrap;
	margin: 0 4vw 0 0;
}
.media-list #tag-now {
	position: absolute;
	top: 0;
	left: 22vw;
	height: 10.66vw;
	font-size: 3.2vw;
	line-height: 10.66vw;
	color: #ff6e2d;
	z-index: 1;
}
:lang(en) .media-list #tag-now {
	left: 26.5vw;
}
.media-list #tag-tab {
	position: absolute;
	top: 0;
	right: 0;
	width: 36vw;
	height: 10.66vw;
	font-size: 0;
	z-index: 1;
}
.media-list #tag-tab a {
	display: block;
	float: left;
	border: 1px solid #333;
	border-bottom: none;
	background: #333;
	width: 18vw;
	height: 10.66vw;
	line-height: 10.66vw;
	line-height: calc(8vw -2px);
	font-size: 3.2vw;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	z-index: 2;
}
.media-list #tag-tab a.active {
	background: #fff;
	color: #333;
}

.media-list .list-main {
	width: 100%;
}

.media-list .next_posts_link {
	display: none;
}
.media-list .view-button {
	position: relative;
	width: 100%;
	margin: 4vw 0 0 0;
}
.media-list .view-button:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2.13vw;
	width: 0;
	height: 0;
	margin: -0.7vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 1.33vw 0 1.33vw;
	border-color: #fff transparent transparent transparent;
	z-index: 1;
}
.media-list .view-more-button {
	position: relative;
	display: block;
	border: none;
	border-radius: 10.66vw;
	background-color: #ff6e2d;
	padding: 3.73vw 4vw 3.73vw 2.66vw;
	width: 100%;
	font-size: 3.46vw;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
.media-list .page-load-status {
	display: none;
}
.media-list .page-load-status div,
.media-list .page-load-status p {
	width: 100%;
	text-align: center;
	color: #999;
}

.media-side {
}
.media-side h2 {
	margin: 8vw 0 2.66vw 0;
	background: #333;
	padding: 4vw;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
}

.media-side .news {
	margin: 0;
}
.media-side .news li {
	margin: 0 0 2.66vw 0;
	padding: 0 0 2.66vw 0;
	border-bottom: 1px solid #ccc;
}
.media-side .news a {
	display: block;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none;
	color: #000;
}
.media-side .news a span {
	font-size: 3.2vw;
	font-weight: normal;
	color: #666;
}

.media-side .archive {
	margin: 0;
	text-align: right;
	font-size: 3.73vw;
}
.media-side .archive a {
	position: relative;
	padding: 0 4vw 0 0;
}
.media-side .archive a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #ff6e2d;
}

.media-side .banner1,
.media-side .banner2 {
	margin: 0;
}
.media-side .banner1 li,
.media-side .banner2 li {
	margin: 1.33vw 0 0 0;
}
.media-side .banner1 a {
	position: relative;
	display: block;
	border-radius: 1.06vw;
	background: #ff9566;
	padding: 3.73vw 4vw 3.73vw 13.33vw;
	font-size: 4.26vw;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-align: left;
	color: #fff;
}
.media-side .banner1 a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin: -1.33vw 0 0 0;
	border-style: solid;
	border-width: 1.33vw 0 1.33vw 1.33vw;
	border-color: transparent transparent transparent #fff;
}
.media-side .banner1 a.b1 {
	background: #ff9566 url(../img/support-icon_02.svg) 2.4vw center no-repeat;
	background-size: 9.33vw;
}
.media-side .banner1 a.b2 {
	background: #ff9566 url(../img/icon-dl.svg) 4vw center no-repeat;
	background-size: 5.86vw;
}
.media-side .banner1 a.b3 {
	background: #ff9566 url(../img/icon-tutorial.svg) 3.46vw center no-repeat;
	background-size: 6.4vw;
}
.media-side .banner2 a {
	position: relative;
	display: block;
	border-radius: 1.06vw;
	padding: 4.26vw 15px 4.26vw 38%;
	font-size: 4.8vw;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-align: left;
	color: #fff;
}
.media-side .banner2 a.b1 {
	background: #68baf4 url(../img/md-icon_01.png) 26% center no-repeat;
	background-size: 13.33vw;
}
.media-side .banner2 a.b2 {
	background: #334455 url(../img/md-icon_02.png) 28% top no-repeat;
	background-size: 16vw;
}

.media-side .email {
	width: 100%;
	overflow: hidden;
}
.media-side .email input[type="email"] {
	-webkit-appearance: none;
	float: left;
	border: 1px solid #999;
	background: #fff;
	width: 80%;
	height: 10.66vw;
	margin: 0;
	padding: 2.66vw;
	font-size: 3.73vw;
}
.media-side .email input[type="submit"] {
	-webkit-appearance: none;
	float: right;
	display: block;
	border: none;
	border-radius: 4px;
	background: #ff6e2d;
	width: 18%;
	height: 10.66vw;
	margin: 0;
	padding: 0;
	font-size: 3.73vw;
	font-weight: bold;
	line-height: 10.66vw;
	text-align: center;
	color: #fff;
	-webkit-transition: 0.1s linear;
	-ms-transition: 0.1s linear;
	transition: 0.1s linear;
	cursor: pointer;
}