@charset "UTF-8";




/* CSS STYLE */

html {
	font-size: 2.666666vw;
}
body {
	min-width: 320px;
	padding-top: 6rem;
	font-size: 1.4rem;
	line-height: 1.7;
}
html.scroll-h,
html.scroll-h body {
	height: 100%;
	overflow: hidden;
}

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

.spnone {
	display: none;
}










/* SITEPARTS */

#warp {
	width: 100%;
	overflow: hidden;
}

#page-title {
	position: relative;
	background-color: #fff4ee;
	width: 100%;
}
#page-title .image {
	position: relative;
	background-color: #fff;
	width: 100%;
	height: 16rem;
	overflow: hidden;
}
#page-title .image img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}
#page-title .inner-out {
	background: #fff4ee url(../png/page-title-bg.png) center center no-repeat;
	background-size: cover;
	padding: 4rem 2rem;
}
#page-title.community .inner-out {
	background-image: url(../png/page-title-bg-com.png);
}
#page-title.dl .inner-out {
	padding: 3rem 2rem;
}
#page-title h1 {
	position: relative;
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
}
#page-title h1:last-child {
	margin-bottom: 0;
}
#page-title h1 strong {
	color: #ff6e2d;
}
#page-title h1:before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: -2rem;
	display: block;
	background-color: #ff6e2d;
	width: 1.5rem;
	height: 2px;
}
#page-title h1.dl:before {
	display: none;
}
#page-title h1.dl strong {
	display: block;
	margin-top: -2.4rem;
	color: #ff6e2d;
}
#page-title h1 span {
	font-size: 1.6rem;
	line-height: 1.3;
}
#page-title p {
	font-size: 1.4;
	line-height: 1.6;
}
#page-title .sns {
	justify-content: flex-start;
	margin-top: 2rem;
}
#page-title .sns li {
	margin: 0 0.5rem 0 0;
}

.bg1 {
	background-color: #fff;
	padding: 6rem 0;
}
.bg2 {
	background-color: #f7f7f5;
	padding: 6rem 0;
}
.bg1:first-child,
.bg2:first-child {
	padding-top: 4rem;
}

.inner-out,
.inner-mid,
.inner-in {
	position: relative;
	width: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
	z-index: 20;
}

.head1 {
	margin: 5rem 0 2rem 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
}
.head2 {
	margin: 4rem 0 1.5rem 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
}
.head3 {
	margin: 3rem 0 1rem 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
}
.head1 + .head2 {
	margin: 2rem 0;
}
.head1 strong,
.head2 strong,
.head3 strong {
	color: #ff6e2d;
}
.head1:first-child,
.head2:first-child,
.head3:first-child {
	margin-top: 0;
}
h3.num,
h4.num {
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
h3.num span,
h4.num span {
	display: block;
	border-radius: 5rem;
	background-color: #ff6e2d;
	width: 5rem;
	height: 5rem;
	margin-right: 1rem;
	font-size: 3rem;
	font-weight: 900;
	letter-spacing: 0;
	text-align: center;
	line-height: 5rem;
	color: #fff;
}

.btn {
	margin-top: 3rem;
}
.btn a,
.btn button {
	position: relative;
	display: block;
	border: 2px solid #ff6e2d;
	border-radius: 20rem;
	background-color: #ff6e2d;
	width: 100%;
	margin: 0;
	padding: 1.3rem 3.5rem 1.3rem 2.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
.btn.cv2 a,
.btn.cv2 button {
	background-color: #fff;
	color: #ff6e2d;
}
.btn.mid {
	margin-top: 2rem;
}
.btn.mid a,
.btn.mid button {
	padding: 1rem 4rem 1rem 3rem;
	font-size: 1.4rem;
}
.btn a:after,
.btn button:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.2rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.6rem 0 0.6rem 0.6rem;
	border-color: transparent transparent transparent #fff;
	margin-top: -0.6rem;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.btn.cv2 a:after,
.btn.cv2 button:after {
	border-color: transparent transparent transparent #ff6e2d;
}
.btn a[target="_blank"]:after {
	border: none;
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-w.svg);
	background-repeat: no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}
.btn.cv2 a[target="_blank"]:after {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-o.svg);
}
.btn.dl a:after,
.btn.dl button:after {
	border: none;
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-dl-w.svg);
	background-repeat: no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}
.btn.dl.cv2 a:after,
.btn.dl.cv2 button:after {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-dl-o.svg);
}
.btn.data a:after,
.btn.data button:after {
	border: none;
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-data-w.svg);
	background-repeat: no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}
.btn.data.cv2 a:after,
.btn.data.cv2 button:after {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-data-o.svg);
}
.btn a strong,
.btn button strong {
	color: #ff0;
}
.btn button[disabled] {
	border: 2px solid #ccc;
	background-color: #ccc;
	pointer-events: none;
	color: #fff;
}
.btn.dl.cv2 button[disabled]:after {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-dl-w.svg);
}
.btn.data.cv2 button[disabled]:after {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-data-w.svg);
}
.btn-double > div .btn {
	margin-top: 1rem;
}
.btn-double > div:nth-of-type(2),
.btn-double > p:nth-of-type(2) {
	margin-top: 1rem;
}
.btn-double p {
	text-align: center;
}
.btn-double .btn + p {
	margin-top: 0.8rem;
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: 0.03em;
	text-align: center;
}

.big {
	font-size: 120%;
}
.sml {
	font-size: 85%;
}
.heed {
	color: #e33;
}

.img-box {
	position: relative;
	border-radius: 1rem;
	background-color: #f7f7f5;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
}
.img-box.border {
	border: 1px solid #eee;
}
.img-box img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}
.img-box a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.img-box.fit {
	padding-top: 0;
}
.img-box.fit img {
	position: relative;
	width: 100%;
	height: auto;
}
.img-box.fit a {
	display: inline-block;
	position: relative;
}

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

.movie {
	position: relative;
	border-radius: 1rem;
	background-color: #f7f7f5;
	padding-top: 56.25%;
	overflow: hidden;
}
.movie iframe,
.movie video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.select {
	vertical-align: middle;
	border: 2px solid #444;
	border-radius: 0.5rem;
	background: #fff url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-select.svg) right center no-repeat;
	background-size: 1.6rem;
	height: 4rem;
	padding: 0 3rem 0 1rem;
	font-size: 1.4rem;
	line-height: 1;
	color: #444;
}


/* TXTAREA */

.txt-area p,
.txt-area ul,
.txt-area ol,
.ul-style {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.txt-area ul li,
.ul-style li {
	position: relative;
	padding-left: 1.4rem;
}
.txt-area ul li:before,
.ul-style li:before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	display: block;
	border-radius: 1rem;
	background-color: #ff6e2d;
	width: 0.6rem;
	height: 0.6rem;
}
.txt-area ol {
	counter-reset: item;
}
.txt-area ol li {
	position: relative;
	padding-left: 2rem;
}
.txt-area ol li:before {
	counter-increment: item;
	content: counter(item)'.';
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	color: #ff6e2d;
}
.txt-area p:first-child,
.txt-area ul:first-child,
.txt-area ol:first-child,
.ul-style:first-child {
	margin-top: 0;
}
.txt-area p:last-child,
.txt-area ul:last-child,
.txt-area ol:last-child,
.ul-style:last-child {
	margin-bottom: 0;
}


/* Column */

.c2-area,
.c1-2-area,
.c2-1-area,
.c1-area {
	position: relative;
	width: 100%;
	margin-top: 2.5rem;
}
.c2-area .read,
.c1-2-area .read {
	width: 100%;
}
.c2-area .read .img-box,
.c2-area .read .movie {
	margin-bottom: 1.5rem;
}
.c2-area .read + .read {
	margin-top: 2.5rem;
}
.c2-area .image,
.c1-2-area .image,
.c2-1-area .image,
.c1-area .image {
	width: 100%;
	margin-bottom: 1.5rem;
}

.c1-list,
.c2-list,
.c3-list,
.c4-list {
	width: 100%;
	margin: 2.5rem 0;
}
.c1-list,
.c2-list .box,
.c3-list .box,
.c4-list .box {
	position: relative;
	border-radius: 1rem;
	background-color: #f7f7f5;
	width: 100%;
	margin-bottom: 1rem;
}
.c2-list .box:last-child,
.c3-list .box:last-child,
.c4-list .box:last-child {
	margin-bottom: 0;
}
.c1-list.wt,
.c2-list.wt .box,
.c3-list.wt .box,
.c4-list.wt .box {
	background-color: #fff;
}
.c1-list .img-box,
.c2-list .img-box,
.c3-list .img-box,
.c4-list .img-box {
	border-radius: 1rem 1rem 0 0;
	padding-top: 0;
}
.c1-list .movie,
.c2-list .movie,
.c3-list .movie,
.c4-list .movie {
	border-radius: 1rem 1rem 0 0;
}
.c1-list .img-box img,
.c2-list .img-box img,
.c3-list .img-box img,
.c4-list .img-box img {
	position: relative;
	object-fit: initial;
	max-width: initial;
	width: 100%;
	height: auto;
}
.c1-list .img-box a,
.c2-list .img-box a,
.c3-list .img-box a,
.c4-list .img-box a {
	display: inline;
	position: relative;
}
.c1-list .read,
.c2-list .read,
.c3-list .read,
.c4-list .read {
	padding: 1.8rem 2rem 2rem 2rem;
	font-size: 1.4rem;
}
.c2-area h2, .c2-area h3, .c2-area h4,
.c1-2-area h2, .c1-2-area h3, .c1-2-area h4,
.c2-1-area h2, .c2-1-area h3, .c2-1-area h4,
.c1-area h2, .c1-area h3, .c1-area h4,
.c1-list h2, .c1-list h3, .c1-list h4,
.c2-list h2, .c2-list h3, .c2-list h4,
.c3-list h2, .c3-list h3, .c3-list h4 {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
}
.c4-list h2, .c4-list h3, .c4-list h4 {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
}
.c2-area h3 strong, .c1-2-area h3 strong, .c2-1-area h3 strong, .c1-area h3 strong,
.c1-list h3 strong, .c2-list h3 strong, .c3-list h3 strong, .c4-list h3 strong {
	color: #ff6e2d;
}
.c2-area p, .c1-2-area p, .c2-1-area p, .c1-area p,
.c1-list p, .c2-list p, .c3-list p, .c4-list p {
	margin-top: 1rem;
}
.c2-area p:first-child, .c1-2-area p:first-child, .c2-1-area p:first-child, .c1-area p:first-child,
.c1-list p:first-child, .c2-list p:first-child, .c3-list p:first-child, .c4-list p:first-child {
	margin-top: 0;
}
.c2-area .btn, .c1-2-area .btn, .c2-1-area .btn, .c1-area .btn,
.c1-list .btn, .c2-list .btn, .c3-list .btn, .c4-list .btn {
	margin-top: 1.2rem;
}
.c1-list .btn + .btn, .c2-list .btn + .btn, .c3-list .btn + .btn, .c4-list .btn + .btn {
	margin-top: 0.6rem;
}
.c1-list + .c1-list, .c2-list + .c1-list, .c3-list + .c1-list,
.c1-list + .c2-list, .c2-list + .c2-list, .c3-list + .c2-list,
.c1-list + .c3-list, .c2-list + .c3-list, .c3-list + .c3-list {
	margin-top: 0;
}
.bg2 .c1-list .box,
.bg2 .c2-list .box,
.bg2 .c3-list .box,
.bg2 .c4-list .box {
	background-color: #fff;
}

.shadow-box {
    border-radius: 15px;
    background: #ffffff;
    margin: 30px 0;
    display: flex;
    box-shadow: 0px 5px 15px 0px rgb(171 171 171 / 35%);
    flex-direction: column;
    padding: 1.5rem 1.5rem;
    border: 1px solid #EEE;
}
.shadow-box h3 {
    text-align: center;
    font-size: 1.8rem;
    color: #ff6e2d;
}
.shadow-box h4 {
	line-height: 1.2;
	border-left: 4px solid #ff6e2d;
	padding-left: 1.5rem;
}
.shadow-box h4 span {
	font-size: 1rem;
	color: #777;
}

/* TABLE */

.tabel-style {
	position: relative;
	display: block;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	margin: 2rem 0;
}
.tabel-style:first-child {
	margin-top: 0;
}
.tabel-style:last-child {
	margin-bottom: 0;
}
.tabel-style:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border: 2px solid #fff;
	border-radius: 8rem;
	background: #ff6e2d url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-swipe.svg) center center no-repeat;
	background-size: 7rem;
	width: 8rem;
	height: 8rem;
	margin: -4rem 0 0 -4rem;
	opacity: 0.9;
	z-index: 10;
}
.tabel-style.touch:before {
	display: none;
}
.tabel-style tbody {
	display: table;
	border-collapse: separate;
	border-radius: 1rem;
	border-top: 2px solid #00b5f0;
	border-left: 2px solid #00b5f0;
	border-radius: 1rem;
	width: 86rem;
}
.tabel-style th {
	vertical-align: middle;
	border-bottom: 2px solid #00b5f0;
	border-right: 2px solid #00b5f0;
	background-color: #ccf0fc;
	padding: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
	color: #000;
}
.tabel-style th span {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.4;
}
.tabel-style td {
	vertical-align: middle;
	border-bottom: 2px solid #00b5f0;
	border-right: 2px solid #00b5f0;
	background-color: #fff;
	padding: 1rem 1.2rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.tabel-style td.tit {
	font-weight: 700;
	text-align: center;
}
.tabel-style td.tit span {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.4;
}
.tabel-style tr:first-of-type th:first-child,
.tabel-style tr:first-of-type td:first-child {
	border-radius: 1rem 0 0 0;
}
.tabel-style tr:first-of-type th:last-child,
.tabel-style tr:first-of-type td:last-child {
	border-radius: 0 1rem 0 0;
}
.tabel-style tr:last-of-type th:first-child,
.tabel-style tr:last-of-type td:first-child {
	border-radius: 0 0 0 1rem;
}
.tabel-style tr:last-of-type th:last-child,
.tabel-style tr:last-of-type td:last-child {
	border-radius: 0 0 1rem 0;
}
.tabel-style .on {
	display: inline-block;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-on-o.svg) no-repeat;
	background-size: 2.4rem;
	padding-top: 2.4rem;
	width: 2.4rem;
	height: 2.4rem;
	font-size: 0;
	overflow: hidden;
	vertical-align: middle;
}


/* FADE */

.fade {
	opacity: 0;
	-webkit-transition: 0.8s linear;
	transition: 0.8s linear;
}
.fade.active {
	opacity: 1;
}
.fade-l {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(-2rem, 0);
	transform: translate(-2rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-l.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-r {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(2rem, 0);
	transform: translate(2rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-r.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-t {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, -2rem);
	transform: translate(0, -2rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-t.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-b {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, 2rem);
	transform: translate(0, 2rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-b.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-w {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	opacity: 0;
}
.fade-z {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
	opacity: 0;
}
.fade-w.active,
.fade-z.active {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
}










/* HEADER */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 6rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
	z-index: 20000;
}
header .header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(255,255,255,0.95);
	width: 100%;
	height: 6rem;
	padding: 0 2rem;
}
#menu-area {
	display: none;
	position: absolute;
	top: 6rem;
	left: 0;
	background-color: #f7f7f5;
	width: 100%;
	height: calc(100vh - 6rem);
	padding: 1rem 2rem 10rem 2rem;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}

.header-logo {
	width: 12rem;
	margin-right: 1.5rem;
}

.header-menu1 .menu1 {
	border-bottom: 1px solid #d6d6cc;
}
.header-menu1 .menu1 > a,
.header-menu1 .menu1 > span {
	position: relative;
	display: flex;
	width: 100%;
	padding: 1.8rem 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	color: #000;
}
.header-menu1 .menu1 > a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.4rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0 0.8rem 0.8rem;
	border-color: transparent transparent transparent #ccc;
	margin-top: -0.8rem;
}
.header-menu1 .menu1 > span:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0.8rem 0 0.8rem;
	border-color: #ccc transparent transparent transparent;
	margin-top: -0.4rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
}
.header-menu1 .menu1 > span.active:after {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg));
}
.header-menu1 .header-area {
	display: none;
}
.header-menu2 a,
.header-menu2 span,
.header-area .menu-list a,
.header-area .menu-list span {
	position: relative;
	display: flex;
	align-items: center;
	border-top: 1px solid #d6d6cc;
	width: 100%;
	padding: 1.2rem 0 1.2rem 1rem;
	font-size: 1.3rem;
	line-height: 1.4;
	text-decoration: none;
	color: #444;
}
.header-menu2 a:before,
.header-area .menu-list a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0 0.5rem 0.5rem;
	border-color: transparent transparent transparent #ccc;
	margin-top: -0.5rem;
}
.header-menu2 a[target="_blank"]:after,
.header-area .menu-list a[target="_blank"]:after {
	content: "";
	display: block;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-g.svg) no-repeat;
	background-size: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
	margin-left: 0.6rem;
	margin-bottom: 0.2rem;
}
.header-area .cubism-tab-content:last-child {
	border-top: 1px solid #d6d6cc;
	padding-top: 2rem;
}
.header-sub .image {
	display: none;
}

header .cubism-tab-area {
	display: none;
}
header .menu-list .title {
	padding: 0 0 1.2rem 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ff6e2d;
}
header .menu-list .box p {
	border-top: 1px solid #d6d6cc;
	width: 100%;
	padding: 1.2rem 0;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
	color: #000;
}

header .lang {
	position: relative;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-lang-b.svg) center center no-repeat;
	background-size: 2.4rem;
	width: 2.5rem;
	height: 2.5rem;
}
header .lang .lang-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 2.5rem;
	height: 2.5rem;
	padding-right: 2rem;
	font-size: 0;
	overflow: hidden;
}
header .lang .wovn-lang-list {
	position: absolute;
	top: 2.5rem;
	right: 0;
	border: 1px solid #d6d6cc;
	border-radius: 0.5rem;
	background-color: #fff;
	padding: 0.5rem;
	font-size: 1.2rem;
	line-height: 1;
	white-space: nowrap;
}
header .lang .wovn-lang-list a {
	display: block;
	padding: 0.5rem;
	text-decoration: none;
	color: #000
}

.header-buy {
	width: 6rem;
	margin-left: 1rem;
}
.header-buy a {
	display: block;
	border-radius: 0.5rem;
	border: 2px solid #ff6e2d;
	background-color: #fff;
	width: 6rem;
	height: 3rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: calc(3rem - 4px);
	text-decoration: none;
	text-align: center;
	color: #ff6e2d;
}

.header-start {
	width: 6rem;
	margin-left: 0.5rem;
}
.header-start a {
	display: block;
	border-radius: 0.5rem;
	border: 2px solid #ff6e2d;
	background-color: #ff6e2d;
	width: 6rem;
	height: 3rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: calc(3rem - 4px);
	text-decoration: none;
	text-align: center;
	color: #fff;
}
.header-start a span {
	display: none;
}

#header-open {
	position: relative;
	width: 3rem;
	height: 3rem;
	margin-left: 1rem;
}
#header-open:before {
	content: "";
	display: block;
	position: absolute;
	top: 12%;
	left: 50%;
	border-radius: 0.4rem;
	background: #ff6e2d;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
}
#header-open:after {
	content: "";
	display: block;
	position: absolute;
	top: 88%;
	left: 50%;
	border-radius: 0.4rem;
	background: #ff6e2d;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
}
#header-open span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 0.4rem;
	background: #ff6e2d;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
}
#header-open.active:before {
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#header-open.active:after {
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#header-open.active span {
	display: none;
}










/* FOOTER */

footer {
	position: relative;
	background-color: #444;
	padding: 5rem 2rem 0 2rem;
	color: #fff;
	z-index: 20;
}
footer .copy {
	border-top: 1px solid #666;
	padding: 2rem 0 4rem 0;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
}
.footer-main a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #fff;
}
.footer-main a[target="_blank"]:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-g.svg) no-repeat;
	background-size: 1rem;
	width: 1rem;
	height: 1rem;
	margin-left: 0.5rem;
	margin-bottom: 0.2rem;
}
.footer-main .footer-sitedata {
	padding-bottom: 4rem;
}
.footer-main .logo {
	width: 15rem;
	margin: 0 auto;
}
.footer-main .sns {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}
.footer-main .sns li {
	width: 2rem;
	margin: 0 0.2rem;
}
.footer-main .sub {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	font-size: 1.2rem;
}
.footer-main .sub li {
	padding: 0 1rem;
}
.footer-main .lang,
.footer-menu {
	display: none;
}

.otgs-development-site-front-end {
	padding: 2rem 0 2rem 2rem !important;
	font-size: 1rem !important;
}

.cookie-content {
	visibility: visible;
	position: fixed;
	bottom: -26.66vw;
	left: 0;
	background-color: rgba(51,51,51,0.95);
	width: 100%;
	padding: 4vw;
	font-size: 2.66vw;
	line-height: 1.4;
	color: #fff;
	z-index: 20001;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}
.cookie-content.is-show {
	bottom: 0;
}
.cookie-content .cookie-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin: 0 auto;
}
.cookie-content .text {
	width: 68%;
}
.cookie-content .text a {
	text-decoration: underline;
	color: #fff;
}
.cookie-content .consent {
	width: 28%;
}
.cookie-content .cookie-agree {
	display: block;
	border: 2px solid #fff;
	border-radius: 1.33vw;
	background-color: #ff6e2e;
	width: 100%;
	margin: 0;
	padding: 4vw 0;
	font-size: 4.26vw;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	color: #fff;
}
.cc-hide1 {
	display: none;
}
.cc-hide2 {
	animation: hide 1s linear 0s;
	animation-fill-mode: forwards;
}
@keyframes hide {
	from {
		opacity: 1;
	}
	to {
		visibility: hidden;
		opacity: 0;
	}
}










/* INDEX */

/* #index-main {
	position: relative;
	background-color: #fff4ee;
	padding-bottom: 0.5rem;
	width: 100%;
}
#index-main .main-img {
	position: relative;
	width: 100%;
	opacity: 0;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}
#index-main .main-img.slick-initialized {
	opacity: 1;
}
#index-main .main-smn {
	width: 100%;
	margin-top: 0.5rem;
	opacity: 0;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}
#index-main .main-smn.slick-initialized {
	opacity: 1;
}
#index-main .main-smn .slick-arrow {
	position: absolute;
	top: 0.5rem;
	border-radius: 0.5rem;
	background-color: #fff;
	width: 3rem;
	height: 3rem;
	padding-top: 3rem;
	font-size: 0;
	cursor: pointer;
	overflow: hidden;
	z-index: 5;
}
#index-main .main-smn .slick-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0.6rem 0.5rem 0;
	border-color: transparent #ff6e2d transparent transparent;
	margin-top: -0.5rem;
	margin-left: -0.3rem;
}
#index-main .main-smn .slick-arrow.ar-prev {
	left: 0;
}
#index-main .main-smn .slick-arrow.ar-next {
	right: 0;
}
#index-main .main-smn .slick-arrow.ar-next:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#index-main .main-smn .slick-slide {
	width: 10rem;
	padding: 0 0.2rem;
}
#index-main .main-smn .slick-slide div {
	border: 2px solid #ff6e2d;
	border-radius: 0.5rem;
	background-color: #ff6e2d;
	overflow: hidden;
}
#index-main .main-smn .slick-slide div img {
	opacity: 0.5;
}
#index-main .main-smn .slick-slide.slick-current div {
	border: 2px solid #fff;
}
#index-main .main-smn .slick-slide.slick-current div img {
	opacity: 1;
} */

#index-main {
	position: relative;
	width: 100%;
}
#index-main .main-area {
	position: relative;
	display: flex;
	align-items: center;
	background: #000 url(../jpg/index-main-sp.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 42rem;
	color: #fff;
	z-index: 1;
}
#index-main .main-area .inner {
	position: relative;
	width: 100%;
	padding: 0 2rem;
	z-index: 5;
}
#index-main .main-area .inner-craw-icon {
	display: none;
}
#index-main .main-area video {
	display: none;
}
#index-main .main-area:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	z-index: 2;
}
#index-main .main-area:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: url(../png/bg-dot_05.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 100%;
	opacity: 0.2;
	z-index: 3;
}
#index-main .main-area h1 {
	font-size: 4.2rem;
	font-weight: 700;
	line-height: 1.15;
}
#index-main .main-area h1 strong {
	color: #ff6e2d;
}
#index-main .main-area .read {
	margin: 1rem 0 3rem 0;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

#index-main .main-banner {
	position: relative;
	width: calc(100% + 2rem);
	margin: -2rem -1rem 0 -1rem;
	opacity: 0;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
	z-index: 2;
}
#index-main .main-banner.slick-initialized {
	opacity: 1;
}
#index-main .main-banner .slick-arrow {
	position: absolute;
	top: 50%;
	border-radius: 0.5rem;
	background-color: #00b5f0;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	padding-top: 3rem;
	font-size: 0;
	cursor: pointer;
	overflow: hidden;
	z-index: 5;
}
#index-main .main-banner .slick-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0.6rem 0.5rem 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -0.5rem;
	margin-left: -0.3rem;
}
#index-main .main-banner .slick-arrow.ar-prev {
	left: -1rem;
}
#index-main .main-banner .slick-arrow.ar-next {
	right: -1rem;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
#index-main .main-banner .slick-slide {
	padding: 0 1rem;
}
#index-main .main-banner .slick-slide a {
	position: relative;
	display: block;
	border: 2px solid #ff6e2d;
	background-color: #fff;
	border-radius: 1rem;
	width: 33.5rem;
	height: 18.8rem;
	overflow: hidden;
}
#index-main .main-banner .slick-slide a img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}


.index-cv {
	margin-top: 4rem;
}
.index-cv .news {
	border-radius: 1rem;
	background-color: #f7f7f5;
	width: 100%;
	height: 21rem;
	margin-bottom: 1rem;
	padding: 2rem;
}
.index-cv .news a {
	color: #444;
}
.index-cv .news .news-outer {
	position: relative;
	width: 100%;
	height: 17rem;
	padding-right: 1rem;
	overflow-y: scroll;
}
.index-cv .news .news-inner {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	width: 100%;
}
.index-cv .news dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: flex-start;
	width: 100%;
	font-size: 1.3rem;
	line-height: 1;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}
.index-cv .news dl dt {
	width: 8.5rem;
	font-weight: 700;
	color: #888;
}
.index-cv .news dl .cat {
	border-radius: 0.4rem;
	background-color: #ffb999;
	width: 12rem;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	text-align: center;
}
.index-cv .news dl .cat a {
	text-decoration: none;
	pointer-events: none;
	color: #444;
}
.index-cv .news dl .txt {
	width: 100%;
	margin: 0.5rem 0 1.5rem 0;
	line-height: 1.5;
}
.index-cv .bus {
	width: 100%;
}
.index-cv .bus a {
	display: block;
	border-radius: 1rem;
	background: #fe6 url(../png/cv-btn-bg_03.png) right center no-repeat;
	background-size: 15rem;
	width: 100%;
	height: 10rem;
	padding: 1.8rem 15rem 0.5rem 2rem;
	line-height: 1;
	text-decoration: none;
	color: #444;
}
.index-cv .bus a dt {
	display: inline-block;
	position: relative;
	padding-right: 1.8rem;
	font-size: 2rem;
	font-weight: 700;
	color: #ff6e2d;
}
.index-cv .bus a dt:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0 0.8rem 0.8rem;
	border-color: transparent transparent transparent #ff6e2d;
	margin-top: -0.8rem;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.index-cv .bus a dd {
	margin-top: 1rem;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.6;
}

.dl-cv li {
	width: 100%;
	margin-bottom: 1.5rem;
}
.dl-cv li > a {
	display: block;
	border: 3px solid #e30;
	border-radius: 1rem;
	background-color: #ff6e2d;
	background-image: url(../png/cv-btn-bg_01.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10rem;
	width: 100%;
	height: 10rem;
	padding: 1.2rem 0 0 1.2rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.25;
	text-decoration: none;
	color: #fff;
}
.dl-cv li > a span {
	color: #ff0;
}
.dl-cv li > a p {
	margin-top: 0.8rem;
	font-size: 1rem;
	line-height: 1.2;
	white-space: nowrap;
}
.dl-cv li > p {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 0.8rem;
	text-align: center;
	line-height: 1;
}
.dl-cv li > p img {
	margin-right: 0.8rem;
}
.dl-cv li.full > a {
	border: 3px solid #ff6e2d;
	background-color: #fff;
	background-image: url(../png/cv-btn-bg_02.png);
	color: #000;
}
.dl-cv li.full > a span {
	color: #ff6e2d;
}


.index-about {
	position: relative;
	padding: 8rem 0 0 0;
}
.index-about:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	clip-path: polygon(0 0, 100% 10rem, 100% 100%, 0% 100%);
	background: #fff4ee url(../png/bg-img_01.png) left top no-repeat;
	background-size: 150%;
	width: 100%;
	height: calc(100% + 20rem);
	z-index: 2;
}
.index-about:after {
	content: "";
	position: absolute;
	top: 2rem;
	right: 0;
	clip-path: polygon(0 10rem, 100% 0, 100% 100%, 0% 100%);
	background: url(../png/bg-dot_01.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 10rem;
	opacity: 0.5;
	z-index: 1;
}

.index-about .about-first {
	width: 100%;
}
.index-about .about-first .read {
	width: 100%;
}
.index-about .about-first .image {
	width: 100%;
	margin-top: 3rem;
}
.about-title {
	background-color: #fff;
	border-radius: 1rem;
	margin-top: 2.5rem;
	padding: 3rem 2rem;
}
.bg1 .about-title {
	background-color: #f7f7f5;
}
.about-title .list {
	width: 100%;
	margin-bottom: 3rem;
}
.about-title .list:last-child {
	margin-bottom: 0;
}
.about-title .list .title h3 {
	position: relative;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	color: #ff6e2d;
}
.about-title .list .title h3:before {
	content: "";
	position: absolute;
	top: 1.1rem;
	left: -2rem;
	display: block;
	background-color: #ff6e2d;
	width: 1.6rem;
	height: 2px;
}
.about-title .list .title p {
	margin-top: 0.8rem;
	font-size: 1.2rem;
	line-height: 1;
}
.about-title .list .image {
	width: 100%;
	margin-top: 1.5rem;
}
.about-title .list .image p {
	margin-top: 1rem;
	padding: 0 1rem;
	font-size: 1rem;
	line-height: 1.4;
}


.index-nizima {
	position: relative;
	padding: 8rem 0 0 0;
}
.index-nizima:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	clip-path: polygon(0 10rem, 100% 0, 100% 100%, 0% 100%);
	background: #fff4ee url(../png/bg-nizima.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(100% + 20rem);
	z-index: 4;
}
.index-nizima:after {
	content: "";
	position: absolute;
	top: 2rem;
	right: 0;
	clip-path: polygon(0 0, 100% 10rem, 100% 100%, 0% 100%);
	background: url(../png/bg-dot_02.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 10rem;
	opacity: 0.5;
	z-index: 3;
}

.nizima-area .read {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	padding: 3rem 2rem;
}
.nizima-area .read h2 {
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #ff778f;
}
.nizima-area .read h2 img {
	width: 20.5rem;
	margin-top: 1.2rem;
}
.nizima-area .read .text {
	margin: 1.5rem 0;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
.nizima-area .read .text strong {
	font-size: 2.6rem;
	font-weight: 700;
	color: #ff778f;
}
.nizima-area .hukidasi {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #ff778f;
	border-radius: 5rem;
	width: 100%;
	height: 4rem;
	margin: 2.5rem auto 2rem auto;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ff778f;
}
.nizima-area .hukidasi:after {
	content: "";
	position: absolute;
	bottom: -1.45rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.5rem 1rem 0 1rem;
	border-color: #ff778f transparent transparent transparent;
	margin-left: -1rem;
}
.nizima-area .image {
	position: relative;
	width: 100%;
	margin-top: -2.6rem;
}
.nizima-btn {
	border-radius: 1rem;
	background: #ffeef1;
	background: -moz-linear-gradient(top,  #ffeef1 0%, #cc002d 100%);
	background: -webkit-linear-gradient(top,  #ffeef1 0%,#cc002d 100%);
	background: linear-gradient(to bottom,  #ffeef1 0%,#cc002d 100%);
	width: 100%;
	height: 6rem;
	padding: 2px;
	text-align: center;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	overflow: hidden;
}
.nizima-btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.8rem;
	background: #ff3357;
	background: -moz-linear-gradient(top,  #ff778f 0%, #ff3357 100%);
	background: -webkit-linear-gradient(top,  #ff778f 0%,#ff3357 100%);
	background: linear-gradient(to bottom,  #ff778f 0%,#ff3357 100%);
	width: 100%;
	height: 100%;
	padding: 1rem 4rem 1rem 3rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	color: #fff;
}
.nizima-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	display: block;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-w.svg) no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}


.index-nizimalive {
	position: relative;
	padding: 8rem 0 0 0;
}
.index-nizimalive:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	clip-path: polygon(0 0, 100% 10rem, 100% 100%, 0% 100%);
	background: #fff4ee url(../png/bg-nizimalive.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(100% + 20rem);
	z-index: 6;
}
.index-nizimalive:after {
	content: "";
	position: absolute;
	top: 2rem;
	right: 0;
	clip-path: polygon(0 10rem, 100% 0, 100% 100%, 0% 100%);
	background: url(../png/bg-dot_03.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 10rem;
	opacity: 0.5;
	z-index: 5;
}

.nizimalive-area .read {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	padding: 3rem 2rem;
}
.nizimalive-area .read .text {
	margin-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}
.nizimalive-area .read h2 {
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #6a48f3;
}
.nizimalive-area .read h2 img {
	width: 20.5rem;
	margin-top: 1.2rem;
}
.nizimalive-area .hukidasi {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #6a48f3;
	border-radius: 5rem;
	width: 100%;
	height: 4rem;
	margin: 2rem auto;
	font-size: 1.6rem;
	font-weight: 700;
	color: #6a48f3;
}
.nizimalive-area .hukidasi:after {
	content: "";
	position: absolute;
	bottom: -1.45rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.5rem 1rem 0 1rem;
	border-color: #6a48f3 transparent transparent transparent;
	margin-left: -1rem;
}
.nizimalive-area .feature {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 2rem;
}
.nizimalive-area .feature img {
	max-width: initial;
	width: auto;
	height: 9rem;
}
.nizimalive-area .feature p {
	margin-top: 0.6rem;
	font-size: 0.9rem;
	line-height: 1;
	text-align: center;
}
.nizimalive-area .image {
	position: relative;
	width: 100%;
	margin-top: -2rem;
}
.nizimalive-btn {
	border-radius: 1rem;
	background: #f1eefe;
	background: -moz-linear-gradient(top,  #f1eefe 0%, #3300cc 100%);
	background: -webkit-linear-gradient(top,  #f1eefe 0%,#3300cc 100%);
	background: linear-gradient(to bottom,  #f1eefe 0%,#3300cc 100%);
	width: 100%;
	height: 6rem;
	padding: 2px;
	text-align: center;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	overflow: hidden;
}
.nizimalive-btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.8rem;
	background: #6a48f3;
	background: -moz-linear-gradient(top,  #ac99f8 0%, #6a48f3 100%);
	background: -webkit-linear-gradient(top,  #ac99f8 0%,#6a48f3 100%);
	background: linear-gradient(to bottom,  #ac99f8 0%,#6a48f3 100%);
	width: 100%;
	height: 100%;
	padding: 1rem 4rem 1rem 3rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	color: #fff;
}
.nizimalive-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	display: block;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-w.svg) no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}


.index-nizimaaction {
	position: relative;
	padding: 8rem 0 0 0;
}
.index-nizimaaction:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	clip-path: polygon(0 10rem, 100% 0, 100% 100%, 0% 100%);
	background: #fff4ee url(../png/bg-nizimaaction.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(100% + 20rem);
	z-index: 8;
}
.index-nizimaaction:after {
	content: "";
	position: absolute;
	top: 2rem;
	right: 0;
	clip-path: polygon(0 0, 100% 10rem, 100% 100%, 0% 100%);
	background: url(../png/bg-dot_04.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 10rem;
	opacity: 0.5;
	z-index: 7;
}

.nizimaaction-area .read {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	padding: 3rem 2rem;
}
.nizimaaction-area .read .text {
	margin-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}
.nizimaaction-area .read h2 {
	margin-bottom: 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
.nizimaaction-area .read h2 img {
	width: 20.5rem;
	margin-top: 1.2rem;
}
.nizimaaction-area .hukidasi {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
    border: 2px solid #00E65A;
	border-radius: 5rem;
	width: 100%;
	height: 4rem;
	margin: 2rem auto;
	font-size: 1.6rem;
	font-weight: 700;
	color: #00E65A;
}
.nizimaaction-area .hukidasi:after {
	content: "";
	position: absolute;
	bottom: -1.45rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.5rem 1rem 0 1rem;
    border-color: #00E65A transparent transparent transparent;
	margin-left: -1rem;
}
.nizimaaction-area h3 {
    text-align: center;
    margin-top: 3rem;
    color: #008035;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
}
.nizimaaction-area .feature {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 2rem;
	gap: 2rem;
}
.nizimaaction-area .feature img {
	max-width: initial;
	width: auto;
	height: 9rem;
}
.nizimaaction-area .feature p {
	font-size: 0.9rem;
	line-height: 1.4;
	margin-bottom: 1rem;
}
.nizimaaction-area .feature p span{
	font-weight: 800;
}
.nizimaaction-area .image {
	position: relative;
	width: 100%;
	margin-top: -2rem;
}
.nizimaaction-btn {
	border-radius: 1rem;
	background: #f1eefe;
	background: -moz-linear-gradient(top,  #f1eefe 0%, #006634 100%);
	background: -webkit-linear-gradient(top,  #f1eefe 0%,#006634 100%);
	background: linear-gradient(to bottom,  #f1eefe 0%,#006634 100%);
	width: 100%;
	height: 6rem;
	padding: 2px;
	text-align: center;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	overflow: hidden;
}
.nizimaaction-btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.8rem;
	background: #00E65A;
	background: -moz-linear-gradient(top,  #00E65A 0%, #00993C 100%);
	background: -webkit-linear-gradient(top,  #00E65A 0%,#00993C 100%);
	background: linear-gradient(to bottom,  #00E65A 0%,#00993C 100%);
	width: 100%;
	height: 100%;
	padding: 1rem 4rem 1rem 3rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	color: #fff;
}
.nizimaaction-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	display: block;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-w.svg) no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}
p.nizimaaction-btn-hukidasi {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #00E65A;
	background: #00E65A;
	border-radius: 5rem;
	width: 16rem;
	height: 5rem;
	margin: 3rem auto 2rem auto;
	font-size: 1.6rem;
	font-weight: 500;
	color: #FFF;
}
p.nizimaaction-btn-hukidasi:after {
    content: "";
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.5rem 1rem 0 1rem;
    border-color: #00E65A transparent transparent transparent;
    margin-left: -1rem;
}

.index-juku {
	position: relative;
	padding: 8rem 0 0 0;
}
.index-juku:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	clip-path: polygon(0 0, 100% 10rem, 100% 100%, 0% 100%);
	background: url(../png/bg-juku.png) right top no-repeat, #fff url(../png/bg-img_02.png) center center;
	background-size: 400%, 6rem;
	width: 100%;
	height: calc(100% + 20rem);
	z-index: 10;
}
.index-juku:after {
	content: "";
	position: absolute;
	top: 2rem;
	right: 0;
	clip-path: polygon(0 10rem, 100% 0, 100% 100%, 0% 100%);
	background: url(../png/bg-dot_04.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 10rem;
	z-index: 9;
}

.juku-area {
	position: relative;
	width: 100%;
	z-index: 1;
}
.juku-area .read h2 {
	margin-bottom: 2rem;
	padding: 0 1.5rem;
}
.juku-area .image {
	position: relative;
	width: 100%;
	height: 34rem;
	margin-top: 1.5rem;
	z-index: 1;
}
.juku-area .image img {
	position: absolute;
	top: 0;
	right: -2rem;
	max-width: initial;
	width: 44rem;
}
.juku-point {
	position: relative;
	border-radius: 1rem;
	background-color: #ffe9ef;
	margin-bottom: 3rem;
	padding: 2.5rem 2rem;
	box-shadow: 0.5rem 0.5rem 0 #fce0e7;
	z-index: 2;
}
.juku-point h3 {
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: center;
	color: #000;
}
.juku-point h3 strong {
	color: #f93868;
}
.juku-point h3 span {
	font-size: 2.8rem;
}
.juku-point .point-list .point {
	display: flex;
	width: 100%;
	height: 6rem;
	margin-top: 1rem;
}
.juku-point .point-list h4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	border-radius: 0.5rem 0 0 0.5rem;
	background-color: #f93868;
	width: 32.2%;
	height: 6rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.1;
	text-align: center;
	color: #fff;
}
.juku-point .point-list .point:nth-of-type(2) h4 {
	background-color: #f7931d;
}
.juku-point .point-list .point:nth-of-type(3) h4 {
	background-color: #1f98ea;
}
.juku-point .point-list .point:nth-of-type(4) h4 {
	background-color: #8cc63f;
}
.juku-point .point-list h4 span {
	display: block;
	width: 100%;
	margin-bottom: 0.3rem;
	font-size: 2rem;
	text-align: center;
	line-height: 1;
	color: #ff0;
}
.juku-point .point-list p {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	border-radius: 0 0.5rem 0.5rem 0;
	background-color: #fff;
	width: 32.2%;
	height: 6rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #000;
}
.juku-point .point-list .img-box {
	border-radius: 0;
	width: 35.6%;
	height: 6rem;
	padding: 0;
}
.juku-btn {
	position: relative;
	border-radius: 1rem;
	background: #feeef2;
	background: -moz-linear-gradient(top,  #feeef2 0%, #990026 100%);
	background: -webkit-linear-gradient(top,  #feeef2 0%,#990026 100%);
	background: linear-gradient(to bottom,  #feeef2 0%,#990026 100%);
	width: 100%;
	height: 6rem;
	padding: 2px;
	text-align: center;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	overflow: hidden;
	z-index: 10;
}
.juku-btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.8rem;
	background: #f93867;
	background: -moz-linear-gradient(top,  #fa668a 0%, #f93867 100%);
	background: -webkit-linear-gradient(top,  #fa668a 0%,#f93867 100%);
	background: linear-gradient(to bottom,  #fa668a 0%,#f93867 100%);
	width: 100%;
	height: 100%;
	padding: 1rem 4rem 1rem 3rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	color: #fff;
}
.juku-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.5rem;
	display: block;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-w.svg) no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}


.index-community {
	position: relative;
	padding: 8rem 0 0 0;
}
.index-community:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	clip-path: polygon(0 10rem, 100% 0, 100% 100%, 0% 100%);
	background: #fff4ee url(../png/bg-com.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: calc(100% + 20rem);
	z-index: 12;
}
.index-community:after {
	content: "";
	position: absolute;
	top: 2rem;
	right: 0;
	clip-path: polygon(0 0, 100% 10rem, 100% 100%, 0% 100%);
	background: url(../png/bg-dot_01.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 10rem;
	opacity: 0.5;
	z-index: 11;
}

.index-community h2 {
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin-bottom: 1rem;
	font-size: 0;
	box-shadow: 0 1rem 1rem rgba(0,0,0,0.05);
	z-index: 2;
}
.index-community h2:after {
	content: "";
	position: absolute;
	bottom: -1.4rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.5rem 1rem 0 1rem;
	border-color: #fff transparent transparent transparent;
	margin-left: -1rem;
}
.community-title {
	position: relative;
	border-radius: 2rem;
	background: url(../jpg/index-community-bg.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 36rem;
	padding: 2.5rem 2rem 10.5rem 2rem;
	font-size: 1.6rem;
	line-height: 1.8;
	z-index: 1;
}
.community-title .img1 {
	position: absolute;
	bottom: -1.8rem;
	left: 0.5rem;
	width: 12rem;
}
.community-title .img2 {
	position: absolute;
	bottom: -1.8rem;
	right: 0.5rem;
	width: 12rem;
}
.community-title .img3,
.community-title .img4 {
	display: none;
}
.community-title .btn {
	margin-top: 1rem;
}
.community-comment {
	position: relative;
	width: 100%;
	margin: 2rem 0 0 0;
}
.community-comment .slick-slide {
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	width: 33.5rem;
	padding: 2rem 2rem 4.5rem 2rem;
}
.community-comment .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.community-comment .image {
	align-self: flex-start;
	position: relative;
	border-radius: 8rem;
	width: 8rem;
	height: 8rem;
	overflow: hidden;
}
.community-comment .image img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}
.community-comment h3 {
	width: calc(100% - 9rem);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	color: #000;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.community-comment .txt {
	font-size: 1.4rem;
	line-height: 1.7;
}
.community-comment .title .txt {
	width: calc(100% - 9rem);
}
.community-comment .st {
	position: absolute;
	bottom: 2rem;
	right: 2rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-size: 1rem;
	line-height: 1;
	color: #888;
}
.community-comment .st img {
	border: 1px solid #ccc;
	width: 2.4rem;
	margin-left: 0.6rem;
}
.community-comment .slick-arrow {
	position: absolute;
	top: 50%;
	border-radius: 0.5rem;
	background-color: #00b5f0;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	padding-top: 3rem;
	font-size: 0;
	cursor: pointer;
	overflow: hidden;
	z-index: 5;
}
.community-comment .slick-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0.6rem 0.5rem 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -0.5rem;
	margin-left: -0.3rem;
}
.community-comment .slick-arrow.ar-prev {
	left: -2rem;
}
.community-comment .slick-arrow.ar-next {
	right: -2rem;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}


.index-service {
	position: relative;
	background-color: #f7f7f5;
	padding: 8rem 0;
}
.index-service:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: 0;
	clip-path: polygon(0 0, 100% 10rem, 100% 100%, 0% 100%);
	background-color: #f7f7f5;
	width: 100%;
	height: 100%;
	z-index: 14;
}
.index-service:after {
	content: "";
	position: absolute;
	top: 2rem;
	right: 0;
	clip-path: polygon(0 10rem, 100% 0, 100% 100%, 0% 100%);
	background: url(../png/bg-dot_05.png) center center;
	background-size: 2.4rem;
	width: 100%;
	height: 10rem;
	opacity: 0.25;
	z-index: 13;
}
.index-service h2 {
	text-align: center;
}


.cv-dl {
	margin-top: 6rem;
}
.cv-dl .head1 {
	font-size: 2rem;
	line-height: 1;
	text-align: center;
}
a.cv-banner {
	display: block;
	border: 4px solid #e30;
	border-radius: 1rem;
	background-color: #ff6e2d;
	background-image: url(../png/cv-btn-bg_01.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 10rem;
	width: 100%;
	padding: 1.2rem 1.5rem;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	color: #fff;
	box-shadow: 0.5rem 0.5rem 0 rgba(0,0,0,0.5);
}
a.cv-banner span {
	color: #ff0;
}
a.cv-banner dd {
	margin-top: 0.6rem;
	font-size: 1.2rem;
	line-height: 1.3;
}
.cv-link {
	width: 100%;
	margin-top: 1rem;
	font-size: 1.4rem;
	letter-spacing: 0;
	text-align: center;
	line-height: 1;
}
.cv-link a {
	color: #fff;
}










/* CUBISM */

.cubism-after-install {
	width: 100%;
}
.cubism-after-install .box {
	position: relative;
	width: 100%;
}
.cubism-after-install .box:nth-child(1):after {
	content: "";
	position: absolute;
	bottom: -2.5rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2rem 2rem 0 2rem;
	border-color: #00b5f0 transparent transparent transparent;
	margin-left: -2rem;
	z-index: 10;
}
.cubism-after-install .box:nth-child(2) {
	margin-top: 3rem;
}
.cubism-after-install p {
	margin-top: 1rem;
	font-size: 1.2rem;
	line-height: 1.4;
}

.cubism-dl-macos {
	position: relative;
	border-radius: 1rem;
	background-color: #fff3ee;
	margin: 3rem 0;
	padding: 2rem;
}
.cubism-dl-macos h3 {
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
}
.cubism-dl-macos .image {
	border-radius: 0.5rem;
	margin-top: 2rem;
	overflow: hidden;
}

.cubism-voice-area {
	background-color: #f7f7f5;
	margin: 3rem 0 5rem 0;
	padding: 2rem 0;
}
.cubism-voice {
	position: relative;
	width: 100%;
}
.cubism-voice .slick-slide {
	display: flex;
	justify-content: space-between;
	border-radius: 1rem;
	background-color: #fff;
	width: 33.5rem;
	padding: 2rem;
}
.cubism-voice .image {
	border-radius: 0.8rem;
	background-color: #fff3ee;
	width: 6rem;
	height: 12rem;
	overflow: hidden;
}
.cubism-voice .image img {
	max-width: initial;
	width: 8rem;
	height: auto;
	margin: 0 -1rem;
}
.cubism-voice .read {
	position: relative;
	width: calc(100% - 7.5rem);
	padding-bottom: 4rem;
}
.cubism-voice ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0.6rem;
}
.cubism-voice ul li {
	border-radius: 0.4rem;
	background-color: #ddd;
	margin: 0 0.2rem 0.2rem 0;
	padding: 0.5rem 1rem;
	font-size: 1.1rem;
	white-space: nowrap;
	line-height: 1;
}
.cubism-voice .txt {
	font-size: 1.3rem;
	line-height: 1.6;
}
.cubism-voice .st {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	font-size: 1.1rem;
	line-height: 1;
	letter-spacing: 0;
	color: #888;
}
.cubism-voice .st p {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	margin-top: 0.4rem;
}
.cubism-voice .st img {
	border: 1px solid #ccc;
	width: 2.2rem;
	margin-left: 0.5rem;
}
.cubism-voice .slick-arrow {
	position: absolute;
	top: 50%;
	border-radius: 0.5rem;
	background-color: #00b5f0;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	padding-top: 3rem;
	font-size: 0;
	cursor: pointer;
	overflow: hidden;
	z-index: 5;
}
.cubism-voice .slick-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0.6rem 0.5rem 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -0.5rem;
	margin-left: -0.3rem;
}
.cubism-voice .slick-arrow.ar-prev {
	left: -2rem;
}
.cubism-voice .slick-arrow.ar-next {
	right: -2rem;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.spec-title {
	margin-bottom: 2rem;
	line-height: 1;
}
.spec-title h2 {
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
.spec-title p {
	line-height: 1.4;
	color: #888;
}
.spec-title select {
	display: block;
	margin-top: 1rem;
}

.spec-before {
	margin-bottom: 2rem;
	line-height: 1.4;
	color: #888;
}
.spec-before select {
	width: 100%;
	margin-top: 1rem;
}
.spec-new h2 {
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
.spec-new h2 span {
	font-size: 1.8rem;
}

.update-title {
	border-bottom: 1px solid #ff6e2d;
	margin-bottom: 2rem;
	padding-bottom: 1.5rem;
	line-height: 1;
}
.update-title h2,
.update-title p {
	margin-bottom: 1.2rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #ff6e2d;
}

.cubism-update .ver {
	position: relative;
	border: 2px solid #ff6e2d;
	border-radius: 3.6rem;
	width: 20rem;
	height: 3.6rem;
	margin: 0 auto -1.5rem auto;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: calc(3.6rem - 4px);
	text-align: center;
	color: #ff6e2d;
}

.cubism-update .c2-area,
.cubism-update .c1-2-area,
.cubism-update .c2-1-area,
.cubism-update .c1-area {
	margin: 3.5rem auto;
}
.cubism-update .c2-area:first-child,
.cubism-update .c1-2-area:first-child,
.cubism-update .c2-1-area:first-child,
.cubism-update .c1-area:first-child {
	margin-top: 0;
}

.cubism-update .c2-area h3,
.cubism-update .c1-2-area h3,
.cubism-update .c2-1-area h3,
.cubism-update .c1-area h3 {
	font-size: 2rem;
	color: #000;
}
.cubism-update .c3-list h3 {
	font-size: 1.6rem;
	color: #000;
}

.ae-plugin-movie {
	width: 100%;
}
.ae-plugin-movie .movie-box {
	width: 100%;
	margin-bottom: 2rem;
}
.ae-plugin-movie .read {
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: 700;
}
.ae-plugin-movie .read img {
	border: 1px solid #ccc;
	margin-top: 1.2rem;
}

.comparison-mode {
	width: 100%;
	margin-top: 2rem;
	margin-bottom: 4rem;
	min-height: 15.6rem;
}
.comparison-mode-area {
	position: relative;
	width: 100%;
	min-height: 15.6rem;
	margin-top: 0;
	z-index: 1000;
}
.comparison-mode-area.active {
	position: fixed;
	top: 6rem;
	left: 0;
}
.comparison {
	display: flex;
	border: 2px solid #444;
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin-left: auto;
	overflow: hidden;
}
.comparison-mode-area.active .comparison {
	border-radius: 0;
}
.comparison > div {
	width: 50%;
	padding: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.5;
}
.comparison h2 {
	margin-bottom: 0.6rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}
.comparison .btn {
	margin-top: 0.8rem;
}
.comparison .btn a {
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 1;
}
.comparison .btn a:after {
	display: none;
}
.comparison > div:nth-of-type(1) {
	border-right: 2px solid #444;
	background-color: #ffdccc;
}
.comparison > div:nth-of-type(1) h2 {
	color: #ff6e2d;
}

.comparison-title {
	position: relative;
	width: 100%;
	margin-top: 4rem;
}

.comparison-read {
	display: flex;
	flex-wrap: wrap;
	border: 2px solid #444;
	background-color: #fff;
	border-radius: 1rem;
	width: 100%;
	overflow: hidden;
}
.comparison-read .read {
	border-bottom: 2px solid #444;
	width: 100%;
	padding: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.6;
}
.comparison-read .read h4 {
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
}
.comparison-read .read .btn {
	margin-top: 0.5rem;
	text-align: right;
}
.comparison-read .read .btn a {
	width: 50%;
	margin-left: auto;
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 1;
}
.comparison-read .pro {
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 2px solid #444;
	border-bottom: 2px solid #444;
	width: 50%;
	padding: 1.2rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #ff6e2d;
}
.comparison-read .free {
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 2px solid #444;
	width: 50%;
	padding: 1.2rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}
.comparison-read .pro:nth-last-of-type(2),
.comparison-read .free:nth-last-of-type(1) {
	border-bottom: none;
}
.comparison-read .check {
	display: inline-block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 3rem;
	width: 3rem;
	height: 3rem;
	padding-top: 3rem;
	font-size: 0;
	overflow: hidden;
}
.comparison-read .pro .check {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-check-o.svg);
}
.comparison-read .free .check {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-check-g.svg);
}










/* NEWS */

.information-list {
	width: 100%;
}
.information-list li {
	border-bottom: 1px solid #ccc;
}
.information-list li:first-child {
	border-top: 1px solid #ccc;
}
.information-list a {
	display: block;
	margin: 0;
	padding: 1.2rem 0;
	text-decoration: none;
	color: #444;
}
.information-list dl,
#page-title .information {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0;
}
.information-list dl .day,
#page-title .information .day {
	width: 9.5rem;
	font-weight: 700;
	line-height: 2rem;
	color: #888;
}
.information-list dl .cat,
#page-title .information .cat {
	border-radius: 0.4rem;
	background-color: #ffb999;
	width: 13rem;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: 0;
	text-align: center;
	color: #444;
}
.information-list dl .txt {
	width: 100%;
	margin-top: 0.8rem;
	line-height: 1.6;
	text-decoration: underline;
}

.information-area {
	margin-bottom: 4rem;
}
.information-area h2 {
	margin: 2rem 0 2rem 0;
	font-size: 2rem;
	color: #ff6e2d;
}
.information-area h3 {
	position: relative;
	border-bottom: 1px solid #ddd;
	margin: 3rem 0 1.8rem 0;
	padding: 0 0 0.5rem 2.8rem;
	font-size: 1.8rem;
	color: #000;
}
.information-area h3:before {
	content: "";
	position: absolute;
	top: 0.4em;
	left: 0.2em;
	display: block;
	background-color: #ff6e2d;
	width: 0.8em;
	height: 0.8em;
}
.information-area h4 {
	position: relative;
	margin: 3rem 0 1.5rem 0;
	padding-left: 2.6rem;
	font-size: 1.8rem;
	color: #000;
}
.information-area h4:before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: 0;
	display: block;
	background-color: #ff6e2d;
	width: 1.8rem;
	height: 2px;
}
.information-area h5 {
	margin: 2rem 0 1rem 0;
	font-size: 1.6rem;
	color: #000;
}
.information-area h6 {
	margin: 2rem 0 1rem 0;
	color: #000;
}
.information-area em {
	font-weight: 500;
	font-style: italic;
}
.information-area figure {
	margin: 3rem 0;
	text-align: center;
}
.information-area figure img {
	border-radius: 1rem;
	max-width: 100%;
	height: auto;
	overflow: hidden;
}
.information-area .wp-block-media-text {
	margin: 3rem 0;
}
.information-area .wp-block-media-text .wp-block-media-text__content,
.information-area .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 1.5rem 0 0 0;
}
.information-area .wp-block-buttons {
	display: block;
	width: 100%;
	margin: 3rem 0;
}
.information-area .wp-block-button {
	display: block;
	width: 100%;
}
.information-area a.wp-block-button__link {
	display: block;
	border: 2px solid #ff6e2d;
	border-radius: 9999px;
	background-color: #fff;
	width: 100%;
	margin: 0.2rem 0;
	padding: 1.2rem 2rem 1.2rem 2rem;
	font-size: 1.4rem;
	text-decoration: none;
	line-height: 1.2;
	color: #ff6e2d;
	box-shadow: none;
}

.information-area h2:first-child,
.information-area h3:first-child,
.information-area h4:first-child,
.information-area h5:first-child,
.information-area h6:first-child,
.information-area figure:first-child,
.information-area .wp-block-media-text:first-child,
.information-area .wp-block-buttons:first-child {
	margin-top: 0;
}
.information-area h2:last-child,
.information-area h3:last-child,
.information-area h4:last-child,
.information-area h5:last-child,
.information-area h6:last-child,
.information-area figure:last-child,
.information-area .wp-block-media-text:last-child,
.information-area .wp-block-buttons:last-child {
	margin-bottom: 0;
}










/* SDK */

.anchor-link li {
	width: 100%;
	margin-bottom: 0.5rem;
}
.anchor-link.btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.2rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.6rem 0.6rem 0 0.6rem;
	border-color: #fff transparent transparent transparent;
	margin-top: -0.3rem;
}

.support-logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 2rem 0;
}
.support-logo li {
	padding: 1rem;
}
.support-logo li img {
	width: auto;
	height: 2rem;
}
.support-logo li.mid img {
	width: auto;
	height: 3rem;
}
.support-logo li.warp img {
	width: auto;
	height: 4rem;
}
.support-logo .ps-line{
	display: none;
}
.support-logo .support-ps4 img{
	height: 1.2rem;
    vertical-align: middle;
}
.text-logo {
	width: 100%;
	margin: 2rem 0;
}
.text-logo img {
	display: block;
	margin: 1rem auto 0 auto;
	width: 12rem;
}
.text-console {
	width: 100%;
	margin: 2rem 0;
}
.text-console ul {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}
.text-console ul li {
	margin: 0 0.5rem;
}
.text-console ul img {
	width: auto;
	height: 4rem;
}


/* license */

.c3-list.flow .box:nth-child(-n+2):after {
	content: "";
	position: absolute;
	bottom: -2rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 2rem 2rem 0 2rem;
	border-color: #00b5f0 transparent transparent transparent;
	margin-left: -2rem;
	z-index: 10;
}
.c3-list.flow .box.picup {
	border: 2px solid #ff6e2d;
	background-color: #ffe8dd;
}
.c3-list.flow .box.picup .img-box {
	border-radius: 0.8rem 0.8rem 0 0;
}

.box .required {
	margin-top: 1.5rem;
}
.box .required dt {
	margin-bottom: 0.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	color: #ff6e2d;
}
.box .required dd {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	border-radius: 0.5rem;
	background-color: #fff;
	width: 100%;
	height: 5rem;
	font-size: 2.6rem;
	font-weight: 700;
	line-height: 1;
}
.box .required dd img {
	width: auto;
	height: 2.6rem;
	margin: 0 1rem 0 0;
}
.box .required dd .icon {
	width: 1.6rem;
	height: 1.6rem;
	margin: 0 0 0 1rem;
}
.box .required dd span {
	font-size: 1.8rem;
}
.box .required + .btn {
	margin-top: 1rem;
}

.img-swipe {
	position: relative;
	width: 100%;
	height: auto;
	margin-top: 3rem;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
}
.img-swipe:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border: 2px solid #fff;
	border-radius: 12rem;
	background: #ff6e2d url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-swipe.svg) center center no-repeat;
	background-size: 10rem;
	width: 12rem;
	height: 12rem;
	margin: -5rem 0 0 -5rem;
	opacity: 0.9;
	z-index: 10;
}
.img-swipe.touch:before {
	display: none;
}
.img-swipe img {
	max-width: initial;
	width: 80rem;
	height: auto;
}
#sdk-license-flow > div {
	position: relative;
	width: 80rem;
	height: 51.6rem;
}
#sdk-license-flow img {
	width: 80rem;
	height: 51.6rem;
	z-index: 1;
}
#sdk-license-flow ul {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 23.63636363%;
	height: 100%;
	z-index: 2;
}
#sdk-license-flow ul li {
	width: 100%;
	height: 5.8rem;
}
#sdk-license-flow ul li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	border-radius: 0.8rem;
	border: 2px solid #ff6e2d;
	background-color: #ff6e2d;
	width: 100%;
	height: 5.8rem;
	padding: 0 0.4rem 0 4.8rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#sdk-license-flow ul li a div {
	position: absolute;
	top: 50%;
	left: 1rem;
	border-radius: 3.6rem;
	background-color: #fff;
	width: 3.6rem;
	height: 3.6rem;
	margin-top: -1.8rem;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 3.6rem;
	text-align: center;
	color: #ff6e2d;
}
#sdk-license-flow ul li span {
	display: block;
	width: 100%;
	margin-top: 0.4rem;
	font-size: 1rem;
}

.license-plan-list {
	width: 100%;
	margin-top: 0 !important;
}
.license-plan-list li {
	width: 100%;
	margin-bottom: 0.5rem;
}
.license-plan-list li:last-child {
	margin-bottom: 0;
}
.license-plan-list.btn a {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	border: 2px solid #00b5f0;
	background-color: #00b5f0;
	width: 100%;
	height: 6rem;
	padding: 0.8rem 3rem 0.8rem 6rem;
	font-size: 1.4rem;
}
.license-plan-list.btn .active a {
	border: 2px solid #ff6e2d;
	background-color: #ff6e2d;
	pointer-events: none;
}
.license-plan-list.btn .active a:after {
	display: none;
}
.license-plan-list.btn a.other {
	padding: 1rem 3rem;
}
.license-plan-list.btn a div {
	position: absolute;
	top: 50%;
	left: 0.5rem;
	border-radius: 5rem;
	background-color: #fff;
	width: 5rem;
	height: 5rem;
	margin-top: -2.5rem;
	font-size: 3.6rem;
	font-weight: 900;
	line-height: 5rem;
	text-align: center;
	color: #00b5f0;
}
.license-plan-list.btn .active a div {
	color: #ff6e2d !important;
}
.license-plan-list.btn a span {
	display: block;
	width: 100%;
	margin-top: 0.5rem;
	font-size: 1.1rem;
	text-align: center;
}

.area-list {
	display: flex;
	flex-wrap: wrap;
	border: 2px solid #00b5f0;
	border-radius: 1rem;
	width: 100%;
	background-color: #fff;
	margin: 1.5rem 0;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #00b5f0;
}
.area-list li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	border-right: 2px solid #00b5f0;
	width: 33.33%;
	padding: 1rem;
	text-align: center;
}
.area-list li:nth-child(3n) {
	border-right: none;
}
.area-list li:nth-child(n+4) {
	border-top: 2px solid #00b5f0;
}
.area-list li span {
	font-size: 1.2rem;
	line-height: 1.3;
}

.cost-box {
	background-color: #fff4ee;
	border-radius: 1rem;
	width: 100%;
	margin: 5rem 0 2rem 0;
	padding: 2rem 1.5rem;
}
.cost-box h3 {
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #ff6e2d;
}
.cost-box .cost {
	margin: 1.5rem auto;
	font-size: 1rem;
	line-height: 1.4;
	letter-spacing: 0;
}
.cost-box .cost li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 1rem;
}
.cost-box .cost li:last-child {
	margin-bottom: 0;
}
.cost-box .cost .title {
	display: block;
	width: 100%;
	font-size: 1.4rem;
}
.cost-box .cost .person {
	margin: 0 0.2rem;
	font-size: 0.8rem;
}
.cost-box .note {
	font-size: 1.2rem;
	line-height: 1.4;
}


/* guidelines */

.guideline-image {
	margin: 2rem auto;
}

.guidelines-box {
	border-radius: 1rem;
	background-color: #f7f7f5;
	width: 100%;
	margin: 2rem 0;
	padding: 2rem;
}
.guidelines-box dt {
	margin-bottom: 0.6rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
}
.guidelines-box dd {
	margin-bottom: 1rem;
}
.guidelines-box dd:last-child {
	margin-bottom: 0;
}
.guidelines-box + .btn {
	margin-top: 2rem;
}

.guidelines-column {
	margin-top: 4rem;
}
.guidelines-column .image {
	width: 60%;
	margin: 2rem auto 0 auto;
}
.head1 + .guidelines-column {
	margin-top: 2rem;
}










/* download */

.certificate .box {
	border: 2px solid #ccc;
	border-radius: 1rem;
	width: 100%;
	height: 32rem;
	margin-bottom: 1rem;
	padding: 1rem;
}
.certificate iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

form .checkbox {
	margin: 2rem 0 !important;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #000;
}
form:first-child .checkbox {
	margin-top: 0 !important;
}
form .checkbox input {
	display: none;
}
form .checkbox input[type=checkbox] + label {
	display: inline-flex;
	align-items: center;
	position: relative;
	min-height: 2.5rem;
	margin: 0.5rem 1rem 0.5rem 0;
	padding-left: 3.5rem;
	font-weight: 700;
	line-height: 1;
}
form .checkbox input[type=checkbox] + label span {
	line-height: 1.4;
}
form .checkbox input[type=checkbox] + label:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	border: 2px solid #999;
	background: #fff;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -1.25rem;
}
form .checkbox input[type=checkbox]:checked + label:before {
	background: #ff6e2d;
	box-shadow: 0 0 0 0.4rem #fff inset;
}

.update-check {
	position: relative;
	border-radius: 1rem;
	background-color: #fff3ee;
	margin: 1rem 0 !important;
	padding: 1.5rem 2rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
.update-check:after {
	content: "DOWNLOAD";
	position: absolute;
	top: -0.5rem;
	right: 1rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	color: #ff6e2d;
}
#usertype_select.update-check {
	border-radius: 1rem 1rem 0 0;
	margin-bottom: 0 !important;
}
#usertype_select.update-check:after {
	content: "USERTYPE";
}
.update-check.disabled {
	background-color: #eee;
}
.update-check.disabled:after {
	color: #ccc;
}
.update-check input {
	display: none;
}
.update-check input[type="radio"] + label {
	display: inline-flex;
	align-items: center;
	position: relative;
	min-height: 2.5rem;
	margin: 0.5rem 1rem 0.5rem 0;
	padding-left: 3.5rem;
	line-height: 1;
}
.update-check input[type="radio"] + label:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #999;
	border-radius: 2.5rem;
	background: #fff;
	width: 2.5rem;
	height: 2.5rem;
}
.update-check input[type="radio"]:checked + label:before {
	background: #ff6e2d;
	box-shadow: 0 0 0 0.4rem #fff inset;
}
.update-check input[disabled] + label:before {
	border: 2px solid #ccc;
	background: #eee;
}
.update-check input[disabled]:checked + label:before {
	background: #ccc;
	box-shadow: 0 0 0 0.4rem #eee inset;
}

.mc-field-group {
	border-radius: 0 0 1rem 1rem;
	background-color: #fff3ee;
	width: 100%;
	padding: 0 2rem 1.5rem 2rem;
}
.mc-field-group:has(input[disabled]) {
	background-color: #eee;
}
.mc-field-group input {
	border: 1px solid #999;
	background: #fff;
	width: 100%;
	padding: 1.5rem 1rem;
	font-size: 1.4rem;
	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,
#update_history_beta,
#url_cubismcore {
	margin: 0.8rem 0 1rem 0 !important;
	text-align: center;
	font-size: 1.2rem;
}

.cubism-btn-double {
	width: 100%;
	margin: 2rem 0;
	font-size: 1.2rem;
}
.cubism-btn-double button {
	margin-bottom: 0.5rem;
}
.cubism-btn-double > div {
	width: 100%;
	margin: 0;
	text-align: center;
}
.cubism-btn-double > div:nth-of-type(2) {
	margin-top: 1.5rem;
}
.cubism-btn-double > div strong {
	font-size: 1.4rem;
}
.cubism-btn-double > div:has(.btn[style]) {
	display: none;
}
.cubism-btn-double .btn {
	margin: 0;
}
.btn .btn_ver {
	display: block;
	margin-top: 0.4rem;
	font-size: 1.2rem;
}

.cubism-other-version {
	width: 100%;
	margin: 2rem 0;
}
.cubism-other-version p {
	width: 100%;
	text-align: center;
}
.version-btn {
	margin-top: 1rem;
}

.version-btn {
	position: relative;
	width: 100%;
	z-index: 10;
}
.version-btn button {
	vertical-align: middle;
	border: 2px solid #444;
	border-radius: 0.5rem;
	background: #fff url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-select.svg) right center no-repeat;
	background-size: 1.6rem;
	width: 100%;
	height: 4rem;
	padding: 0 3rem 0 1rem;
	font-size: 1.4rem;
	line-height: 1;
	color: #444;
}
.version-btn button.active {
	border-radius: 0.5rem 0.5rem 0 0;
}
.version-btn[disabled] {
	border: 2px solid #999;
	background: #eee;
	color: #666;
}
.version-btn .panel {
	border-radius: 0 0 0.5rem 0.5rem;
	border-top: none;
}

.slide-open {
	position: relative;
	border: 2px solid #00b5f0;
	border-radius: 1rem;
	background-color: #fff;
	margin: 4rem 0 0 0;
	padding: 1.5rem 5rem 1.5rem 2rem;
	font-size: 1.6rem;
	line-height: 1.3;
	color: #000;
	cursor: pointer;
}
.slide-open:after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 1rem;
	display: block;
	border-radius: 3rem;
	background-color: #00b5f0;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
	font-size: 3rem;
	font-weight: 500;
	text-align: center;
	line-height: 3rem;
	letter-spacing: 0;
	color: #fff;
}
.slide-open.active {
	border-radius: 1rem 1rem 0 0
}
.slide-open.active:after {
	content: "-";
}
.slide-open + .cubism-note {
	display: none;
	border-radius: 0 0 1rem 1rem;
}
.cubism-note {
	border-radius: 1rem;
	background-color: #f7f7f5;
	padding: 2rem;
	font-size: 1.2rem;
}
.cubism-note a {
	word-break: break-all;
}
.cubism-note h3,
.cubism-note h4 {
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000;
}
.cubism-note p {
	margin: 1rem 0;
}
.cubism-note h3:first-child,
.cubism-note h4:first-child,
.cubism-note p:first-child {
	margin-top: 0;
}
.cubism-note p:last-child {
	margin-bottom: 0;
}
.cubism-note ol {
	counter-reset: item2;
}
.cubism-note ol li {
	position: relative;
	padding-left: 3rem;
}
.cubism-note ol li:before {
	counter-increment: item2;
	content: '※'counter(item2);
	position: absolute;
	top: 0;
	left: 0;
}


/* warning */

#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% + 6rem);
	left: 50%;
	border-radius: 1rem;
	background: #fff;
	width: 92%;
	padding: 3rem 2rem;
	-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: -2rem;
	right: 1rem;
	border: 2px solid #fff;
	border-radius: 4rem;
	background: #ff6e2d;
	width: 4rem;
	height: 4rem;
}
#dl-warning .warning-area #warning-close:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 2px;
	background: #fff;
	width: 2rem;
	height: 2px;
	margin: -1px 0 0 -1rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#dl-warning .warning-area #warning-close:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 2px;
	background: #fff;
	width: 2rem;
	height: 2px;
	margin: -1px 0 0 -1rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#dl-warning .warning-area h2 {
	margin: 0 0 1.5rem 0;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #000;
}
#dl-warning .warning-area .forpc {
	margin: 0 0 1.5rem 0;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	color: #ff6e2d;
}
#dl-warning .warning-area p {
	margin: 1rem 0;
	line-height: 1.4;
	text-align: center;
}
#dl-warning .warning-area input {
	border: 2px solid #ff6e2d;
	width: 100%;
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 1;
	color: #ff6e2d;
}
#dl-warning .sns {
	margin: 2rem 0 0 0;
	text-align: center;
	font-size: 0;
	line-height: 1;
}
#dl-warning .sns li {
	display: inline-block;
	border-radius: 0.8rem;
	margin: 0 0.5rem;
	overflow: hidden;
}
#dl-warning .sns img {
	width: 4rem;
}


/* modal */

.modal-area {
	position: relative;
}
.md-overlay {
	position: relative;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	width: 100%;
	height: 100%;
	z-index: 10000;
}
.md-contents {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 100%;
	padding: 0 2rem;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10001;
}
.md-inner {
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	min-height: 48rem;
	padding: 2rem;
}
.modal-area iframe {
	position: relative;
	width: 100%;
	min-height: 44rem;
	border: none;
	display: block;
}
.md-xmark {
	position: absolute;
	top: -2rem;
	right: 1rem;
	border: 2px solid #fff;
	border-radius: 4rem;
	background: #ff6e2d;
	width: 4rem;
	height: 4rem;
	z-index: 10002;
}
.md-xmark:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 2px;
	background: #fff;
	width: 2rem;
	height: 2px;
	margin: -1px 0 0 -1rem;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.md-xmark:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 2px;
	background: #fff;
	width: 2rem;
	height: 2px;
	margin: -1px 0 0 -1rem;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}










/* Sample */

.sample-title {
	border-bottom: 1px solid #ff6e2d;
	margin-bottom: 3rem;
	padding-bottom: 1.5rem;
	line-height: 1;
}
.sample-title h2 {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #ff6e2d;
}
.sample-title h2 span {
	font-size: 1.4rem;
}
.sample-title ul {
	display: flex;
	flex-wrap: wrap;
}
.sample-title ul li {
	display: block;
	border: 1px solid #444;
	border-radius: 0.5rem;
	background-color: #fff;
	height: 2.4rem;
	margin: 0.2rem 0.2rem 0 0;
	padding: 0 0.6rem;
	font-size: 1rem;
	line-height: calc(2.4rem - 2px);
	white-space: nowrap;
}
.sample-title ul li.pro {
	border: 1px solid #ff6e2d;
	background-color: #ff6e2d;
	color: #fff;
}
.sample-title ul li.free {
	border: 1px solid #ff6e2d;
	color: #ff6e2d;
}
.sample-title ul li.learn {
	border: 1px solid #00b5f0;
	color: #00b5f0;
}

.sample-area {
	width: 100%;
	margin-bottom: 2rem;
}
.sample-area .image {
	width: 100%;
	margin: 1rem 0;
}
.sample-area .read {
	width: 100%;
	margin: 2rem 0;
}
.sample-area h3 {
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	color: #000;
}
.sample-area .note {
	margin-top: 0.5rem;
	font-size: 1.24rem;
}
.bg1 .sample-area .img-box {
	border: 1px solid #eee;
}

.sample-dl {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 2rem 0 1.5rem 0;
}
.sample-dl:first-child {
	margin-top: 0;
}
.sample-dl .pro,
.sample-dl .free {
	width: 49.1%;
}
.sample-dl .dl-btn {
	width: 100%;
	margin-bottom: 0.8rem;
}
.sample-dl .dl-btn a {
	position: relative;
	display: block;
	border: 2px solid #ff6e2d;
	border-radius: 1rem;
	background-color: #ff6e2d;
	padding: 1rem 3rem 1rem 1rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
}
.sample-dl .free .dl-btn a {
	background-color: #fff;
	color: #ff6e2d;
}
.sample-dl .dl-btn a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1rem;
	display: block;
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-dl-w.svg);
	background-repeat: no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}
.sample-dl .free .dl-btn a:after {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-dl-o.svg);
}
.sample-dl .txt {
	padding: 0 0.5rem;
	font-size: 1.2rem;
	line-height: 1.5;
}
.sample-dl .blank {
	color: #ccc;
}
.sample-dl .blank .dl-btn a {
	border: 2px solid #ccc;
	background-color: #ccc;
	color: #fff;
	pointer-events: none;
}
.sample-dl .free.blank .dl-btn a {
	background-color: #fff;
	color: #ccc;
}
.sample-dl .free.blank .dl-btn a:after {
	background-image: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-dl-g.svg);
	opacity: 0.5;
}

.sample-banner {
	width: 100%;
	height: 6rem;
}
.sample-banner-area {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6rem;
	z-index: 1000;
}
.sample-banner-area.active {
	position: relative;
}
.sample-banner-inner {
	display: flex;
	align-items: flex-end;
	width: 100%;
	height: 6rem;
	margin: 0 auto;
}
.sample-banner-inner li {
	background-color: #fff;
	overflow: hidden;
}
.sample-banner-inner li.banner1,
.sample-banner-inner li.banner2,
.sample-banner-inner li.banner3 {
	width: 33.3333%;
}
.sample-banner-inner li.banner4,
.sample-banner-inner li.banner5 {
	width: 50%;
}
.sample-banner-inner li a {
	display: block;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 6rem;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.sample-banner-inner li.banner1 a {
	border: 0.5rem solid #abe5eb;
	background-image: url(../png/sample-banner-sp_01.png);
	background-size: 8rem auto;
	padding-top: 5rem;
}
.sample-banner-inner li.banner2 a {
	border: 0.5rem solid #ccf;
	background-image: url(../png/sample-banner-sp_02.png);
	background-size: 8rem auto;
	padding-top: 5rem;
}
.sample-banner-inner li.banner3 a {
	border: 0.5rem solid #faccd8;
	background-image: url(../png/sample-banner-sp_03.png);
	background-size: 8rem auto;
	padding-top: 5rem;
}
.sample-banner-inner li.banner4 a {
	background-image: url(../png/sample-banner-sp_04.png);
	background-size: 100% 100%;
	padding-top: 6rem;
}
.sample-banner-inner li.banner5 a {
	background-image: url(../png/sample-banner-sp_05.png);
	background-size: 100% 100%;
	padding-top: 6rem;
}


/* nizima ranking */
.img-box.rank-img {
	padding-top: 132%;
}

.nizima-rank .nizima-btn a {
	line-height: 1.2!important;
}










/* Community */

.read .lang {
	display: flex;
	margin-bottom: 0.8rem;
}
.read .lang li {
	border-radius: 0.4rem;
	background-color: #ff6e2d;
	width: 4rem;
	height: 2rem;
	margin-right: 0.4rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 2rem;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
}
.read .lang li.en {
	background-color: #00b5f0;
}
.read .lang li.cn {
	background-color: #f69;
}
.read .lang li.kr {
	background-color: #6c3;
}

.community-sns {
	border-radius: 1rem;
	background-color: #f7f7f5;
	width: 100%;
	padding: 2rem;
}
.community-sns h3 {
	display: flex;
	align-items: center;
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	white-space: nowrap;
}
.community-sns h3:first-child {
	margin-top: 0;
}
.community-sns h3:after {
	content: "";
	display: block;
	border-top: 1px solid #ccc;
	width: 100%;
	margin-left: 1rem;
}
.community-sns ul {
	display: flex;
	flex-wrap: wrap;
}
.community-sns ul li {
	width: 100%;
	margin-bottom: 1rem;
}
.community-sns ul li:last-child {
	margin-bottom: 0;
}
.community-sns ul a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	text-decoration: none;
	color: #444;
}
.community-sns ul a .icon {
	border-radius: 6rem;
	width: 6rem;
	height: 6rem;
	font-size: 0;
	overflow: hidden;
}
.community-sns ul a .icon img {
	width: 100%;
}
.community-sns ul a .name {
	width: calc(100% - 7rem);
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.community-sns ul a .name span {
	font-size: 1.2rem;
	font-weight: 500;
}










/* BUSINESS */

.tab-content {
	display: none;
}
.tab-content.active,
.tab-content:first-of-type {
	display: block;
}

.tab-list {
	position: relative;
	width: 100%;
	margin-top: 2rem;
	z-index: 2;
}
.tab-list li {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
	border-bottom: 0;
	background-color: #00b5f0;
	width: 100%;
	min-height: 4.2rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
	color: #fff;
}
.tab-list li img {
	width: 1.6rem;
	margin-right: 0.8rem;
	margin-bottom: 0.4rem;
}
.tab-list li.active {
	background-color: #ff6e2d;
}
.tab-list li:first-child {
	border-radius: 1rem 1rem 0 0;
}
.tab-list li span {
	font-size: 1rem;
}
.tab-list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
}
.tab-list.flex {
	display: flex;
	justify-content: space-between;
}
.tab-list.flex li {
	border: none;
	width: 32.9%;
	min-height: 5rem;
}
.tab-list.flex li:first-child {
	border-radius: 1rem 0 0 0;
}
.tab-list.flex li:last-child {
	border-radius: 0 1rem 0 0;
}
.tab-list.flex li.active:after {
	content: "";
	position: absolute;
	bottom: -0.9rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1rem 1rem 0 1rem;
	border-color: #ff6e2d transparent transparent transparent;
	margin-left: -1rem;
}
.tab-bg {
	background-color: #f7f7f5;
	padding-top: 2rem;
}
.tab-bg2 {
	background-color: #fff;
	padding-top: 2rem;
}
.tab-bg + .bg1,
.tab-bg2 + .bg2 {
	padding-top: 2rem !important;
}
.tab-bg .tab-list,
.tab-bg2 .tab-list {
	margin-top: 0;
}

.tab-box {
	position: relative;
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 2.5rem 2rem;
	z-index: 1;
}
.tab-box .head2 {
	color: #ff6e2d;
}


/* interview */

.interview-list {
	position: relative;
	width: 100%;
	margin-bottom: 2rem;
	padding: 0 2rem;
}
.interview-list .new {
	position: absolute;
	top: 8.8rem;
	left: -1rem;
	border: 2px solid #fff;
	border-radius: 4rem;
	background-color: #ff6e2d;
	width: 6rem;
	height: 6rem;
	margin-top: -3rem;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	line-height: calc(6rem - 4px);
	color: #fff;
	-webkit-transform: rotate(-10deg);
	transform: rotate(-10deg);
	z-index: 2;
}
.interview-list a {
	position: relative;
	display: block;
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin: 0 0 1.5rem 0;
	text-decoration: none;
	color: #000;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
	z-index: 1;
}
.interview-list a:after {
	content: "";
	position: absolute;
	bottom: -1.2rem;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1.5rem 1rem 0 1rem;
	border-color: #fff transparent transparent transparent;
	margin-left: -1rem;
}
.interview-list a .image {
	position: relative;
	border-radius: 1rem 1rem 0 0;
	width: 100%;
	overflow: hidden;
}
.interview-list a .image img {
	width: 100%;
	height: auto;
}
.interview-list a .read {
	position: relative;
	width: 100%;
	padding: 1.8rem 2rem;
}
.interview-list a .read h2 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}
.interview-list a .read p {
	border-radius: 3rem;
	border: 2px solid #ff6e2d;
	background-color: #ff6e2d;
	width: 12rem;
	height: 3rem;
	margin-top: 1rem;
	margin-left: auto;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: calc(3rem - 4px);
	text-align: center;
	color: #fff;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.interview-list .logo {
	position: relative;
	border-radius: 0.5rem;
	background-color: #fff;
	width: 16rem;
	height: 9rem;
	margin: 0 auto;
	overflow: hidden;
}
.interview-list .logo img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}
.interview-list:nth-of-type(2n) .new {
	left: initial;
	right: -1rem;
}

#interview-title {
	background-color: #fff4ee;
	width: 100%;
}
#interview-title .interview-image {
	background-color: #fff;
	width: 100%;
}
#interview-title .interview-image img {
	max-width: initial;
	width: 100%;
	height: auto;
}
#interview-title .interview-inner {
	background: #fff4ee url(../png/page-title-bg.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	padding: 3.5rem 2rem 4rem 2rem;
}
#interview-title h1 {
	position: relative;
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
}
#interview-title h1 strong {
	color: #ff6e2d;
}
#interview-title h1:before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: -2rem;
	display: block;
	background-color: #ff6e2d;
	width: 1.5rem;
	height: 2px;
}
#interview-title dl {
	width: 100%;
	font-weight: 700;
	line-height: 1.5;
}
#interview-title dl dt {
	font-size: 1.6rem;
	font-weight: 700;
}
#interview-title dl dd {
	margin-top: 1rem;
	font-size: 1.2rem;
}
#interview-title .sns {
	justify-content: flex-start;
	margin-top: 2rem;
}
#interview-title .sns li {
	margin: 0 0.5rem 0 0;
}

.interview-note {
	width: 100%;
	margin: 1rem 0 -2rem 0;
	padding: 0 2em;
	text-align: right;
	font-size: 1rem;
	line-height: 1;
}

.interview-preamble {
	border-radius: 1rem;
	background-color: #f7f7f5;
	padding: 2rem;
	line-height: 1.7;
}
.interview-preamble .image {
	position: relative;
	border-radius: 0.5rem;
	background-color: #fff;
	width: 15rem;
	height: 9rem;
	margin: 0 auto;
	overflow: hidden;
}
.interview-preamble .image img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}
.interview-preamble .read {
	width: 100%;
	margin-top: 1.5rem;
}
.interview-preamble .link {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.5rem;
	font-weight: 700;
	line-height: 1;
}
.interview-preamble .link li {
	white-space: nowrap;
	margin-top: 0.8rem;
	margin-right: 1rem;
}
.interview-preamble .link a {
	position: relative;
	padding-right: 1rem;
}
.interview-preamble .link a:after {
	content: "";
	position: absolute;
	top: 0.3rem;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0 0.5rem 0.5rem;
	border-color: transparent transparent transparent #ff6e2d;
}

.interview-box {
	border: 1px solid #eee;
	border-radius: 1rem;
	background-color: #fff;
	margin: 2rem 0;
	padding: 3rem 2rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
}
.interview-box h2 {
	position: relative;
	margin: 4rem 0 2rem 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	color: #ff6e2d;
}
.interview-box h2.quote {
	position: relative;
	display: table;
	margin: 4rem 0 2rem 0;
	padding: 0 2.8rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	color: #ff6e2d;
}
.interview-box h2.quote:before {
	content: "\201C";
	position: absolute;
	top: -1.4rem;
	left: 0;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 5rem;
}
.interview-box h2.quote:after {
	content: "\201D";
	position: absolute;
	top: -1.4rem;
	right: 0;
	font-family: "Roboto";
	font-weight: 700;
	font-size: 5rem;
}
.interview-box p,
.interview-box ul,
.interview-box ol {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.interview-box li {
	position: relative;
	padding-left: 1.4rem;
}
.interview-box ul li:before {
	content: "";
	position: absolute;
	top: 0.6em;
	left: 0;
	display: block;
	border-radius: 1rem;
	background-color: #ff6e2d;
	width: 0.6rem;
	height: 0.6rem;
}
.interview-box ol {
	counter-reset: item;
}
.interview-box ol li {
	position: relative;
	padding-left: 2rem;
}
.interview-box ol li:before {
	counter-increment: item;
	content: counter(item)'.';
	position: absolute;
	top: 0;
	left: 0;
	font-weight: 700;
	color: #ff6e2d;
}
.interview-box strong {
	color: #000;
}
.interview-box .image div {
	border-radius: 1rem;
	font-size: 0;
	line-height: 1;
	overflow: hidden;
}
.interview-box .image p {
	margin: 0.8rem 0 0 0;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: center;
}
.interview-box .image-single .image,
.interview-box .image-double .image,
.interview-box .image-left .image,
.interview-box .image-right .image {
	margin-bottom: 1.5rem;
}
.interview-box .image-single,
.interview-box .image-double,
.interview-box .image-left,
.interview-box .image-right,
.interview-box .movie,
.interview-box .btn {
	margin: 3rem 0;
}
.interview-box h2:first-child,
.interview-box p:first-child,
.interview-box ul:first-child,
.interview-box ol:first-child,
.interview-box .image-single:first-child,
.interview-box .image-double:first-child,
.interview-box .image-left:first-child,
.interview-box .image-right:first-child,
.interview-box .movie:first-child,
.interview-box .btn:first-child {
	margin-top: 0;
}
.interview-box h2:last-child,
.interview-box p:last-child,
.interview-box ul:last-child,
.interview-box ol:last-child,
.interview-box .image-single:last-child,
.interview-box .image-double:last-child,
.interview-box .image-left:last-child,
.interview-box .image-right:last-child,
.interview-box .movie:last-child,
.interview-box .btn:last-child {
	margin-bottom: 0;
}
.sns {
	display: flex;
	justify-content: center;
}
.interview-box + .sns {
	margin-top: 2rem;
}
.sns li {
	border-radius: 0.5rem;
	width: 3rem;
	margin: 0 0.25rem;
	font-size: 0;
	overflow: hidden;
}

.interview-move {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 4rem;
}
.interview-move li {
	width: 49%;
	height: 5rem;
}
.interview-move li.prev {
	margin-right: auto;
}
.interview-move li.next {
	margin-left: auto;
}
.interview-move li a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 1rem;
	background-color: #00b5f0;
	width: 100%;
	height: 5rem;
	font-size: 1.2rem;
	line-height: 1.3;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}
.interview-move li.prev a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0.8rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0.8rem 0.8rem 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -0.8rem;
}
.interview-move li.next a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.8rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0 0.8rem 0.8rem;
	border-color: transparent transparent transparent #fff;
	margin-top: -0.8rem;
}
.interview-move li a span {
	display: none;
}
.interview-move li a em {
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: 100%;
	padding: 0 1rem 0 2.5rem;
}
.interview-move li.next a em {
	padding: 0 2.5rem 0 1rem;
}

.pagenation {
	width: 100%;
	margin-top: 4rem;
}
.pagenation ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	padding: 0 4rem;
}
.pagenation ul li {
	width: 3rem;
	height: 3rem;
	margin: 0 0.1rem;
}
.pagenation ul li.prev {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}
.pagenation ul li.next {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
}
.pagenation ul a {
	display: block;
	border: 2px solid #00b5f0;
	border-radius: 0.5rem;
	background-color: #00b5f0;
	width: 3rem;
	height: 3rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: calc(3rem - 4px);
	letter-spacing: 0;
	text-align: center;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}
.pagenation ul li.active a {
	background-color: #fff;
	color: #00b5f0;
}
.pagenation ul li.prev a,
.pagenation ul li.next a {
	padding-top: calc(3rem - 4px);
	font-size: 0;
}
.pagenation ul li.prev a:before,
.pagenation ul li.next a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0.6rem 0.5rem 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -0.5rem;
	margin-left: -0.3rem;
}
.pagenation ul li.next {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}










/* Sitemap */

.sitemap-box {
	border-radius: 1rem;
	background-color: #f7f7f5;
	margin-bottom: 2rem;
	padding: 2rem
}
.sitemap-box a {
	text-decoration: none;
	color: #444;
}
.sitemap-box a[target="_blank"]:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-blank-o.svg) center center no-repeat;
	background-size: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
	margin-left: 0.5rem;
	margin-bottom: 0.3rem;
}
.sitemap-box:last-child {
	margin-bottom: 0;
}
.sitemap-box div {
	margin-top: 1.5rem;
}
.sitemap-box h2 {
	width: 100%;
	margin-bottom: 1.5rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
}
.sitemap-box h3 {
	width: 100%;
	margin: 1.5rem 0 0.5rem 0;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
}
.sitemap-box .ul-style {
	margin: 0.5rem 0 0 0;
}
.sitemap-box h3:first-child,
.sitemap-box .ul-style:first-child {
	margin-top: 0;
}










/* Live2D Creative Awards */

.awards-history li {
	border-radius: 0.4rem;
	margin-bottom: 1rem;
	font-size: 0;
	overflow: hidden;
}
.awards-history li:last-child {
	margin-bottom: 0;
}

#awards-area {
	width: 100%;
	overflow: hidden;
}
#awards-area .awards-bg1 {
	position: relative;
	background-color: #fff;
	padding: 5rem 0 6rem 0;
}
#awards-area .awards-bg2 {
	position: relative;
	background-color: #f7f7f5;
	padding: 5rem 0 6rem 0;
}
#awards-area .awards-bg3 {
	position: relative;
	background-color: #ffe5dd;
	padding: 5rem 0 6rem 0;
}
#awards-area .awards-bg3 {
	display: none;
}
#awards-area.phase2 .awards-bg3,
#awards-area.phase3 .awards-bg3 {
	display: block;
}
#awards-area.phase2 .nominate {
	display: none;
}
#awards-area.phase2 .finalist {
	margin-top: 0 !important;
}
#awards-area.entry-end .application a {
	filter: grayscale(1);
	pointer-events: none;
}

#awards-header {
	position: fixed;
	top: 6rem;
	left: 0;
	width: 100%;
	height: 5rem;
	transition: 0.1s linear;
	z-index: 19999;
}
#awards-header .awards-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff2ee;
	width: 100%;
	height: 5rem;
	padding: 0 2rem;
}
#awards-header .awards-header-logo {
	width: 6rem;
	margin-right: 2rem;
}
#awards-menu-area {
	display: none;
	position: absolute;
	top: 5rem;
	left: 0;
	background: #fff2ee;
	width: 100%;
	padding: 1rem 2rem 2rem 2rem;
}
#awards-menu-area ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#awards-menu-area ul li {
	width: 50%;
}
#awards-menu-area a {
	font-weight: 700;
	text-decoration: none;
	color: #333;
}
#awards-header .awards-menu-apply {
	display: flex;
	justify-content: flex-end;
	width: calc(100% - 12rem);
}
#awards-header .awards-menu-apply a {
	display: block;
	border-radius: 0.5rem;
	border: 2px solid #ff6e2d;
	background-color: #ff6e2d;
	width: 12.5rem;
	height: 3rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: calc(3rem - 4px);
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#awards-menu-open  {
	position: relative;
	width: 3rem;
	height: 3rem;
	margin-left: 1rem;
}
#awards-menu-open:before {
	content: "";
	display: block;
	position: absolute;
	top: 12%;
	left: 50%;
	border-radius: 0.4rem;
	background: #666;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
}
#awards-menu-open:after {
	content: "";
	display: block;
	position: absolute;
	top: 88%;
	left: 50%;
	border-radius: 0.4rem;
	background: #666;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
}
#awards-menu-open span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 0.4rem;
	background: #666;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
}
#awards-menu-open.active:before {
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#awards-menu-open.active:after {
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#awards-menu-open.active span {
	display: none;
}

#awards-title {
	width: 100%;
	padding-top: 5rem;
	overflow: hidden;
}
#awards-title h1 {
	width: 100%;
}
#awards-title h1 img {
	width: 100%;
	height: auto;
}
#awards-title .awards-title-apply {
	background-color: #ffe5dd;
	padding: 1.5rem 0;
}
#awards-title .awards-title-apply .inner-out {
	width: 100%;
}
#awards-title .awards-title-apply .day {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
}
#awards-title .awards-title-apply .day strong {
	color: #ff6e2d;
}
#awards-title .awards-title-apply .btn {
	margin: 1rem 0 0 0;
}
#awards-title .awards-title-apply .btn a {
	border-radius: 0.5rem;
}

#awards-entry .head1 {
	color: #ff6e2d;
}
#awards-area .fina-list {
	width: 100%;
	padding: 0 2rem;
}
#awards-area .fina-list .box {
	border-radius: 1rem;
	width: 100%;
	background-color: #fff;
	margin-bottom: 1rem;
	overflow: hidden;
}
#awards-area .fina-list .box:last-child {
	margin-bottom: 0;
}
#awards-area .fina-list .img-box {
	border-radius: 1rem 1rem 0 0;
	z-index: 1;
}
#awards-area .fina-list .read {
	position: relative;
	width: 100%;
	padding: 1.5rem 2rem;
	z-index: 2;
}
#awards-area .fina-list h3 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: #000;
}
#awards-area .fina-list .user {
	width: 100%;
	margin-top: 0.5rem;
	font-size: 1.2rem;
}
#awards-area .fina-list .share,
#awards-area .awards-list .share {
	position: absolute;
	top: -1.5rem;
	right: 1rem;
	width: 7rem;
	height: 2.5rem;
}
#awards-area .fina-list .share a,
#awards-area .awards-list .share a {
	display: flex;
	align-items: center;
	border-radius: 0.4rem;
	background-color: #000;
	width: 7rem;
	height: 2.6rem;
	font-size: 1.1rem;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}
#awards-area .fina-list .share img,
#awards-area .awards-list .share img {
	width: 3rem;
	height: 2.5rem;
}
#awards-area .btn.c3 li {
	margin-top: 0.5rem;
}

#awards-area .awards-list {
	width: 100%;
	margin-top: 2rem;
}
#awards-area .awards-list:first-child {
	margin-top: 0;
}
#awards-area .awards-list .box {
	width: 100%;
	margin-bottom: 3rem;
}
#awards-area .awards-list .box:last-child {
	margin-bottom: 0;
}
#awards-area .awards-list .top {
	width: 100%;
}
#awards-area .awards-list .img-box {
	z-index: 1;
}
#awards-area .awards-list .title {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	margin-bottom: 1.5rem;
}
#awards-area .awards-list h3 {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	font-size: 1.9rem;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	color: #ff6e2d;
}
#awards-area .awards-list h3:before,
#awards-area .awards-list h3:after {
	content: "";
	display: block;
	border-top: 2px solid #ff6e2d;
	width: 2rem;
}
#awards-area .awards-list h3 span {
	display: block;
	max-width: calc(100% - 4rem);
	padding: 0 1rem;
	text-align: center;
}
#awards-area .awards-list .title p {
	width: 100%;
	margin-top: 0.8rem;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
}
#awards-area .awards-list .read {
	position: relative;
	width: 100%;
	padding: 1.5rem 0 0 0;
	z-index: 2;
}
#awards-area .awards-list h4 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: #000;
}
#awards-area .awards-list .user {
	width: 100%;
	margin-top: 0.4rem;
	font-size: 1.2rem;
	line-height: 1.5;
}
#awards-area .awards-list dl {
	border-radius: 1rem;
	background-color: #f7f7f5;
	width: 100%;
	margin-top: 1.5rem;
	padding: 1.6rem 2rem;
}
#awards-area .awards-list dl dt {
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	line-height: 1.4;
	color: #000;
}
#awards-area .awards-list dl dd {
	font-size: 1.3rem;
}

#awards-area .awards-news {
	border-radius: 1rem;
	background-color: #f7f7f5;
	width: 100%;
	height: 22rem;
	padding: 2rem;
}
#awards-area .awards-news dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}
#awards-area .awards-news dl .day {
	width: 9.5rem;
	font-weight: 700;
	line-height: 2rem;
	color: #888;
}
#awards-area .awards-news dl .cat {
	border-radius: 0.4rem;
	background-color: #ffb999;
	width: 12rem;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: 0;
	text-align: center;
	color: #444;
}
#awards-area .awards-news dl .txt {
	width: 100%;
	margin: 0.6rem 0 1.5rem 0;
	line-height: 1.5;
}
#awards-area .awards-news dl .txt:last-child {
	margin-bottom: 0;
}
#awards-area .awards-news-link {
	position: relative;
	text-align: right;
	margin: -4rem 0 2rem 0;
}
#awards-area .awards-news-link a {
	position: relative;
	padding-right: 0.8em;
	text-decoration: none;
}
#awards-area .awards-news-link a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0 0.5rem 0.5rem;
	border-color: transparent transparent transparent #ff6e2d;
	margin-top: -0.5rem;
	transition: 0.2s ease;
}

#awards-area .awards-box {
	position: relative;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 1rem;
	width: 100%;
	margin-top: 1rem;
	padding: 2rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
}

#awards-area .prizes-head {
	margin-top: 2rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #ff6e2d;
}
#awards-area .prizes-head:first-child {
	margin-top: 0;
}
#awards-area .prizes-head span {
	display: table;
	background-color: #ff6e2d;
	border-radius: 10rem;
	margin-bottom: 0.6rem;
	padding: 0.8rem 2rem 0.6rem 2rem;
	color: #fff;
}

#awards-area .apply-head {
	margin: 2.5rem 0 1rem 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
	color: #333;
}
#awards-area .apply-head:first-of-type {
	margin-top: 0;
}

#awards-area .support-banner {
	width: 100%;
	margin: 3rem 0;
}
#awards-area .support-banner li {
	margin-bottom: 0.5rem;
}
#awards-area .support-banner li:last-child {
	margin-bottom: 0;
}
#awards-area .support-makeit {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #ff6e2d;
}
#awards-area .support-makeit:before,
#awards-area .support-makeit:after {
	content: "";
	display: block;
	background-color: #ff6e2d;
	width: 3px;
	height: 1.8rem;
}
#awards-area .support-makeit:before {
	transform: rotate(-45deg);
	margin-right: 1.2rem;
}
#awards-area .support-makeit:after {
	transform: rotate(45deg);
	margin-left: 1.2rem;
}
#awards-area .support-makeit + .btn {
	margin: 1.5rem 0;
}

#awards-area .faq-list {
	width: 100%;
	margin-top: 2rem;
}
#awards-area .faq-list dt {
	position: relative;
	border: 2px solid #ccc;
	border-radius: 1rem;
	background-color: #fff;
	margin-top: 1rem;
	padding: 1.5rem 3rem 1.5rem 5rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: #ff6e2d;
	transition: 0.2s ease;
	cursor: pointer;
}
#awards-area .faq-list dt:first-child {
	margin-top: 0;
}
#awards-area .faq-list dt.active {
	border-radius: 1rem 1rem 0 0;
	border-bottom: none;
}
#awards-area .faq-list dt:before {
	content: "Q";
	position: absolute;
	top: 50%;
	left: 2rem;
	margin-top: -1.2rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}
#awards-area .faq-list dt:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 0;
	height: 0;
	margin-top: -0.3rem;
	border-style: solid;
	border-width: 0.6rem 0.6rem 0 0.6rem;
	border-color: #ff6e2d transparent transparent transparent;
	transition: 0.2s ease;
}
#awards-area .faq-list dt.active:after {
	transform: rotate(180deg);
}
#awards-area .faq-list dd {
	display: none;
	position: relative;
	border: 2px solid #ccc;
	border-top: none;
	border-radius: 0 0 1rem 1rem;
	background-color: #fff;
	padding: 1.5rem 2rem 1.5rem 5rem;
	overflow: hidden;
}
#awards-area .faq-list dd:before {
	content: "A";
	position: absolute;
	top: 1.4rem;
	left: 2rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}
#awards-area .faq-list dd:after {
	content: "";
	position: absolute;
	top: 0;
	left: 2rem;
	display: block;
	border-top: 1px solid #ccc;
	width: calc(100% - 4rem);
}

#awards-area .history-list li {
	margin-bottom: 1rem;
}
#awards-area .history-list li:last-child {
	margin-bottom: 0;
}

#awards-sponsor {
	position: relative;
	background-color: #888;
	padding: 4rem 0;
	color: #fff;
}
#awards-sponsor .head1 {
	color: #fff;
}
#awards-sponsor .sponsor-list dt {
	width: 100%;
	margin-bottom: 1.2rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}
#awards-sponsor .sponsor-list dd {
	width: 100%;
	margin-bottom: 2rem;
}
#awards-sponsor .sponsor-list dd:last-child {
	margin-bottom: 0;
}
#awards-sponsor .sponsor-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem 2%;
}
#awards-sponsor .sponsor-list ul li {
	width: 32%;
	height: 4.5rem;
	background-color: #fff;
	padding: 0.5rem 1rem;
}
#awards-sponsor .sponsor-list ul li img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.coupon-code{
	background: #f6f6f6;
    border: 1px solid #ccc;
    padding: 1em;
	font-size: 2rem;
	font-weight: 900;
}
.coupon-code span{
	color: #c00;
}
.table-style-or {
	position: relative;
	display: block;
	width: 100%;
	-webkit-overflow-scrolling: touch;
	overflow-x: scroll;
	margin: 2rem 0;
}
.table-style-or::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border: 2px solid #fff;
	border-radius: 8rem;
	background: #ff6e2d url(https://www.live2d.com/wp-content/themes/cubism_new/assets/img/icon-swipe.svg) center center no-repeat;
	background-size: 7rem;
	width: 8rem;
	height: 8rem;
	margin: -4rem 0 0 -4rem;
	opacity: 0.9;
	z-index: 10;
}
.table-style-or tbody {
	display: table;
	border-collapse: separate;
	border-radius: 1rem;
	border-top: 2px solid #444;
	border-left: 2px solid #444;
	border-radius: 1rem;
	width: 86rem;
}
.table-style-or th {
	vertical-align: middle;
	border-bottom: 2px solid #444;
	border-right: 2px solid #444;
	padding: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.3;
	color: #000;
}
.table-style-or th.or-bg {
	background: #FFDCCC;
}
.table-style-or th strong{
	color: #FF6E2D;
} 
.table-style-or td {
	vertical-align: middle;
	border-bottom: 2px solid #444;
	border-right: 2px solid #444;
	background-color: #fff;
	padding: 1rem 1.2rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}
.table-style-or tr:first-of-type th:first-child,
.table-style-or tr:first-of-type td:first-child {
	border-radius: 1rem 0 0 0;
}
.table-style-or tr:first-of-type th:last-child,
.table-style-or tr:first-of-type td:last-child {
    border-radius: 0 1rem 0 0;
}
.table-style-or tr:last-of-type th:last-child,
.table-style-or tr:last-of-type td:last-child {
	border-radius: 0 0 1rem 0;
}
.table-style-or tr:last-of-type th:first-child, 
.table-style-or tr:last-of-type td:first-child {
	border-radius: 0 0 0 1rem;
}
.logo-rule {
    width: 100%;
}
.logo-rule h4 strong {
	color: #FF6328;
}
.logo-rule .read img{
	width: 100%;
}










/* Live2D alive */

#alive-header {
	position: fixed;
	top: 0;
	left: 0;
	background: #f0f0f0;
	width: 100%;
	height: 6rem;
	transition: 0.1s linear;
	z-index: 19999;
}
#alive-header .alive-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 6rem;
	padding: 0 2rem;
}
#alive-header .alive-header-logo {
	width: calc(100% - 15.5rem);
}
#alive-header .alive-header-logo img {
	width: auto;
	max-width: inherit;
	height: 3rem;
}
#alive-menu-area {
	display: none;
	position: absolute;
	top: 6rem;
	left: 0;
	background-color: #ff9066;
	width: 100%;
	padding: 2rem 6rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}
#alive-menu-area ul.main {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#alive-menu-area ul.main > li {
	width: 100%;
}
#alive-menu-area ul.main > li a {
	display: block;
	padding: 1rem 0;
	text-decoration: none;
	color: #fff;
}
#alive-menu-area .sub-menu {
	padding: 1rem 0;
}
#alive-menu-area ul.sub {
	margin-top: 1rem;
	padding-left: 0.5em;
}
#alive-menu-area ul.sub > li {
	position: relative;
	padding-left: 1em;
}
#alive-menu-area ul.sub > li:before {
	content: "・";
	position: absolute;
	top: 0.5rem;
	left: 0;
}
#alive-menu-area ul.sub > li a {
	margin-top: 0.5rem;
	padding: 0.5rem 0;
}
#alive-header .alive-menu-ticket {
	display: flex;
	justify-content: flex-end;
	width: 12.5rem;
}
#alive-header .alive-menu-ticket a {
	display: block;
	border-radius: 0.5rem;
	border: 2px solid #ff6e2d;
	background-color: #ff6e2d;
	width: 12.5rem;
	height: 3rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: calc(3rem - 4px);
	text-decoration: none;
	text-align: center;
	color: #fff;
}
#alive-menu-open  {
	position: relative;
	width: 3rem;
	height: 3rem;
	margin-left: 1rem;
}
#alive-menu-open:before {
	content: "";
	display: block;
	position: absolute;
	top: 12%;
	left: 50%;
	border-radius: 0.4rem;
	background: #ff6e2d;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
}
#alive-menu-open:after {
	content: "";
	display: block;
	position: absolute;
	top: 88%;
	left: 50%;
	border-radius: 0.4rem;
	background: #ff6e2d;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
	-webkit-transition: 0.1s linear;
	transition: 0.1s linear;
}
#alive-menu-open span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 0.4rem;
	background: #ff6e2d;
	width: 3rem;
	height: 0.4rem;
	margin: -0.2rem 0 0 -1.5rem;
}
#alive-menu-open.active:before {
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#alive-menu-open.active:after {
	top: 50%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#alive-menu-open.active span {
	display: none;
}


#alive-main-bg {
	position: fixed;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
#alive-main-bg iframe,
#alive-main-bg video {
	aspect-ratio: 16/9;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	border: none;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	height: 100vh;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


#alive-title {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(100vh - 6rem);
}
#alive-title .title-inner {
	position: relative;
	width: calc(100% - 4rem);
	height: 100%;
	margin: 0 auto;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
#alive-title h1,
#alive-title .copy,
#alive-title .add {
	pointer-events: none;
	position: absolute;
	z-index: 1;
}
#alive-title .btn {
	position: absolute;
	z-index: 2;
}
#alive-title .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	width: 14rem;
	height: 7rem;
	min-height: 7rem;
	padding: 0.5rem;
	font-size: 1.6rem;
}
#alive-title .btn a:after {
	display: none;
}
#alive-title .creator {
	position: absolute;
	bottom: 2rem;
	left: 0;
	width: 100%;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	color: #000;
	text-shadow: 1px 1px 0 #fff;
	z-index: 2;
}
#alive-title .creator a {
	text-decoration: none;
	color: #000;
}


#alive-area {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#alive-area .alive-bg {
	position: relative;
	background-color: rgba(255,255,255,0.9);
	padding: 5rem 0 6rem 0;
}
#alive-area .alive-bg:nth-of-type(2n) {
	background-color: rgba(255,229,221,0.9);
}
#alive-area .alive-page-bg {
	position: relative;
	background-color: rgba(255,255,255,0.9);
	padding: 5rem 0 6rem 0;
}

#alive-area .head1 {
	position: relative;
}
#alive-area .head1:before {
	content: "";
	position: absolute;
	top: calc(50% - 2px);
	left: -2rem;
	width: 1.5rem;
	border-top: 2px solid #ff6328;
}

#alive-area .read-box {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	padding: 2rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
}

#alive-area .alive-news dl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	height: 10rem;
	overflow-y: scroll;
}
#alive-area .alive-news dl .day {
	width: 9.5rem;
	font-weight: 700;
	line-height: 2rem;
	color: #888;
}
#alive-area .alive-news dl .cat {
	border-radius: 0.4rem;
	background-color: #ffb999;
	width: 8rem;
	height: 2rem;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: 0;
	text-align: center;
	color: #444;
}
#alive-area .alive-news dl .txt {
	width: 100%;
	margin: 0.6rem 0 1.5rem 0;
	line-height: 1.5;
}
#alive-area .alive-news dl .txt:last-child {
	margin-bottom: 0;
}

#alive-area .alive-about {
	padding: 1.6rem 2rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2.2;
	color: #000;
}

#alive-area .alive-merit {
	width: 100%;
}
#alive-area .alive-merit .box {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin-top: 1.5rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
	overflow: hidden;
}
#alive-area .alive-merit .img-box {
	border-radius: 0;
}
#alive-area .alive-merit .read {
	padding: 1.6rem 2rem;
}
#alive-area .alive-merit h3 {
	margin-bottom: 0.8rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
}

#alive-area .alive-session .area1,
#alive-area .alive-session .area2 {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin-top: 1.5rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
	overflow: hidden;
}
#alive-area .alive-session h3 {
	background-color: #ff6328;
	width: 100%;
	padding: 1.5rem 2rem 1.4rem 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #fff;
}
#alive-area .alive-session a {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 1.8rem 2rem 2rem 2rem;
	text-decoration: none;
	color: #444;
}
#alive-area .alive-session a:last-of-type {
	border-bottom: none;
}
#alive-area .alive-session a .company {
	margin-bottom: 0.6rem;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
}
#alive-area .alive-session a h4 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 1.3rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
	color: #ff6328;
}
#alive-area .alive-session a .data {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#alive-area .alive-session a .data .img-box {
	border-radius: 0.5rem;
	width: 8rem;
	height: 8rem;
	padding: 0;
}
#alive-area .alive-session a .data dl {
	width: calc(100% - 9rem);
}
#alive-area .alive-session a .data dt {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.9rem;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
	color: #999;
}
#alive-area .alive-session a .data dt .time {
	display: block;
	color: #000;
}
#alive-area .alive-session a .data dt .archive {
	display: block;
	color: #ff6328;
}
#alive-area .alive-session a .data dd {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size: 1.3rem;
	line-height: 1.5;
}
#alive-area .alive-session .area2 h3 {
	background-color: #00b5f0;
}
#alive-area .alive-session .area2 a h4,
#alive-area .alive-session .area2 a .data dt .archive {
	color: #00b5f0 !important;
}

#alive-area .alive-intro {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin-bottom: 2rem;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
	overflow: hidden;
}
#alive-area .alive-intro .img-box {
	border-radius: 0;
}
#alive-area .alive-intro .read {
	width: 100%;
	padding: 1.6rem 2rem;
	font-size: 1.6rem;
}
#alive-area .alive-intro h3 {
	margin-bottom: 0.8rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #ff6328;
}

#alive-area .alive-display {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 2%;
	width: 100%;
}
#alive-area .alive-display a {
	display: block;
	border-radius: 1rem;
	background-color: #fff;
	width: 49%;
	text-decoration: none;
	color: #444;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
	overflow: hidden;
}
#alive-area .alive-display a .img-box {
	border-radius: 0;
	padding-top: 100%;
}
#alive-area .alive-display a .data {
	padding: 1rem 1rem 1.2rem 1rem;
}
#alive-area .alive-display a h3 {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	color: #000;
}
#alive-area .alive-display a .space {
	border-radius: 0.3rem;
	background-color: #f7f7f5;
	margin-top: 0.6rem;
	font-size: 1rem;
	line-height: 2rem;
	text-align: center;
	white-space: nowrap;
}

#alive-area .alive-summary {
	font-size: 1.6rem;
}
#alive-area .alive-summary dt {
	font-weight: 700;
	color: #000;
}
#alive-area .alive-summary dd {
	margin-bottom: 1rem;
}
#alive-area .alive-summary dd:last-of-type {
	margin-bottom: 0;
}
#alive-area .alive-summary .note {
	color: #e00;
}

#alive-area .alive-join h3 {
	margin-bottom: 1rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000;
}
#alive-area .alive-join h3 strong {
	color: #e00;
}

#alive-area .alive-access h3 {
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	color: #000;
}
#alive-area .alive-access h3 span {
	font-size: 1.2rem;
	font-weight: 500;
}

#alive-sponsor {
	position: relative;
	background-color: #666;
	padding: 5rem 0 6rem 0;
	color: #fff;
}
#alive-sponsor .head1 {
	color: #fff;
}
#alive-sponsor .head1:before {
	border-top: 2px solid #fff !important;
}
#alive-sponsor .sponsor-list dt {
	width: 100%;
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}
#alive-sponsor .sponsor-list dd {
	width: 100%;
	margin-bottom: 2rem;
}
#alive-sponsor .sponsor-list dd:last-child {
	margin-bottom: 0;
}
#alive-sponsor .sponsor-list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.6rem 2%;
}
#alive-sponsor .sponsor-list ul li {
	width: 32%;
	height: 4.5rem;
	background-color: #fff;
	padding: 0.5rem 1rem;
}
#alive-sponsor .sponsor-list ul li img {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

#alive-sns {
	width: 100%;
	background-color: #f96;
	padding: 5rem 0;
	color: #fff;
}
#alive-sns a {
	color: #ff0;
}
#alive-sns .share {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	width: 100%;
}
#alive-sns .share dt {
	margin-right: 0.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}
#alive-sns .share dd {
	width: 5rem;
}
#alive-sns .share dd a {
	display: block;
	border-radius: 0.5rem;
	background-color: #fff;
	width: 5rem;
	height: 5rem;
	overflow: hidden;
}
#alive-sns .tag {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-top: 2rem;
}
#alive-sns .tag dt {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1;
}
#alive-sns .tag dd {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}

#alive-area .alive-gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 2%;
}
#alive-area .alive-gallery .modal-open {
	width: 49%;
	cursor: pointer;
}
.alive-modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(247, 247, 245, 0.8);
	width: 100%;
	height: 100%;
	z-index: 20001;
}
.alive-modal-content {
	display: none;
	position: fixed;
	background-color: #fff;
	width: 100%;
	padding: 2rem;
	color: #444;
	box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.05);
	z-index: 20002;
}
.alive-modal-close {
	position: absolute;
	top: -2.5rem;
	right: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #fff;
	border-radius: 4rem;
	background-color: #666;
	width: 4rem;
	height: 4rem;
	font-size: 3rem;
	line-height: 0;
	letter-spacing: 0;
	color: #fff;
	cursor: pointer;
}

#alive-area .alive-display-area .img-box {
	padding-top: 100%;
}
#alive-area .alive-display-area .read {
	width: 100%;
	margin-top: 2rem;
}
#alive-area .alive-display-area .company {
	margin-bottom: 0.6rem;
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.2;
	color: #000;
}
#alive-area .alive-display-area h1,
#alive-area .alive-display-area h2,
#alive-area .alive-display-area h3 {
	border-bottom: 1px solid #eee;
	margin-bottom: 1.5rem;
	padding-bottom: 1.2rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.4;
	color: #ff6328;
}
#alive-area .alive-display-area .data {
	display: flex;
	align-items: center;
}
#alive-area .alive-display-area .space {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.5rem;
	background-color: #ff6328;
	height: 3.2rem;
	padding: 0.5rem 1.5rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	color: #fff;
}
#alive-area .alive-display-area .time {
	margin-left: 1rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
}
#alive-area .alive-display-area .text {
	margin-top: 1.5rem;
}
#alive-area .alive-display-area .text p {
	margin-top: 0.5rem;
}
.btn + .btn {
	margin-top: 1rem;
}










/* Showcase */

#showcase-title {
	background-color: #fff4ee;
	width: 100%;
}
#showcase-title .showcase-image {
	background-color: #fff;
	width: 100%;
}
#showcase-title .showcase-image img {
	max-width: initial;
	width: 100%;
	height: auto;
}
#showcase-title .showcase-inner {
	background: #fff4ee url(../png/page-title-bg.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	padding: 3.5rem 2rem 4rem 2rem;
}
#showcase-title h1 {
	position: relative;
	margin-bottom: 1.5rem;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.3;
	color: #000;
}
#showcase-title h1 strong {
	color: #ff6e2d;
}
#showcase-title h1:before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: -2rem;
	display: block;
	background-color: #ff6e2d;
	width: 1.5rem;
	height: 2px;
}
#showcase-title .btn {
	margin-top: 1.5rem;
	text-align: left;
}
#showcase-title .btn a {
	font-size: 1.4rem;
}

.showcase-refine {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.3rem 1%;
	margin: 0 0 3rem 0;
}
.showcase-refine dl {
	position: relative;
	width: 49.5%;
	height: 4rem;
}
.showcase-refine dl dt {
	user-select: none;
	position: relative;
	display: flex;
	align-items: center;
	border: 2px solid #ccc;
	border-radius: 0.5rem;
	background-color: #fff;
	background-image: url(../icon-show-select.html);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 2rem;
	width: 100%;
	height: 4rem;
	padding: 0.5rem 2.5rem 0.5rem 0.8rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	z-index: 1;
}
.showcase-refine dl dt.click {
	border: 2px solid #ff6e2d !important;
	background-color: #fff !important;
	background-image: url(../icon-show-select.html) !important;
	color: #ff6e2d !important;
}
.showcase-refine dl dt.active {
	border: 2px solid #ff6e2d;
	background-color: #f96;
	background-image: url(../icon-show-check.html);
	color: #fff;
}
.showcase-refine dl dd {
	display: none;
	position: absolute;
	top: 3.8rem;
	border: 2px solid #ff6e2d;
	border-radius: 0.5rem;
	background-color: #fff;
	width: 33.5rem;
	padding: 1rem;
	font-size: 0;
	letter-spacing: 0;
	line-height: 1;
	z-index: 2;
}
.showcase-refine dl:nth-of-type(odd) dd {
	left: 0;
}
.showcase-refine dl:nth-of-type(even) dd {
	right: 0;
}
.showcase-refine button {
	user-select: none;
	display: block;
	border-radius: 4rem;
	border: 2px solid #ff6e2d;
	background-color: #ff6e2d;
	width: 100%;
	height: 4rem;
	margin-top: 0.2rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	color: #fff;
}
.showcase-refine label {
	display: inline-block;
	margin: 1px;
	cursor: pointer;
}
.showcase-refine input[type="checkbox"] {
	display: none;
}
.showcase-refine input[type="checkbox"] + span {
	user-select: none;
	display: block;
	border: 1px solid #666;
	border-radius: 0.4rem;
	background-color: #fff;
	padding: 0.6rem 0.8rem 0.5rem 0.8rem;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1;
	color: #666;
}
.showcase-refine input[type="checkbox"]:checked + span {
	border: 1px solid #ff6e2d;
	background-color: #fdc;
	color: #ff6e2d;
}

.showcase-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 1%;
	width: 100%;
	margin: 2rem 0 3rem 0;
}
.showcase-list a {
	display: flex;
	flex-wrap: wrap;
	border-radius: 0.5rem;
	background-color: #fff;
	width: 49.5%;
	text-decoration: none;
	color: #000;
}
.bg1 .showcase-list a {
	background-color: #f7f7f5;
}
.showcase-list a .img-box {
	background-color: #e3e3dd;
	border-radius: 0.5rem 0.5rem 0 0;
}
.showcase-list a .read {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	padding: 1rem;
}
.showcase-list a h3 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
}
.showcase-list a .title {
	margin-bottom: 0.4rem;
	font-size: 1.2rem;
	line-height: 1.4;
	color: #ff6e2d;
}
.showcase-list a .block {
	width: 100%;
}
.showcase-list a .tag {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem;
	width: 100%;
	margin-top: 1.1rem;
}
.showcase-list a .tag li {
	border: 1px solid #00b5f0;
	border-radius: 0.4rem;
	background-color: #fff;
	padding: 0.4rem 0.6rem 0.3rem 0.6rem;
	font-size: 1rem;
	text-align: left;
	line-height: 1.2;
	color: #00b5f0;
}

.showcase-list.title a .read {
	height: calc(100% - 6.5rem);
}
.showcase-list.title a .img-box {
	padding-top: 38.46%;
}
.showcase-list.scene {
	gap: 1rem 1%;
}
.showcase-list.scene a {
	width: 100%;
}
.showcase-list.scene a .read {
	padding: 1.2rem;
}
.showcase-list.scene a .img-box img {
	object-fit: contain;
}
.showcase-list.scene a h3 {
	font-size: 1.5rem;
}
.showcase-list.creator a .read {
	height: calc(100% - 9.3rem);
}

.showcase-area .showcase-head {
	position: relative;
	margin: 4rem 0 2rem 0;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}
.showcase-area .showcase-head:first-child {
	margin-top: 0;
}
.showcase-area .showcase-head:before {
	content: "";
	position: absolute;
	top: 0.7rem;
	left: -2rem;
	display: block;
	background-color: #ff6e2d;
	width: 1.5rem;
	height: 2px;
}

.showcase-images {
	width: 100%;
}
.showcase-images .slick-arrow {
	position: absolute;
	top: 8rem;
	border-radius: 0.5rem;
	background-color: #00b5f0;
	width: 3rem;
	height: 3rem;
	padding-top: 3rem;
	font-size: 0;
	cursor: pointer;
	overflow: hidden;
	z-index: 5;
}
.showcase-images .slick-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5rem 0.6rem 0.5rem 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -0.5rem;
	margin-left: -0.3rem;
}
.showcase-images .slick-arrow.ar-prev {
	left: -2rem;
}
.showcase-images .slick-arrow.ar-next {
	right: -2rem;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.showcase-images .box {
	width: 100%;
}
.showcase-images .img-box {
	border-radius: 1px solid #e3e3dd;
	background-color: #e3e3dd;
}
.showcase-images .img-box img {
	object-fit: contain;
}
.showcase-images .title {
	width: 100%;
	margin-top: 0.8rem;
}
.showcase-images .title h4 {
	border-left: 2px solid #00b5f0;
	padding-left: 0.8rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3;
}
.showcase-images .title p {
	display: table;
	border-radius: 0.4rem;
	background-color: #00b5f0;
	margin-top: 0.6rem;
	padding: 0.4rem 0.8rem;
	font-size: 1rem;
	text-align: center;
	line-height: 1.2;
	color: #fff;
}

.showcase-images .slick-dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.2rem;
	border-radius: 1rem;
	background-color: #f7f7f5;
	margin-top: 1rem;
	padding: 1rem 1rem;
}
.showcase-images .slick-dots li {
	position: relative;
	border: 2px solid #e3e3dd;
	border-radius: 0.5rem;
	width: 4rem;
	height: 4rem;
	cursor: pointer;
	overflow: hidden;
}
.showcase-images .slick-dots li.slick-active {
	border: 2px solid #00b5f0;
}
.showcase-images .slick-dots li img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}

.showcase-thumbnail {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.2rem;
	border-radius: 1rem;
	background-color: #f7f7f5;
	margin-top: 1rem;
	padding: 1rem 1rem;
}
.showcase-thumbnail .image {
	position: relative;
	border: 2px solid #e3e3dd;
	border-radius: 0.5rem;
	width: 4rem;
	height: 4rem;
	cursor: pointer;
	overflow: hidden;
}
.showcase-thumbnail .image img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}
.showcase-thumbnail .image.thumbnail-current {
	border: 2px solid #00b5f0;
}

.showcase-area .introduction {
	margin: 2rem 0;
}

.showcase-data {
	width: 100%;
	margin-bottom: 2rem;
}
.showcase-data dl {
	border-top: 1px solid #eee;
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.5;
}
.showcase-data dl + dl {
	border-top: none;
}
.showcase-data dl dt {
	width: 100%;
	margin-top: 1rem;
	font-weight: 700;
}
.showcase-data dl dd {
	border-bottom: 1px solid #eee;
	width: 100%;
	padding: 0 0 1rem 1em;
	font-weight: 500;
}

.showcase-link {
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 0.755%;
	width: 100%;
}
.showcase-link + .showcase-link {
	border-top: 1px solid #eee;
	margin-top: 0.5rem;
	padding-top: 0.5rem;
}
.showcase-link li {
	width: 32.83%;
}
.showcase-link a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #ddd;
	border-radius: 0.5rem;
	width: 100%;
	height: 3rem;
	padding: 0 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	color: #333;
}
.showcase-link a span {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.showcase-link a img {
	width: 1.6rem;
	margin-right: 0.5rem;
}

.showcase-relation {
	width: 100%;
}
.showcase-relation a {
	display: block;
	border: 1px solid #eee;
	border-radius: 1rem;
	margin-top: 1rem;
	text-decoration: none;
	color: #333;
	overflow: hidden;
}
.showcase-relation .image {
	position: relative;
	width: 100%;
	min-height: 18.5rem;
	overflow: hidden;
}
.showcase-relation .image img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: initial;
	width: 100%;
	height: 100%;
}
.showcase-relation .read {
	width: 100%;
	padding: 1.5rem;
}
.showcase-relation .read h4 {
	width: 100%;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.4;
}
.showcase-relation .read ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.2rem;
	width: 100%;
	margin-top: 1rem;
}
.showcase-relation .read ul li {
	border: 1px solid #00b5f0;
	border-radius: 0.4rem;
	background-color: #fff;
	padding: 0.4rem 0.6rem 0.3rem 0.6rem;
	font-size: 1rem;
	text-align: left;
	line-height: 1.2;
	color: #00b5f0;
}
.showcase-relation .read p {
	width: 100%;
	margin-top: 1.5rem;
	text-align: right;
	font-size: 0;
}
.showcase-relation .read p span {
	position: relative;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	border: 2px solid #ff6e2d;
	border-radius: 10rem;
	background-color: #ff6e2d;
	width: 100%;
	height: 4rem;
	margin: 0;
	padding: 1rem 4rem;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.showcase-copy {
	width: 100%;
	margin-top: 4rem;
	font-size: 1.1rem;
	line-height: 1;
	color: #666;
}
.showcase-copy p {
	display: flex;
	justify-content: center;
	text-align: center;
}
.showcase-copy .copy {
	margin-bottom: 3rem;
}
.showcase-copy a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #00b5f0;
	border-radius: 0.5rem;
	background-color: #00b5f0;
	width: 13rem;
	height: 4rem;
	padding-left: 2rem;
	font-size: 1.4rem;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}
.showcase-copy a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 1rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0.8rem 0.8rem 0;
	border-color: transparent #fff transparent transparent;
	margin-top: -0.8rem;
}