:root {
  --main-width: 992px;
  --main-min-height: 590px;
  --header-position: 115px;
}
section {
	margin: 4rem auto;
	width: 100%;
	max-width: var(--main-width);
	padding: 0 15px;
}
h2 {
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
}
h3 {
	font-size: 2.6rem;
	text-align: center;
	color: var(--primary);
	font-weight: bold;
	line-height: 1.6;
	margin-top: 2rem;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
ol, ul, dl {
	margin-bottom: 0;
}
.sp {
	display: none;
}
.pc {
	display: block;
}
@media (max-width: 576px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	h2 {
		font-size: 1.8rem;
	}
	h3 {
		font-size: 1.5rem;
	}
	section {
		margin: 1.5rem auto;
	}
}
/*=====================
Header
=====================*/
header {
	background: var(--primary);
	box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.2);
	width: 100%;
	position: fixed;
	z-index: 1000;
	margin-top: -115px;
}
.wrapper {
	margin-top: var(--header-position);
}
.navbar {
	max-width: var(--main-width);
	width:  100%;
	min-height: 75px;
	margin-left: auto;
	margin-right: auto;
}
.menus {
	display: none;
}
#navbar-content {
	max-width:  980px;
}
.navbar.navbar-expand-lg {
	justify-content: space-between;
}
.menubar {
	height: 40px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media (max-width: 992px) {
	header {
		margin-top: -75px;
	}
	.wrapper {
		margin-top: 75px;
	}
}
@media (max-width: 991.98px) {
	.menus {
		display: block;
	}
	.menubar {
		display: none !important;
	}
}
.menubar-warraper {
	width: var(--main-width);
}
.menubar-link {
	display: flex;
	justify-content: center;
	align-items: center;
}
.menubar-link li {
/*	border-right: solid 2px var(--primary);*/
	padding: 0;
	list-style: none;
	margin: 0;
	padding: .2rem 1rem;
	position: relative;
}
.menubar-link li:after {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	display: block;
	width: 2px;
	height: 16px;
	content: '';
	background: var(--primary);
}
.menubar-link li:last-child:after {
	display: none;
}
.menubar-link li a {
	color: var(--primary);
}
.navbar-brand {
	max-width: 165px;
	min-width: 165px;
}
.navbar-toggler {
  border: solid #fff 1px !important;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-nav .nav-link {
	white-space: nowrap;
	color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:visited {
	color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
	text-decoration: underline;
	color: #fff;
}
.navbar .navbar-nav .navbar-nav-buttons {
	white-space: nowrap;
}
.navbar .navbar-nav .navbar-nav-buttons .navbar-nav-button {}
.btn-access {
	width: 120px;
}
.btn-login {
	width: 100px;
}
.btn-access,
.btn-login {
	border: solid 2px #fff;
	border-radius: 12px;
}
.btn-access {
	color: var(--primary);
	background: #fff;
}
.btn-access:hover {
	color: #fff;
	background: var(--primary);
}
.btn-login {
	color: #fff;
	background: #51A6C8;
}
.btn-login:hover {
	color: #fff;
	background: var(--primary);
}
.btn-menu-close {
  color: #fff;
  border-color: #fff;
}
.btn-menu-close:hover {
  color: var(--primary);
  background-color: #fff;
  border-color: var(--primary);
}
.btn-menu-close:focus, .btn-menu-close.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.2);
}
.btn-menu-close {
	display: none;
}
@media (max-width: 991.98px) {
	.btn-menu-close {
		display: block;
	}
	ul.navbar-nav {
		margin-top: 1rem;
	}
	ul.navbar-nav:first-child .nav-item {
		padding: .3rem 1rem;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: .3rem;
	}
	ul.navbar-nav:nth-child(2) .navbar-nav-button {
		display: block;
		min-width: 100%;
		margin-bottom: 1rem;
	}

	ul.navbar-nav:first-child .nav-item:after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 1rem;
		content: "\f054";
		color: #fff;
	}
}
/* video用 */
.video-container {
	position: absolute;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}
.video-container .video-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.video-container .video-wrap video {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
}
/* 横長 */
@media screen and (orientation: landscape) {
	.video-container .video-wrap video {
		width: 100%;
		top: 50%;
		transform: translateY(-50%);
	}
}
/* 縦長 */
@media screen and (orientation: portrait) {
	.video-container .video-wrap video {
		height: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
}
/*=====================
Main Visual
=====================*/
#main {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: var(--main-min-height);
	min-height: var(--main-min-height);
  background-image: -webkit-radial-gradient(#ffffff, #EFFAFD);
  background-image: radial-gradient(#ffffff, #EFFAFD);
}
.main-wrapper {
	width: 100%;
	height: 100%;
	max-width: var(--main-width);
	margin: 0 auto;
}
.main-wrapper .main-catch {
	height: 100%;
	flex: 1;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
.main-wrapper .main-catch .main-catch-image {
	width: 827px;
	max-width: 90%;
	margin-top: 4rem;
	-webkit-backface-visibility: hidden;
}
.video-box {
	width: 100%;
	padding: 0 1rem;
	margin-top: 3rem;
	display: flex;
	justify-content: end;
}
.main-wrapper:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	max-width: 920px;
	max-height: 228px;
	/*max-width: 927px;*/
	/*max-height: 228px;*/
	margin: 0 auto;
	bottom: -1px;
	left: 0;
	right: 0;
	z-index: 10;
	background: url(../img/people%EF%B9%96t=2105.png.html) bottom left;
	background-repeat: no-repeat;
	background-size: contain;
	background-position-y: bottom;
}

@media (max-width: 576px) {
	#main {
		height: min(70vh, 500px);
		min-height: auto;
	}
	.wrapper {
		overflow: hidden;
	}
}
.btn-signup-image {
	display: none;
}
/*=====================
Sing up and Sing up Moddal
=====================*/
@media (min-width: 769px) {
	.main-catch-image.pc {
		display: block;
	}
	.main-catch-image.sp {
		display: none;
	}
}

@media (max-width: 768px) {
	.main-catch-image.pc {
		display: none;
	}
	.main-catch-image.sp {
		display: block;
		max-height: 300px;
		width: auto !important;
	}

	div.signup,div.showby-move,div.right-content {
		display: none;
	}
	.video-box {
		display: none;
	}
	.main-wrapper .main-catch:after {
		width: 100%;
	}
	.main-catch {
		display: block !important;
		text-align: center;
		height: 100%;
	}
	.main-catch-image {
		margin-bottom: 0;
		margin-top: 3rem !important;
		margin: 0 auto;
	}
	.btn-signup-image {
		display: block;
		position: absolute;
		z-index: 90;
		width: 240px;
		left: 0;
		right: 0;
		margin: 4.5rem auto 0;
	}
}
div.video-content {
    width: 298px;
    height: 174px;
    padding: 0;
		margin: 1rem 0 0 auto;
    position: relative;
		z-index: 99;
    border: 7px solid var(--primary);
}
div.video-content:before {
	/*content: "CM公開中！";*/
	content: "CM\516c\958b\4e2d\ff01";
	padding: 0 1rem;
	display: inline-block;
	height: 40px;
	color: #fff;
	background: var(--primary);
	position: absolute;
	left: -7px;
	top: -40px;
	font-size: 1.8rem;
	font-weight: bold;
	border-radius: 4px;
}

#copy02 {
	width: 918px;
	margin: 0 auto;
	display: block;
}
.dcument-download-wrap {
	border: solid 1px #F2F2F2;
	background-image: -webkit-radial-gradient(#ffffff, #F2F2F2);
	background-image: radial-gradient(#ffffff, #F2F2F2);
}
.howto-kotokoto {
	display: none;
}
.img-kotokoto {
	max-width: 962px;
	width: 100%;
}
@media (max-width: 768px) {
	.img-kotokoto {
		display: none;
	}
	.howto-link-content {
		margin-top: 2rem;
	}
}
.copy02-pc {
	max-width: 900px;
	width: 100%;
	display: block;
	margin: 0 auto;
}
.copy02-sp {
	display: none;
}
@media (max-width: 576px) {
	.copy02-pc {
		display: none;
	}
	.copy02-sp {
		max-width: 360px;
		width: 100%;
		margin: 0 auto;
		display: block;
		padding-top: 4rem;
	}
	.dcument-download-wrap {
		padding: 2rem 0;
	}
	.dcument-download-wrap section {
		width: 90%;
	}
	.dcument-download-logo {
		width: 260px;
	}
	.howto-kotokoto {
		width: 200px;
		top: -80px;
		right: 10px;
		position: absolute;
		display: block;
	}
}
.dcument-download-logo {
	max-width: 300px;
	margin: 1.4rem auto;
	display: block;
}

.howto-link-content {
	filter:drop-shadow(0px 0px 5px #999);
}

.howto-link-content-info {
	background: #EFFAFD;
	border-radius: 0 0 10px 10px;
	position: relative;
	height: 220px;
}
.howto-circle-icon {
	width: 72px;
	top: -40px;
	left: 10px;
	position: absolute;
}

.howto-link-content-texts {
	padding-top: 1rem;
	text-align: center;
}

.howto-link-content-title {
	font-weight: bold;
	color: var(--primary);
	font-size: 1.8rem;
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}

.howto-link-content-sub {
	color: var(--primary);
	font-size: 1.25rem;
	font-weight: bold;
}

.howto-link-content-description {
	padding-top: 1rem;
	color: #333;
}

.howto-link-content-title:before {
	width: 70%;
	height:20px;
	display: block;
	content: '';
	position: absolute;
	background: #fff;
	z-index: -1;
	margin: 0 auto;
	bottom: 0px;
	left: 0;
	right: 0;
}
.btn-howto-detail {
	border: solid 2px var(--primary);
	color: var(--primary);
	background: #fff;
	width: 80%;
	border-radius: 20px;
	font-weight: bold;
	position: relative;
}

.btn-howto-detail:hover {
	background: var(--primary);
	color: #fff;
}

.btn-howto-detail:after {
	content: "\f105";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 20px;
}

.img-badges {
	max-width: 100%;
	width: 560px;
	display: block;
	margin: 1rem auto;
}

@media (max-width: 576px) {
	.howto-link-content {
		margin-top: 2rem;
	}
	.btn-howto-detail {
		padding: 1.6rem 0;
		border-radius: 40px;
	}
}
.howto-link-content a {
	text-decoration: none;
}
.howto-link-content a {
	text-decoration: none;
}

div.signup {
  border-radius: 15px;
  margin: 0 5px;
  /*top: 2.2rem;
  margin-right: 10px;  */
  box-shadow: 0 0 8px gray;
}
div.signup .card-body {
	padding-left: 2rem;
	padding-right: 2rem;
}

div.signup .signup-logo {
  width: 140px;
  margin: 0 auto .4rem;
}
div.signup label {
  font-weight: 700;
  color: #333333;
}
.agree-box label {
  font-weight: 400 !important;
}
div.signup-forms label {
  text-align: left;
  display: block;
}
.signup .radios, .signup-forms .radios {
	margin-top: .5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.signup .radios .custom-radio, .signup-forms .radios .custom-radio {
	min-width: 120px;
	text-align: center;
	margin: 0 .5rem;
}
div.signup-forms .radios {
	margin-bottom: 1.6rem;
}
div.signup-forms .btn-submit {
	padding: .3rem 0 !important;
}
div.signup-forms .msg,
div.signup .msg {
  display: block;
  width: 100px;
  color: #FF931E;
  font-weight: bold;
  background: #fff;
  border-radius: 3px;
  margin: 6px auto 2px;
  font-size: 1rem;
}
.btn-submit:disabled small {
  color: #FFBE78;
}
.btn-submit:not(:disabled):not(.disabled):hover small {
  color: #FFBE78;
}
.btn-submit:hover small {
  color: #FFBE78;
}
.btn-submit::focus small, .btn-submit.focus small {
  color: #FFBE78;
}

div.signup input[type="text"],
div.signup-forms input[type="text"],
div.signup-forms input[type="email"] {
  margin-bottom: 1rem;
  border-radius: 8px;
}
.agree-box {
	display: flex;
	justify-content: center;
	margin: .4rem 0;
	color: var(--primary);
}
/*=====================
Servie logo
=====================*/
.logos {
  background: var(--primary);
  height: 64px;
  display: flex;
  align-items: center;
}
.logo-slider {
	display: none;
}
.logo-slider-wrapper {
	width: 100%;
	max-width: var(--main-width);
	margin: 0 auto;
}
.logo-slider.slick-slider {
	display: flex;
	align-items: center;
}
.logo-slider .slick-slide {
	margin: 10px;
	border: solid 1px #ccc;
	width: 180px !important;
	height: 40px !important;
	box-sizing: border-box;
	background-color: #fff;
	display: flex;
	align-items: center;
}
.next-arrow, .prev-arrow {
	display: flex;
	min-width: 20px;
	font-size: 2rem;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
/*
 trial
 */
.trial {
	background-image: -webkit-radial-gradient(#ffffff, #EFFAFD);
	background-image: radial-gradient(#ffffff, #EFFAFD);
	padding: 5rem 0;
	display: block;
}
.trial-wrapper {
	max-width: var(--main-width);
	margin: 0 auto;
	position: relative;
	text-align: center;
	z-index: 1;
	margin-bottom: 4rem;
	overflow:hidden;
}
.trial-wrapper:before,
.trial-wrapper:after {
	width: 222px;
	height: 328px;
	display: block;
	content: '';
	position: absolute;
}
.trial-wrapper:before {
	left: 0;
	top: 0;
	background: url('../img/bg-trial-left.png.html') top center no-repeat;
	background-size: 100% auto;
	z-index: -1;
}
.trial-wrapper:after {
	right: 0;
	top: 0;
	background: url('../img/bg-trial-right.png.html') top center no-repeat;
	background-size: 100% auto;
	z-index: -2;
}
.trial-copy-image {
	max-width: 613px;
	margin: 3rem auto 3rem;
}
.trial-subcopy-image {
	max-width: 318px;
	margin: 0 auto .5rem;
}
.estimate-copy {
	max-width:  368px;
	width:  100%;
}
.btn-trial {
	width: min(379px, 100%);
	display: block;
	margin: 0 auto .8rem;
}

.btn-estimate {
	width: min(992px, 100%);
	display: block;
	margin: 0 auto .8rem;
}

.btn-estimate-link {
	width: min(992px, 100%);
	height: 380px;
	display: block;
	background-image: url('../img/estimate/btn-estimate_off.png.html');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
@media (max-width: 576px) {
	.btn-estimate-link {
		height: 180px;
	}
}
.btn-estimate-link:hover {
	background-image: url('../img/estimate/btn-estimate_on.png.html');
}
.btn-estimate-link:active {
	background-image: url('../img/estimate/btn-estimate_active.png.html');
}

.btn-estimate {
	margin-top:  1rem;
}
.to-form {
	color: #666666;
	text-decoration: underline;
}
.to-form:hover {color: #ccc;}
@media (max-width: 768px) {
	.trial-wrapper:before,
	.trial-wrapper:after {
		width: 150px;
		height: 250px;
	}
	.trial-copy-image {
		max-width: 60%;
	}
}
@media (max-width: 576px) {
	.trial {
		padding: 3rem 0;
	}
	.trial-wrapper {
		margin-bottom: 2rem;
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.trial-wrapper:before,
	.trial-wrapper:after {
		width: 140px;
		top: 0rem;
	}
	.trial-copy-image {
		width: 273px;
		margin: 4rem auto .5rem;
	}
}
.faces {
	display: flex;
	align-items: center;
	justify-content: center;
	user-select: none;
}
.face {
	width: 100px;
}
@media (max-width: 576px) {
	.face {
		width: 80px;
	}
}

.case-company {
	text-align: center;
	margin-top: 4rem;
}
.case-company-title.pc {
	max-width: 936px;
	width: 100%;
	display: block;
	margin-bottom: 2rem;
	margin-left: auto;
	margin-right: auto;
}
.case-company-title.sp {
	display: none;
}
.case-company-logo.sp {
	display: none;
}
.case-company-logo {

}
@media (max-width: 576px) {
	.case-company-logo.pc {
		display: none;
	}
	.case-company-title.pc {
		display: none;
	}
	.case-company-title.sp {
		display: block;
		margin: 0 auto;
		max-width: 310px;
		width: 100%;
		margin: 1.5rem auto 1rem;
	}
	.case-company-logo.sp {
		max-width: 390px;
		width: 100%;
		display: block;
		margin: 1.5rem auto 2rem;
		padding-bottom: 1rem;
	}
}

/*=====================
section1 どんなサービス？
=====================*/
.text-underline {
	border-bottom: solid 1px #000;
}
.bg-service {
	background: #EFFAFD;
	padding: 1.5rem 0;
}
#service {
		margin: 0 auto;
}
#service-catch {
	display: block;
	max-width: 800px;
	margin: 4.2rem auto 0;
}
#service-images {
	display: flex;
	justify-content: center;
	margin: 2rem auto;
	flex-wrap: wrap;
}
#service-images > .service-images-image {
	max-width: 260px;
	height: 100%;
	width: 33%;
	margin: 0 1rem;
}
@media (max-width: 576px) {
	#service-catch {
		font-size: 1.5rem;
	}
	#service-images > .service-images-image {
		width: 240px;
		height: 328px;
	}
}
#empathy {
	padding: 5rem 0;
	background: linear-gradient(180deg, #F2F2F2 53%, #ffffff);
}
#empathy section {
	margin: 0 auto;
}
.empathy-title {
	background: url(../img/bg-empathy-title.png);
	background-size: auto 64px;
	padding: 1rem 0;
	height: 64px;
	display: flex;
	font-weight: 300;
	letter-spacing: .5rem;
	align-items: center;
	justify-content: center;
}
@media (max-width: 576px) {
	.empathy-title {
		height: 80px;
	}
}
.empathy-text {
	padding: 5rem 0 0;
	margin: 0;
	font-weight: 900;
}
.trouble-pattern {
  text-align: center;
}
.trouble-wrapper {
	display: flex;
	flex-align: center;
	justify-content: center;
	flex-wrap: wrap;
}
.trouble {
	width: 33%;
	min-width: min(320px, 100%);
	text-align: center;
	margin-bottom: 1.5rem;
}
.trouble .trouble-header {
	font-size: 1.25rem;
	margin-bottom: .8rem;
	color: #000;
}
.trouble .trouble-image {
	width: 220px;
	margin-bottom: 2rem;
}
.trouble .trouble-explain {
	margin: 10px 6px 0;
	border: solid 3px #ccc;
	text-align: center;
	background: #fff;
	border-radius: 8px;
	padding: 1.5rem 0;
}
.trouble .trouble-explain ul {
	padding: 0;
}
.trouble .trouble-explain li {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: .5rem;
}
.trouble-wrapper h3 {
	color: #000 !important;
}
/*----------------------
content section3 活用ケース
------------------------*/
.contents {
	margin-bottom: 2rem;
}
.contents .contents-header {
	background: var(--primary) url('../img/bg-contents-header.png.html');
	background-size: auto 189px;
	align-items: center;
	margin-bottom: 5rem;
	font-weight: 900;
	color: #fff;
	padding: 5rem 0;
}

@media (max-width: 768px) {
	.empathy-title {
		letter-spacing: 0;
	}
}
@media (max-width: 576px) {
	.contents .contents-header {
		font-weight: 700;
	}
}

main.faq div.faq {
  padding-top: 0;
  margin-bottom: 10rem;
}
main.faq section.trial {
  margin-bottom: 10rem;
}
.interview {
	margin-bottom: 1rem;
}
.interview .interview-header {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: .6rem;
	font-size: .9rem;
}
.interview .interview-header .interview-header-reason {
	padding: 4px 10px;
	background-color: var(--primary);
	color: white;
}
.interview .interview-header .interview-header-industry {
	margin-left: auto;
	padding: 4px 10px;
}
.interview .interview-body {
	text-align: center;
	margin: .5rem;
}
.interview .interview-body .interview-body-logo {
	height: 30px;
	width: auto;
	margin-bottom: .5rem;
}
.interview .interview-body .interview-body-name {
	font-size: 1rem;
	font-weight: normal;
}
.interview .interview-body .interview-body-title {
	font-size: 1.1rem;
	font-weight: bold;
}
.interview .interview-body .interview-body-description {
	text-align: left;
}
.interview .interview-footer {
	text-align: center;
}
.case-logo {
	width: max(230px, 25%);
	max-width: 50%;
	margin-bottom: 1rem;
	text-align: center;
	padding: 0 .5rem;
}
/*----------------------
content section4
------------------------*/
.spec-list {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	padding: 0;
}
.spec-title {
	display: flex;
	flex-shrink: 0;
	align-items: center;
}
.spec-title .spec-title-text {
	text-align: left;
}
.spec {
	text-align: center;
	background: #EFFAFD;
	border-radius: 8px;
	padding: 1.3rem;
	margin: 0 .5rem 1rem;
	list-style: none;
	margin-bottom: 2rem;
	min-height: 300px;
	position: relative;
}
.spec {
	width: calc(33% - 1rem);
	min-width: min(300px, 46%);
}
.spec-no {
	width: 52px;
	position: absolute;
	top: 20px;
	left: 20px;
}
.spec-no.plus {
	width: 54px;
}
.spec .spec-icon {
	max-width: 170px;
	margin: 0 auto;
}
.spec .access-content {
	max-width: 170px;
	padding-top: 10px;
}

.spec .spec-name {
	font-size: 1.71rem;
	font-weight: bold;
	color: var(--primary);
}
.spec .spec-sub-name {
	display: block;
	font-size: 1rem;
}


.spec-subtitle-text {
	font-size: 1.25rem;
	display: block;
}
.spec .spec-name:after {
  content: "";
  background: var(--primary);
  width: 200px;
  max-width: 80%;
  height: 4px;
  display: block;
  margin: 10px auto 1rem;
}
.spec .spec-description {
	text-align: left;
}
.spec .plugin_logos {
	display: flex;
	justify-content: center;
	align-items: center;
}
.spec .plugin_logos img {
	width: auto;
	height: 24px;
	margin: 0 6px;
}
.spec .add_img,
.spec .add_mic_img {
	display: flex;
	justify-content: center;
	align-items: center;
}
.spec .add_img.wrap {
	display: block;
	text-align: center;
}
.spec .add_img img{
	max-height: 40px;
	width: auto !important;
}
.spec .add_img img.youtube-icon{
	max-height: 30px;
	width: auto !important;
	display: block;
	margin: 0 auto 1rem;
}
.spec .add_img img.cloudsign-icon{
	max-height: 44px;
	width: auto !important;
	display: block;
	margin: 0 auto 1rem;
}
.micpc {
	max-height: 40px;
}
.micsp {
	display: none;
}
@media (max-width: 767px) {
	.micsp {
		display: block;
	}
	.micpc {display: none;}
	.spec .add_mic_img {
		flex-wrap: wrap;
	}
	.spec .add_mic_img img {
		margin-top: 2px;
		max-height: 40px;
	}
}
.plus-icon {
	width: 69px;
	margin-right: 20px;
}
@media (max-width: 576px) {
	.plus-icon {
		width: 60px;
	}
	.spec-subtitle-text {
		font-size: 1rem;
	}
	.spec-no.plus {
		width: 40px;
	}
}
@media (max-width: 992px) {
	.spec-list {
		justify-content: center;
	}
}
@media (max-width: 767px) {
.spec .plugin_logos img {
	width: auto;
	height: 20px;
	margin: 0 4px;
}
}
@media (max-width: 576px) {
  .spec h3 img {
    height: 70px;
    width: auto;
  }
  .spec h3 {
    font-size: 2rem;
  }
  .spec-no {
		width: 40px;
		position: absolute;
		top: 10px;
		left: 10px;
  }
	.spec .spec-name {
		font-size: 1.4rem;
	}
	.spec-list {
		justify-content: start;
	}
}


/*----------------------
content section5
------------------------*/
.price-types {
  display: flex;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  position: relative;
  margin-top: 1.5rem;
  margin-bottom:  10rem;
}
.price {
	width: 100%;
	background: #EFFAFD;
	margin-bottom:  2rem;
}
@media (min-width: 993px) {
	.pr15 {
		padding-right: 15px !important;
	}
	.pl15 {
		padding-left: 15px !important;
	}
	.pl0 {
		padding-left: 0px !important;
	}
	.pr0 {
		padding-right: 0px !important;
	}
}
@media (min-width: 769px) {
	.pr15 {
		padding-right: 15px !important;
	}
	.pl15 {
		padding-left: 15px !important;
	}
}
.price-types-name {
	margin-top: 2rem;
	margin-bottom: .4rem;
	font-weight: bold;
	border: solid 1px;
	border-radius: 2px;
	padding: .4rem;
	text-align: center;
}
.price-types-name.free {
	color: var(--primary);
	border-color: var(--primary);
}
.price-types-name.paid {
	color: #FF931E;
	border-color: #FF931E;
}
.price-free-name,
.price-paid-name {
	font-size: 1.6rem;
	padding: .5rem 0;
	margin: 0;
	color:  #fff;
}
.price-free-name {
	background: var(--primary);
}
.price-paid-name {
	background: #FF931E;
}
.price-body {
	padding: .5rem 1.4rem;
	text-align: center;
}
.price-content {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-weight: bold;
	color: var(--primary);
	margin-bottom: .6rem;
}
.price-value,
.price-unit {
	display: block;
}
.price-value {
	font-size: 3rem;
}
.price-unit {
	margin-left: .3rem;
	margin-bottom: .6rem;
	text-align: left;
	line-height: 1.3;
}
.price-icon {
	border: solid 1px var(--primary);
	padding: .2rem 1rem;
	display: inline-block;
	border-radius: 2px;
	font-weight: bold;
}
.price-icon.free {
	color: var(--primary);
}
.price-icon.paid {
	color: #fff;
	background: var(--primary);
}
.price-copy {
	margin-top: .8rem;
	border-top: solid 2px var(--primary);
	padding-top: .6rem;
	font-weight: bold;
	color: var(--primary);
}
.price-description {
	text-align: left;
	min-height: 180px;
}
@media (max-width: 768px) {
	.price-description {
		text-align: left;
		min-height: auto;
	}
}
.price-image-wrap {
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.price-image {
	width: 100%;
	max-width: 240px;
}
.price-button {
	margin-top: 2rem;
}
.price-button.paid,
.btn-paid-acount:after {
	color: #FF931E;
}
.price-button.free,
.btn-free-acount:after {
	color: var(--primary);
}
.price-button-header {
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 1.2rem;
}
.btn-paid-acount,
.btn-free-acount {
	color: #fff;
	border: solid 2px;
	padding: 1.25rem 0;
	width: 100%;
	font-size: 1.25rem;
	font-weight: bold;
	border-radius: 30px;
	position: relative;
	margin-bottom: 1.2rem;
}
.btn-paid-acount {
	background: #FF931E;
	border-color: #FF931E;
}
.btn-free-acount {
	background: var(--primary);
	background: var(--primary);
}
.btn-paid-acount:after,
.btn-free-acount:after {
	content: "\f0da";
	background: #fff;
	width: 26px;
	height: 26px;
	display: block;
  font-family: "Font Awesome 5 Free";
  position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  padding: 2px 0 0 3px;
}
.btn-paid-acount:hover {
	background: #fff;
	color: #FF931E;
}
.btn-free-acount:hover {
	background: #fff;
	color: var(--primary);
}

.btn-paid-acount:hover:after {
	background: #FF931E;
	color: #fff;
}
.btn-free-acount:hover:after {
	background: var(--primary);
	color: #fff;
}
.free-link,
.paid-link {
	font-weight: bold;
	display: block;
	margin-bottom: .6rem;
}
.free-link {
	text-decoration: underline;
}
.free-link:hover {
	text-decoration: none;
}
.price-footer {
	margin-bottom: 1rem;
	display: inline-block;
	text-align: center;
	padding: .4rem 1rem;
	font-weight: bold;
	font-size: .8rem;
	color: #fff;
}
.price-footer.free {
	background: var(--primary);
}
.price-footer.paid {
	background: #FF931E;
}
#price-body {
  display: block;
  height: 6rem;
  margin-top: -6rem;
  content: "";
}
.fmini {
	font-size: .8rem;
}
.sp-view {display: none}
@media (max-width: 768px) {
	.sp-view {
		display: block;
		margin-top: 0;
	}
}

/*
.price-types-image {
	max-width: 130px;
	width: 100%;
	position: absolute;
	top: 14px;
}
.price-type-change-image {
	width: 100px;
	position: absolute;
	top: 510px;
}
.price-wrapper {
	width: 50%;
	min-width: calc(380px + 2rem);
	margin-bottom: 1.5rem;
}
.price {
	text-align: center;
	margin-bottom: 2rem;
	margin: 0 1rem;
	padding: 1rem;
	border-radius: 10px;
	background: #EFFAFD;
}
.price .price-body {
	max-width: 380px;
	margin: 0 auto;
}
.price .price-body .price-body-name {
	margin: 1rem auto .8rem;
	border-bottom: 4px solid var(--primary);
	width: 90%;
}
.price .price-body .price-body-text {
	font-size: 1.5rem;
	color: var(--primary);
	font-weight: bold;
}
.price .price-body .price-body-image {
	width: 100%;
	max-width: 324px;
	margin-bottom: 1.5rem;
}
.fee {
	display: flex;
	align-items: flex-end;
}
.fee-value .fee-value-title {
	font-size: 2rem;
	font-weight: bold;
}
.fee-value .fee-value-image img {
	display: inline-block;
	margin-bottom: 1rem;
}
.price-footer-description {
	padding: 1.4rem;
	border-radius: 8px;
	min-height: 110px;
	line-height: 2;
}

@media (max-width: 960px) {
	.price-type-change-image {
		width: 80px;
		position: absolute;
		top: 510px;
	}
}
@media (max-width: 862px) {
	.price-type-change-image {
		display: none;
	}
	.price-types-image {
		display: none;
	}
}
@media (max-width: 768px) {
	.price-wrapper {
		width: 100%
	}
}
*/
.creditcards {
	margin-top: 1rem;
	margin-bottom: 1.4rem;
	text-align: center;
}
.card-contents img {
	max-width: 74px;
	display: inline-block;
	margin: 0 .4rem;
}
@media (max-width: 576px) {
	.price-wrapper {
		min-width: calc(300px + 2rem);
	}
	.price-types-copy-image {
		max-width: 90%;
		margin: 0 auto;
	}
	.card-contents img {
		max-width: 50px;
		margin: 0 .2rem;
	}
}
/*----------------------
content section6
------------------------*/
#follow {}
.example {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EFFAFD;
	border-radius: 15px;
	margin-bottom: 1.5rem;
	padding: 1.5rem 0;
}

.example .example-body {
	order: 3;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: .5rem;
}
.example .example-body .example-body-subtitle {
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 1.25rem;
	color: #333333;
	margin-left: 2rem;
}
.example-body-subtitle:before,
.example-body-subtitle:after {
	height: 20px;
	width: 20px;
	display: block;
	content: '';
	position: absolute;
}
.example-body-subtitle:before {
	left: -20px;
	top: 0;
	background: url('../img/text-slash.png.html') top center no-repeat;
	background-size: contain;
}
.example-body-subtitle:after {
	right: -20px;
	top: 0;
	transform: scale(-1, 1);
	background: url('../img/text-slash.png.html') top center no-repeat;
	background-size: contain;
}
.example .example-body .example-body-title {
	font-weight: bold;
	color: var(--primary);
	margin-top: 1rem;
	margin-bottom: 1.2rem;
	position: relative;
	z-index: 1;
}
.example .example-body .example-body-title:before {
	width: 100%;
	height:20px;
	display: block;
	content: '';
	position: absolute;
	background: #fff;
	z-index: -1;
	bottom: -10px;
	left: 0;
}
.example-body-text {
	margin-top: 1rem;
	padding-right: 1rem;
}
@media (min-width: 577px) {
	.example .example-image {
		width: 33%;
		max-width: 280px;
		max-height: auto;
		margin: 1rem;
	}
}
@media (max-width: 768px) {
	.example .example-body .example-body-subtitle {
		font-size: 1rem;
	}
.example .example-body .example-body-title {
		font-size: 2rem;
	}
	.example-body-subtitle:before,
	.example-body-subtitle:after {
		height: 16px;
		width: 16px;
	}
	.example-body-subtitle:before {
		left: -15px;
	}
	.example-body-subtitle:after {
		right: -15px;
	}
}
@media (max-width: 576px) {
	.example {
		flex-direction: column;
	}
	.example-image {
		width: 250px;
	}
	.example .example-body .example-body-title {
		margin: 1rem auto 2rem;
		text-align: center;
	}
	.example .example-body .example-body-subtitle {
		width: auto;
		margin-left: auto;
		margin-right: auto;
	}
	.example-body-text {
		padding-left: 1rem;
	}
}
/*----------------------
content section7
------------------------*/
.faq-row {
	width: 100%;
	max-width: 800px;
}
.faq .faq-header {
	font-size: 2rem;
	text-align: left;
}
.faq .faq-list {
	margin-bottom: 1.6rem;
}
.faq .faq-list .faq-question {
	cursor: pointer;
	position: relative;
	font-weight: bold;
	background: #E6E6E6;
	margin-bottom: 1rem;
	padding-right: calc(10px + 1rem) !important;
}
.faq .faq-list .faq-question, .faq .faq-list .faq-answer {
	padding: 10px;
	border: 1px solid transparent;
	background: #E6E6E6;
}
.faq .faq-list .faq-question {
	display: flex;
	align-items: center;
	border-radius: 6px;
}
.faq-answer-box {
	background: #fff;
	display: flex;
	padding: 10px 0;
	border-radius: 6px;
}
.faq .faq-list .faq-question:before{
	content: "";
	min-width: 50px;
	height: 45px;
	margin-right: 1rem;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top left;
}
.faq-question-text {
	display: block;
	margin-right: 1.5rem;
}
.faq-answer-icon {
	min-width: 80px;
	border-right: solid 2px #E6E6E6;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1rem;
}
.faq-answer-icon img {
	max-width: 43px;
}
.faq .faq-list .faq-question:before {
	background-image: url('../img/icon-question.png.html');
}
.faq .faq-list .faq-question:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 14px;
	font-size: 1.8rem;
	content: "\f107";
}
.faq .faq-list .faq-question.line:after {
	content: "\f106";
}
.faq .faq-list .faq-question:hover,
.faq .faq-list .faq-question.line,
.faq .faq-list .faq-answer.line {

}
.faq .faq-list .faq-question.line {
  border-bottom: none;
  margin-bottom: 0;
	border-radius: 6px 6px 0 0;
}
.faq .faq-list .faq-answer.line {
	border-radius: 0 0 6px 6px;
}
.faq-link {
  display: flex;
  justify-content: center;
}
.faq-link-btn {
  font-size: 1rem;
  border-width: 1px;
  padding-left: 1rem;
  padding-right: 1rem;
  border-size: 2px !important;
  width: 300px;
}
@media (max-width: 768px) {
	.faq-answer-text {
		padding-right: 1rem;
	}
}
@media (max-width: 576px) {
	.faq .faq-list .faq-question:before{
		width: 40px;
		height: 30px;
	}
	.faq-answer-icon {
		min-width: 50px;
	}
	.faq-answer-icon img {
		max-width: 30px;
	}
}

/*----------------------
content section8
------------------------*/
.access-types {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.access-wrapper {
	width: 50%;
	min-width: calc(380px + 2rem);
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: center;
}
.access {
	text-align: center;
	margin-bottom: 2rem;
	margin: 0 1rem;
	padding: 1rem 0;
	border-radius: 10px;
	background: #EFFAFD;
}
.access .access-body {
	max-width: 380px;
	margin: 0 auto;
}
.access .access-body .access-body-name {
	margin: 1rem auto .8rem;
	border-bottom: 4px solid var(--primary);
	width: 90%;
}
.access .access-body .access-body-text {
	font-size: 1.5rem;
	font-weight: bold;
	white-space: nowrap;
}
.access .access-body .access-body-image {
	width: 100%;
	max-width: 380px;
	margin-bottom: 1.5rem;
}
.access-wrapper:first-child .fee .fee-disabled {
	border-radius: 0 10px 10px 0;
}
.access-footer-description {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 1.4rem;
	border-radius: 8px;
	min-height: 210px;
}
.point-image {
	width: 52px;
}
.access-footer-description .access-footer-description-lists {
	font-size: 1.6rem;
	list-style-type: none;
	list-style-position: inside;
	padding-left: 0;
	padding-bottom: 0;
}
.access-footer-description .access-footer-description-lists .access-footer-description-list {
	margin-bottom: 30px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	margin-bottom: 50px;
}
.access-footer-description .access-footer-description-lists .access-footer-description-list:last-child {
	margin-bottom: 0px;
}
.access-footer-description .access-footer-description-lists .access-footer-description-list:not(:last-child):before {
	background: url('../img/icon-down.png.html') top center no-repeat;
	background-size: 100%;
	width: 28px;
	height: 25px;
	content: '';
	display: block;
	position: absolute;
	bottom: -40px;
	left: 10px;
}
.access-footer-description .access-footer-description-lists .access-footer-description-list-text {
	font-size: 1rem;
	margin-left: 1rem;
	text-align: left;
}
.access-footer-description .access-footer-description-button {
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	min-width: 80%;
	font-size: 1.5rem;
	border-width: 3px;
	font-weight: bold;
}
@media (max-width: 768px) {
	.access-wrapper {
		width: 100%;
	}
	.access-wrapper:first-child .access {
		border-right: none;
	}
	.access .access-body .access-body-text {
		font-size: 1.2rem;
	}
	.access-footer {
		margin: 0 auto;
	}
	.access-footer .access-footer-description .access-footer-description-lists {
		font-size: 1.2rem;
		padding-inline-start: 1.8rem;
	}
}
@media (max-width: 576px) {
	.access-wrapper {
		min-width: calc(300px + 2rem);
	}
	.point-image {
		width: 36px;
	}
	.access-footer-description .access-footer-description-lists .access-footer-description-list:not(:last-child):before {
		width: 20px;
		height: 20px;
		bottom: -24px;
		left: 8px;
	}
	.access-footer-description .access-footer-description-lists .access-footer-description-list {
		margin-bottom: 30px;
	}
}
.entrance-movie-wrapper {
	margin: 2rem auto 0;
	width: 570px;
	text-align: center;
}
@media (max-width: 576px) {
	.entrance-movie-wrapper {
		width: 100%;
	}
}
.entrance-movie-title {
	width: 568px;
}
.popup-iframe.special {
	margin-top: 1.6rem;
	border: 7px solid var(--primary);
	display: block;
	position: relative;
}
.popup-iframe.special:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	content: '';
	background: url('../img/movie-button.png.html') center center no-repeat;
	width: 100px;
	height: 100px;
	background-size: contain;
}

/*--------------------
動作環境
---------------------*/
.operating-environment-type {
	display: flex;
	align-items: center;
	padding: 3rem 0 5rem;
}
.operating-environment-image {
	width: 50%;
	text-align: center;
}
.operating-environment-image img {
	width: 400px;
}
.operating-environment .operating-title {
	margin: 1rem 0 .8rem;
	border-bottom: 3px solid var(--primary);
	text-align: left;
}
.operating-environment .operating-environment-name {
	margin: 1rem 0 .8rem;
	text-align: left;
}
.operating-environment dl.operating-environment-info {
	margin: 1rem 0 .8rem;
}
.operating-environment dl.operating-environment-info dt {
	font-size: 1.25rem;
	margin-bottom: .4rem;
}
@media (max-width: 768px) {
	.operating-environment-image {
		width: 100%;
	}
	.operating-environment-type {
		display: block;
	}
	.operating-environment-content {
		text-align: center;
	}
	.operating-environment .operating-environment-name {
		text-align: center;
	}
}
/*----*/
.price-body-name,
.access-body-name,
.example-body-title {
	font-size: 2.2rem;
}
@media (max-width: 576px) {
	.price-body-name,
	.access-body-name,
	.example-body-title {
		font-size: 2rem;
	}
}
/*--------------------
NEWS
---------------------*/
.news-content {
	border: solid 1px var(--primary);
	background: var(--primary);
}
.news-title {
	color: #fff;
	width: 100%;
}
.btn-news-sp,
.btn-news-pc {
	background: #fff;
	color: var(--primary);
}
.btn-news-sp:hover,
.btn-news-pc:hover {
	background: var(--primary);
	color: #fff;
	border-color: #fff;
}
.btn-news-sp {
	display: none;
}
.btn-news-pc {
	display: block;
	margin-top: .8rem;
}
.content-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.row-news {
}
ul.news {
	padding: 0;
	list-style: none;
}
ul.news li{
	margin-bottom: 1rem;
}
ul.news li .news-infos {
	display: flex;
	color: #fff;
	align-items: center;
	margin-bottom: .4rem;
}
ul.news li .news-date {
	font-size: 1.25rem;
	font-weight: bold;
	width: 100px;
}
ul.news li .news-category {
	background: #fff;
	color: var(--primary);
	display: inline-block;
	margin-left: .6rem;
	border-radius: 2px;
	padding: 0 4px;
}

.news-list-title {
	font-size: 1.25rem;
}
ul.news li a:link,
ul.news li a:hover,
ul.news li a:visited {
	color:  #fff !important;
}
.news-titles {
	text-align: center;
}
@media (max-width: 768px) {
	.btn-news-sp {
		margin: 1.5rem 0 2rem;
		display: inline-block;
	}
	.btn-news-pc {
		display: none;
	}
	.content-inner {
		display: block;
	}
	.news-title {
		margin-top: 2rem;
		text-align: left;
		margin-bottom: 2rem;
	}
	.news-titles {
		text-align: left;
	}
}
/*--------------------
Footer
---------------------*/
footer {
	/*margin-top: 160px;*/
	position: relative;
}
footer.index {
	margin-top: 0px;
}
.footer {
  background: #FFF;
  padding: 0 0 8rem 0;
}
.footer-wrapper {
	max-width: var(--main-width);
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.footer-logo {
	text-align: center;
	padding: 1rem 0;
}
.footer-logo > img {
	max-width: 420px;
	width: 100%;
}
.footer-buttons {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: auto;
	max-width: 100%;
}
.btn-circle {
	width: 110px;
	height: 110px;
	display: inline-flex;
	flex-shrink: 0;
	flex-direction: column;
}
.btn-circle .btn-circle-icon {
	font-size: 2.8em;
	margin-bottom: 4px;
}
.btn-circle .btn-circle-text {
	white-space: nowrap;
}
.footer-buttons .btn-circle {
	border-radius: 50%;
	display: block;
	background: #fff;
	border: none;
	font-size: .8em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 .5rem;
}
.btn-circle-text {
	font-size: .6rem;
}
.btn-circle i {
	display: block;
}
.btn-circle {
	background: #fff;
	color: var(--primary) !important;
}
.btn-circle:hover {
  background: var(--primary);
  color: #fff  !important;
}
.footer-links {
	width: 100%;
	margin-top: 2rem;
}
.footer-links .footer-link-lists {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
}
.footer-links .footer-link-lists .footer-link {
	display: inline-block;
	padding: 0 .5rem;
	position: relative;
	z-index: 1;
}
.footer-links .footer-link-lists .footer-link:not(:last-child):before {
	border-right: 2px #333 solid;
	display: block;
	width: 100%;
	height: 16px;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: -1;
}
.footer-link a {color: #333 !important;}
.footer-link a:hover {text-decoration: underline;}
.copylight {
	background: var(--primary);
	text-align: center;
	color: #fff;
	padding: .3rem 0;
}
.footer-page-link {
	width: 100%;
	margin-top: 2rem;
}
.footer-link-list {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	margin: 0;
}
.footer-link-list li {
	list-style: none;
	margin: 0 1rem;
	background: #fff;
	padding: 2px 1rem;
	border-radius: 5px;
}
.visual-logo-space {
	width: 210px;
	background: transparent !important;
}
@media (max-width: 992px) {
	.footer-buttons {
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-link-list {
		justify-content: center;
	}
	.visual-logo-space {
		display: none !important;
	}
}
@media (max-width: 768px) {
	.footer-wrapper {
		flex-direction: column;
	}
	.footer-page-link {
		order: 2;
	}
	.footer-page-link {
		background: #fff;
		padding: 1.8rem 0;
		margin-top: 1rem;
	}
	.footer-link-list {
		display: block;
		width: 340px;
		margin: 0 auto;
	}
	.footer-link-list li {
		margin-bottom: .6rem;
	}
	.footer-link-list li:last-child {
		margin-bottom: 0;
	}
	.footer-logo {
		order: 3;
		display: flex;
		align-items: center;
		margin-top: 1rem;
	}
	.footer-logo > img {
		max-width: 200px;
	}
	.footer-buttons {
		order: 1;
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content: center;
		width: 400px;
	}
	.footer-links {
		display: none;
		width: 100%;
		margin-top: 2rem;
		order: 3;
	}
	.footer-links .footer-link-lists {
		display: block;
	}
	.footer-links .footer-link-lists .footer-link {
		display: block;
		padding: 0 .5rem;
		text-align: center;
	}
	.footer-links .footer-link-lists .footer-link:not(:last-child):before {
		border-right: none;
	}
	.footer-buttons .btn-circle {
		margin-bottom: 1rem;
	}
}
@media (max-width: 576px) {
	.footer-wrapper {
		/*padding-top: 100px;*/
	}
	.footer-buttons {
		justify-content: flex-start;
		width: 340px;
	}
	.footer-buttons .btn-circle {
		width: 100px;
		height: 100px;
	}
}
.terms-row,
.sla-row,
.privacy-row,
.commerce-row,
.top-description {
	margin-bottom: 3rem;
	line-height: 1.8;
}
/*
.commerce-row {
	margin-bottom: 2.6rem;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
*/
.sla-title,
.policy-title,
.term-title,
.commerce-title {
	font-size: 1.25rem;
	font-weight: bold;
	border-left: 4px solid var(--primary);
	padding-left: .4rem;
}
.sla-title,
.term-title {
	margin-bottom: 1rem;
}
.sla-row ol li,
.terms-row ol li,
.commerce-row ol li {
	margin-bottom: .8rem;
}
.sla-row p,
.terms-row p,
.privacy-row p,
.commerce-row p {
	padding-left: 10px;
}
.terms-row ol.term-list {
	list-style-position: inside;
	padding-left: 30px;
	text-indent: -43px;
	margin-left: 14px;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.terms-row ol.term-list-katakana {
	text-indent: 0;
	margin-left: 16px;
	text-indent: -20px;
	margin-top: .5rem;
	margin-bottom: .5rem;
	padding-left: 0;
}

ol.term-point-list  ol.term-list, ol.term-list-katakana {
	margin-left: .5rem;
}
/*
ol.term-list-katakana {
	list-style-type: katakana;
}
*/
ol.term-list-katakana {
	list-style-type: none;
}
ol.term-list-katakana {
	list-style-type: none;
}

ol.term-list-katakana li:nth-child(1):before {
	content: "ア.";
}
ol.term-list-katakana li:nth-child(2):before {
	content: "イ.";
}
ol.term-list-katakana li:nth-child(3):before {
	content: "ウ.";
}
ol.term-list-katakana li:before {
	display: inline;
	padding-right: .6rem;
}


ol.sla-desc-list > li {
  list-style-type: disc;
  list-style-position:inside;
}

ol.sla-list > li,
ol.term-list > li {
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}
ol.term-list > li:before{
  display: marker;
  content: "（" counter(cnt) "） ";
}

p.inner-text {
	padding-left: 0;
	text-indent: 0px;
}

.terms-row ol.term-point-list,
.sla-row ol.sla-list,
.sla-row ol.sla-desc-list {
	list-style-position: inside;
	padding-left: 10px;
	text-indent: -15px;
	margin-left: 14px;
	margin-top: .5rem;
	margin-bottom: .5rem;
}

ol.term-point-list > li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: n;
}
ol.term-point-list > li:before{
  display: marker;
  content: "" counter(n) ". ";
}

.term-table {
	margin: 1rem 0 2rem;
	width: 80%;
}
.term-table th,
.term-table td {
	padding: .4rem .5rem;
}
.term-table .label1 {
	width: 9rem;
}
.term-table .label2 {
}
.term-table .label3 {
	width: 10rem;
}
.dcument-link-list {
	margin-top: 2rem;
}
@media (max-width: 576px) {
	.term-table .label1 {
		width: 5rem;
	}
	.term-table .label3 {
		width: 5rem;
	}
	.term-table {
		width: 100%;
	}
}
/*特定商取引法*/
.commerce-table {
	width: 100%;
}
.commerce-table th,
.commerce-table td {
	padding: 1.5rem;
	border-color: #ccc;
}
.commerce-table th {
	background: #EFFAFD;
	font-size: 1.25rem;
	color: #4a4a4a;
}
.company-info {
	font-size: .8rem;
}
.contents .contents-header.regulation {
	padding: 3.2rem 0;
}
.contents .contents-header.regulation span {
	display: block;
}
.regulation-links {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-weight: normal;
	display: inline-block;
	text-align: center;
}
.regulation-links li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	padding: .4rem 1rem;
	margin: 0 1rem;
	margin-top: 1rem;
	border: solid 1px #fff;
	border-radius: 4px;
	background: var(--primary);
	display: inline-block;
}
.regulation-links li:hover {
	background: #fff;
}
.regulation-links li a {
	color: #fff !important;
}
.regulation-links li:hover a {
	color: var(--primary) !important;
	text-decoration: none;
}
.regulation-links li.now {
	background: #fff;
	color: var(--primary);
}
@media (max-width: 768px) {
	.contents .contents-header.regulation {
		padding: 2.8rem 0;
	}
}
.btn-document {
	position: fixed;
	display: block;
	bottom: 80px;
	right: 10px;
	width: 56px;
	height: 56px;
	margin: 0;
	z-index: 100;
	background-image: url('../img/btn-dl.svg.html');
}
.btn-document:hover {
	background-image: url('../img/btn-dl-on.svg.html');
}

@media (max-width: 576px) {
	.footer-buttons {
		position: relative;
	}
	.top-page {
		position: absolute;
		background-image: url('../img/btn_pagetop_03-big.png');
		height: 130px;
/*
		top: 120px;
		right: -10px !important;
*/
		top: -50%;
		left: 0% !important;
		transform: translate(0, -50%);
		margin: 0 auto;
		background-position:  center bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		text-indent:-9999px;
		width: 120px;
	}
}
@media (min-width: 577px) {
	.top-page {
		position: fixed;
		bottom: 150px;
		right: 5px;
		z-index: 100;
		display: block;
		background-image: url('../img/btn_pagetop_01-big.png');
		background-position:  center bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		text-indent:-9999px;
		width: 120px;
		height: 80px;
	}
	.top-page {
		animation-name: buruburu;
		animation-timing-function: linear;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-duration: .8s;
	}
	.top-page:after {
		width: 120px;
		height: 80px;
		background-image: url('../img/btn_pagetop_02-big.png');
		background-position:  center bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.top-page.arm-on:not(:hover):after {
		content: "";
		animation: fadeIn 450ms ease-in;
	}
	.top-page.arm-off:not(:hover):after {
		content: "";
		animation: fadeOut 150ms ease-in;
		opacity: 0;
	}
	@keyframes buruburu {
		0% {transform: translate(1px, 1px);}
		25% {transform: translate(1px, -1px);}
		50% {transform: translate(-1px, -1px);}
		75% {transform: translate(-1px, 1px);}
		100% {transform: translate(1px, 1px);}
	}
	@keyframes fuwafuwa {
		0% {transform: translate(-6px, -3px);}
		25% {transform: translate(-3px, 3px);}
		50% {transform: translate(0px, -3px);}
		75% {transform: translate(3px, 3px);}
		100% {transform: translate(6px, -3px);}
	}
	@keyframes fadeIn {
		0% {opacity:0;}
		100% {opacity:1;}
	}
	@keyframes fadeOut {
		0% {opacity:1;}
		100% {opacity:0;}
	}
	.top-page:hover {
		animation: img-move 0.6s 1;
		animation-fill-mode: forwards;
		width: 120px;
		height: 130px;
	}
	@keyframes img-move {
		0% {
			background: url('../img/btn_pagetop_01-big.png') center bottom no-repeat;
			background-size: 100%;
		}
		100% {
			background: url('../img/btn_pagetop_03-big.png') center bottom no-repeat;
			background-size: 100%;
		}
	}
}
.__showby-widget-wrapper {
	z-index: 100 !important;
}
.banner-estimate {
	text-align: center;
	margin:  1rem 0 2rem;
}
.img-banner-estimate {
	max-width:  600px;
	width:  100%;
}
.img-banner-estimate:hover {
	opacity: 0.6;
	transition-duration: 0.3s;
}