﻿/*----------------------------------------
全体
----------------------------------------*/

body {
	font-size: 4.5vw;
	line-height: 6.5vw;
	word-break: break-word;
	text-size-adjust: none;
}

body.open {
	overflow: hidden;
}

.wrapper {
	margin: 0 auto;
	width: 95%;
}

.pc-left {
	float: none;
	margin: 0 auto;
}

.pc-right {
	float: none;
	margin: 0 auto;
}

.alignleft {
	float: none;
	margin: 0 auto;
}

.alignright {
	float: none;
	margin: 0 auto;
}

.pc-t-center {
	text-align: left !important;
}

.pc-of {
	overflow: visible;
}

a:hover img {
	opacity: 1;
}

a:hover .img-banner {
	opacity: 1;
}

a.bo {
	text-decoration: underline;
}

a.bo:hover {
	text-decoration: underline;
}

a.no-bo {
	text-decoration: underline;
}

a.no-bo:hover {
	text-decoration: underline;
}

.full-sp {
	height: auto;
	width: 100% !important;
}

.list {
	margin-bottom: 5vw;
}

.list li {
	margin-left: 4.5vw !important;
}

_::-webkit-full-page-media, _:future, :root .list li {
	margin-left: 5.75vw !important;
}

.num-list {
	margin-bottom: 5vw;
}

.num-list li {
	margin-left: 5vw !important;
}

_::-webkit-full-page-media, _:future, :root .num-list li {
	margin-left: 7vw !important;
}

.num-list li:nth-child(n+10) {
	margin-left: 7vw !important;
}

_::-webkit-full-page-media, _:future, :root .num-list li:nth-child(n+10) {
	margin-left: 9.5vw !important;
}

.num-list-2 {
	margin-bottom: 5vw;
}

.num-list-2 li {
	padding-left: 8.5vw !important;
}

.check-list {
	margin-bottom: 5vw;
}

.check-list li {
	margin-bottom: 2.5vw;
	min-height: 6vw;
	padding-left: 9vw;
}

.check-list li::before {
	border: 0.8vw solid #000;
	height: 6vw;
	top: 0.55vw;
	width: 6vw;
}

.check-list li::after {
	border-right: 1vw solid #ff0000;
	border-bottom: 1vw solid #ff0000;
	left: 3.5vw;
	height: 5vw;
	top: -0.2vw;
	width: 3vw;
}

.douga {
	margin: 0 auto;
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

.douga.vimeo {
	padding-top: 56.25%;
}

.douga iframe {
	left: 0;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.douga img {
	height: auto;
	margin: 0 auto;
	width: 95%;
}

.text-base {
	padding-left: 4.5vw;
}

.text-base-2 {
	padding-left: 9vw;
}

.text-base-3 {
	padding-left: 13.5vw;
}

.text-base-4 {
	padding-left: 18vw;
}

.text-base-5 {
	padding-left: 22.5vw;
}

.pc {
	display: none;
}

.pc.tab {
	display: none;
}

.pc.tab.mobi {
	display: block;
}

.tab {
	display: none;
}

.tab.mobi {
	display: block;
}

.pc.mobi {
	display: block;
}

.mobi {
	display: block;
}

.m20 {
	margin: 2.5vw !important;
}

.mt20 {
	margin-top: 2.5vw !important;
}

.mb20 {
	margin-bottom: 2.5vw !important;
}

.no-mt20 {
	margin-top: -5vw !important;
}

.mt-20 {
	margin-top: 5vw !important;
}

.mb-20 {
	margin-bottom: 5vw !important;
}

.ml20 {
	margin-left: 2.5vw !important;
}

.mr20 {
	margin-right: 2.5vw !important;
}

.m40 {
	margin: 5vw !important;
}

.mt40 {
	margin-top: 5vw !important;
}

.mb40 {
	margin-bottom: 5vw !important;
}

.ml40 {
	margin-left: 5vw !important;
}

.mr40 {
	margin-right: 5vw !important;
}

.m60 {
	margin: 7.5vw !important;
}

.mt60 {
	margin-top: 7.5vw !important;
}

.mt-60 {
	margin-top: 10vw !important;
}

.mb60 {
	margin-bottom: 7.5vw !important;
}

.mb-60 {
	margin-bottom: 10vw !important;
}

.ml60 {
	margin-left: 7.5vw !important;
}

.mr60 {
	margin-right: 7.5vw !important;
}

.m80 {
	margin: 10vw !important;
}

.mt80 {
	margin-top: 10vw !important;
}

.mb80 {
	margin-bottom: 10vw !important;
}

.ml80 {
	margin-left: 10vw !important;
}

.mr80 {
	margin-right: 10vw !important;
}

.m100 {
	margin: 12.5vw !important;
}

.mt100 {
	margin-top: 12.5vw !important;
}

.mb100 {
	margin-bottom: 12.5vw !important;
}

.ml100 {
	margin-left: 12.5vw !important;
}

.mr100 {
	margin-right: 12.5vw !important;
}

.p20 {
	padding: 2.5vw !important;
}

.pt20 {
	padding-top: 2.5vw !important;
}

.pb20 {
	padding-bottom: 2.5vw !important;
}

.pl20 {
	padding-left: 2.5vw !important;
}

.pr20 {
	padding-right: 2.5vw !important;
}

.p40 {
	padding: 5vw !important;
}

.pt40 {
	padding-top: 5vw !important;
}

.pb40 {
	padding-bottom: 5vw !important;
}

.pl40 {
	padding-left: 5vw !important;
}

.pr40 {
	padding-right: 5vw !important;
}

.p60 {
	padding: 7.5vw !important;
}

.pt60 {
	padding-top: 7.5vw !important;
}

.pb60 {
	padding-bottom: 7.5vw !important;
}

.pl60 {
	padding-left: 7.5vw !important;
}

.pr60 {
	padding-right: 7.5vw !important;
}

.p80 {
	padding: 10vw !important;
}

.pt80 {
	padding-top: 10vw !important;
}

.pb80 {
	padding-bottom: 10vw !important;
}

.pl80 {
	padding-left: 10vw !important;
}

.pr80 {
	padding-right: 10vw !important;
}

.p100 {
	padding: 12.5vw !important;
}

.pt100 {
	padding-top: 12.5vw !important;
}

.pb100 {
	padding-bottom: 12.5vw !important;
}

.pl100 {
	padding-left: 12.5vw !important;
}

.pr100 {
	padding-right: 12.5vw !important;
}

/*----------------------------------------
文字スタイル
----------------------------------------*/

.fs15 {
	font-size: 3.5vw !important;
	line-height: 5.5vw !important;
}

.fs23 {
	font-size: 5.5vw !important;
	line-height: 7.5vw !important;
}

.fs30 {
	font-size: 8vw !important;
	line-height: 10vw !important;
}

.fs40 {
	font-size: 9.5vw !important;
	line-height: 11.5vw !important;
}

.fs50 {
	font-size: 11vw !important;
	line-height: 13vw !important;
}

/*----------------------------------------
画像関連
----------------------------------------*/

/*----------------------------------------
header
----------------------------------------*/

.head-in {
	left: 0;
	height: 50px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9989;
}

.head-in-logo {
	float: left;
	margin: 12px 0 0 4.5vw;
	width: 140px;
}

.head-in-logo .img-banner {
	background: url(images/logo.png) no-repeat;
	padding-bottom: 19.5%;
}

.head-in-in {
	display: none;
}

.head-sp-menu-btn {
	background: linear-gradient(45deg, #0b47de 0%,#0cbae1 100%);
	box-sizing: border-box;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 36px;
	padding: 8px 7px;
	position: fixed;
	right: 4.5vw;
	top: 7px;
	width: 36px;
	z-index: 9999;
}

.head-sp-menu-btn-in {
	box-sizing: border-box;
	display: block;
	height: 100%;
	padding-bottom: 11px;
	position: relative;
}

.head-sp-menu-btn-in::after {
	box-sizing: border-box;
	bottom: 0;
	color: #fff;
	content: "MENU";
	font-family: "din-2014", sans-serif;
	font-weight: 700;
	font-size: 7px;
	line-height: 1;
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.head-sp-menu-btn.open .head-sp-menu-btn-in::after {
	content: "CLOSE";
}

.head-sp-menu-btn-in-in {
	box-sizing: border-box;
	display: block;
	height: 100%;
	position: relative;
}

.head-sp-menu-btn-in-in-line {
	background: #fff;
	box-sizing: border-box;
	border-radius: 5px;
	display: block;
	left: 0;
	height: 2px;
	position: absolute;
	transition: all .5s;
	-webkit-transition: all .5s;
	width: 100%;
}

.head-sp-menu-btn-in-in-line:first-child {
	top: 0;
}

.head-sp-menu-btn-in-in-line:last-child {
	bottom: 0;
}

.head-sp-menu-btn.open .head-sp-menu-btn-in-in-line:first-child {
	top: -17px;
	transform: translateY(20px) rotate(-45deg);
	-webkit-transform: translateY(20px) rotate(-45deg);
}

.head-sp-menu-btn.open .head-sp-menu-btn-in-in-line:last-child {
	bottom: -16px;
	transform: translateY(-20px) rotate(45deg);
	-webkit-transform: translateY(-20px) rotate(45deg);
}

.head-sp-overlay {
	box-sizing: border-box;
	display: none;
	height: 100vh;
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 9990;
}

.head-sp-overlay.open {
	display: block;
}

.head-sp {
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 4vw 0 rgba(0, 0, 0, 0.6);
	height: 100vh;
	padding: 20.5vw 4vw 0;
	position: fixed;
	right: -75.5vw;
	top: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
	width: 71.5vw;
	z-index: 9991;
}

.head-sp.open {
	right: 0;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
}

.head-sp-menu {
	box-sizing: border-box;
}

.head-sp-menu ul {
	box-sizing: border-box;
}

.head-sp-menu ul li {
	box-sizing: border-box;
	border-color: #ccc !important;
	border-bottom: 1px solid;
}

.head-sp-menu ul li:first-child {
	border-top: 1px solid;
}

.head-sp-menu ul li a {
	box-sizing: border-box;
	color: #000;
	display: block;
	font-size: 4.1vw;
	line-height: 1.5;
	padding: 3.9vw 0;
	position: relative;
	text-decoration: none;
}

.head-sp-menu-icon {
	box-sizing: border-box;
	display: block;
	right: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 3vw;
}

.head-sp-menu-icon::before {
	background: url(images-sp/icon-flow-blue.png) no-repeat;
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 80%;
	position: relative;
	width: 100%;
}

.head-sp-btn-list {
	box-sizing: border-box;
	margin-top: 6vw;
}

.head-sp-btn-list li {
	box-sizing: border-box;
	margin-bottom: 4vw;
}

.head-sp-btn-list li:last-child {
	margin-bottom: 0;
}

.head-sp-btn-list-btn {
	box-sizing: border-box;
	display: block;
	text-align: center;
	text-decoration: none;
}

.head-sp-btn-list-btn-in {
	background: #494949;
	box-sizing: border-box;
	border-radius: 100px;
	color: #fff;
	display: block;
	font-weight: 700;
	font-size: 4.2vw;
	line-height: 1.5;
	padding: 2.75vw;
	position: relative;
}

.head-sp-btn-list li.li-download .head-sp-btn-list-btn-in {
	background: #009fe8;
}

.head-sp-btn-list li.li-contact .head-sp-btn-list-btn-in {
	background: #ef8200;
}

.head-sp-btn-list-btn-in-icon-1 {
	box-sizing: border-box;
	display: block;
	left: 2vw;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 6vw;
}

.head-sp-btn-list-btn-in-icon-1::before {
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 100% !important;
	position: relative;
	width: 100%;
}

.head-sp-btn-list li.li-download .head-sp-btn-list-btn-in-icon-1::before {
	background: url(images/icon-download.png) no-repeat;
}

.head-sp-btn-list li.li-contact .head-sp-btn-list-btn-in-icon-1::before {
	background: url(images/icon-trial.png) no-repeat;
}

.head-sp-btn-list-btn-in-icon-2 {
	box-sizing: border-box;
	display: block;
	position: absolute;
	right: 4vw;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 2.5vw;
}

.head-sp-btn-list-btn-in-icon-2::before {
	background: url(images/icon-flow.png) no-repeat;
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 71.428%;
	position: relative;
	width: 100%;
}

.head-sp-btn-list-btn-in-text {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
}

.head-sp-copyright {
	box-sizing: border-box;
	bottom: 1vw;
	font-size: 3vw;
	position: absolute;
	right: 4.5vw;
}

/*----------------------------------------
TOPページ
----------------------------------------*/

.top-main-title {
	padding-bottom: 5vw;
}

.top-main-title::after {
	height: 0.9vw;
	width: 17vw;
}

.top-main-title-in-in {
	font-size: 6.3vw;
	line-height: 1.458;
	letter-spacing: 0.09vw;
}

/*------------------------------
TOP KV
------------------------------*/

.top-kv {
	background: url(images-sp/top-kv.jpg) no-repeat;
	background-size: 100%;
	height: 189vw;
	margin-top: 50px;
}

.top-kv-btn-list {
	bottom: auto;
	left: 17vw;
	top: 77vw;
	width: 66vw;
}

.top-kv-btn-list li {
	float: none;
	margin: 0 0 3.5vw;
	width: 100%;
}

.top-kv-btn-list li:last-child {
	margin-bottom: 0;
}

.top-kv-btn-list-btn-in {
	border-radius: 100px;
	font-size: 4.7vw;
	padding: 3.5vw;
}

.top-kv-btn-list-btn:hover .top-kv-btn-list-btn-in {
	opacity: 1;
}

.top-kv-btn-list-btn-in-icon-1 {
	left: 3vw;
	width: 8.5vw;
}

.top-kv-btn-list li.li-download .top-kv-btn-list-btn-in-icon-1::before {
	background: url(images/icon-download.png) no-repeat;
}

.top-kv-btn-list li.li-contact .top-kv-btn-list-btn-in-icon-1::before {
	background: url(images/icon-trial.png) no-repeat;
}

.top-kv-btn-list-btn-in-icon-2 {
	right: 4.5vw;
	width: 4vw;
}

.top-kv-btn-list-btn-in-icon-2::before {
	background: url(images/icon-flow.png) no-repeat;
	padding-bottom: 71.428%;
}

/*------------------------------
各リンク
------------------------------*/

.top-link-content .wrapper {
	padding: 11vw 0 13vw;
}

.top-link-content-con {
	margin: 0 1vw;
}

.top-link-content-con section {
	float: none;
	margin: 0 0 6vw;
	width: 100%;
}

.top-link-content-con section:last-child {
	margin-bottom: 0;
}

.top-link-content-con-in {
	padding-bottom: 5vw;
}

.top-link-content-con-in::before {
	height: 10vw;
	width: 10vw;
}

.top-link-content-con-in::after {
	border-right: 0.6vw solid;
	border-bottom: 0.6vw solid;
	bottom: 4vw;
	height: 2.5vw;
	width: 2.5vw;
}

.top-link-content-con-in:hover {
	opacity: 1;
}

.top-link-content-con-in-in {
	border: 1.1vw solid;
	border-radius: 24px;
	padding: 20vw 3vw 7.5vw;
}

.top-link-content-con-in-in::before {
	font-size: 15vw;
	text-shadow: 2px  2px 2px #0c63df,
							-2px  2px 2px #0c63df,
							 2px -2px 2px #0c63df,
							-2px -2px 2px #0c63df,
							 2px  0px 2px #0c63df,
							 0px  2px 2px #0c63df,
							-2px  0px 2px #0c63df,
							 0px -2px 2px #0c63df;	  
	top: 3vw;
}

.top-link-content-con-in-in-title-in-in {
	font-size: 6.3vw;
	letter-spacing: 0.07vw;
}

.top-link-content-con-in-in-text {
	font-size: 4.25vw;
	letter-spacing: 0.04vw;
	margin-top: 2vw;
}

/*------------------------------
こんなお悩みありませんか？
------------------------------*/

.top-worries-content .wrapper {
	padding-top: 12vw;
}

.top-worries-content-title-in-in {
	font-size: 6.3vw;
	letter-spacing: 0.1vw;
	padding: 0 3.5vw;
}

.top-worries-content-title-in-in::before,
.top-worries-content-title-in-in::after {
	border-right: 0.6vw solid;
}

.top-worries-content-con {
	margin: 6.5vw 1.5vw 0;
}

.top-worries-content-con section {
	float: none;
	margin: 0;
	padding-top: 38vw;
	width: 100%;
}

.top-worries-content-con-bg::before {
	background: url(images-sp/top-worries-comment-bg.png) no-repeat;
	padding-bottom: 189.94%;
}

.top-worries-content-con-title {
	top: 4vw;
}

.top-worries-content-con-title-in-in {
	font-size: 5.4vw;
}

.top-worries-content-con-text {
	font-size: 4vw;
	letter-spacing: 0.3vw;
	top: 16vw;
	width: 90%;
}

.top-worries-content-con-img {
	margin-left: 24vw;
	width: 35vw;
}

.top-worries-content-con-img img {
	height: auto;
	margin: 0 auto;
	width: 100%;
}

/*------------------------------
こんなお悩みありませんか？
------------------------------*/

.top-reason-content {
	box-sizing: border-box;
	position: relative;
}

.top-reason-content::before {
	clip-path: polygon(0 11%, 100% 0, 100% 100%, 0 86%);
	height: 435vw;
	top: 93.8vw;
}

.top-reason-content .wrapper {
	padding: 6.5vw 0 7vw;
}

.top-reason-content-title {
	padding-bottom: 5vw;
}

.top-reason-content-title::after {
	height: 0.9vw;
	width: 17vw;
}

.top-reason-content-title-in-in {
	font-size: 6.3vw;
	letter-spacing: 0.1vw;
}

.top-reason-content-title-in-in-img {
	margin: 0 1.5vw;
	top: 2vw;
	width: 60vw;
}

.top-reason-content-title-in-in-img::before {
	background: url(images/logo-3.png) no-repeat;
	padding-bottom: 20%;
}

.top-reason-content-con {
	margin: 7.5vw 1.5vw 0;
}

.top-reason-content-con section {
	margin-bottom: 12vw;
}

.top-reason-content-con-title-in-in {
	font-size: 7.1vw;
	line-height: 1.286;
	letter-spacing: 0.5vw;
	padding: 18vw 0 0 0;
}

.top-reason-content-con-title-in-in::before {
	border-bottom: 0.6vw solid;
	font-size: 12vw;
	padding: 0 2.25vw 2.5vw;
}

.top-reason-content-con-img {
	float: none;
	margin: 6vw 0 0;
	width: 100%;
}

.top-reason-content-con section:nth-child(2n) .top-reason-content-con-img {
	float: none;
	margin: 6vw 0 0;
}

.top-reason-content-con-in {
	float: none;
	margin-top: 6vw;
	width: 100%;
}

.top-reason-content-con section:nth-child(2n) .top-reason-content-con-in {
	float: none;
	width: 100%;
}

.top-reason-content-con-in-title-in-in {
	font-size: 5.3vw;
	letter-spacing: 0.07vw;
}

.top-reason-content-con-in-text {
	font-size: 3.7vw;
	line-height: 1.714;
	letter-spacing: 0.045vw;
	margin-top: 4.25vw;
}

.top-reason-content-con-in-text p {
	margin-bottom: 5vw;
}

.top-reason-content-con-in-text .mini {
	font-size: 3.2vw;
}

/*------------------------------
こんなお悩みありませんか？
------------------------------*/

.top-achievements-content .wrapper {
	padding: 12vw 0 18vw;
	width: 95%;
}

.top-achievements-content-tab-list {
	margin: 9vw 1.75vw -2.5%;
}

.top-achievements-content-tab-list li {
	float: left;
	margin: 0 2.5% 2.5% 0;
	width: 48.75%;
}

.top-achievements-content-tab-list li:nth-child(4n) {
	margin-right: 2.5%;
}

.top-achievements-content-tab-list li:nth-child(2n),
.top-achievements-content-tab-list li:last-child {
	margin-right: 0;
}

.top-achievements-content-tab-list-tab-in {
	border-radius: 8px;
	font-size: 4vw;
	height: 12.5vw;
}

.top-achievements-content-con {
	margin-top: 6vw;
}

.top-achievements-content-con-title {
	margin-left: 1.5vw;
}

.top-achievements-content-con-title-in-in {
	border-left: 1.2vw solid;
	font-size: 5.3vw;
	letter-spacing: 0.07vw;
	padding: 2.3vw 0;
	padding-left: 3.5vw;
}

.top-achievements-content-con-sp {
	box-sizing: border-box;
	overflow-x: scroll;
}

.top-achievements-content-con-con {
	margin: 4vw 0 0;
	overflow: visible;
	white-space: nowrap;
	width: 250%;
}

.top-achievements-content-con .top-achievements-content-con-con section {
	float: left;
	margin: 0 1.1% 0 0;
	padding: 1vw;
	width: 32.5%;
}

.top-achievements-content-con .top-achievements-content-con-con section:nth-child(3n),
.top-achievements-content-con .top-achievements-content-con-con section:last-child {
	margin-right: 0;
}

.top-achievements-content-con-con-in {
	box-shadow: 0 0 1vw 0 rgba(0,0,0,0.6);
	border-radius: 24px;
	padding: 5vw;
	white-space: collapse;
}

.top-achievements-content-con-con-in-info-img {
	float: left;
	height: 14vw;
	width: 14vw;
}

.top-achievements-content-con-con-in-info-in {
	float: right;
	width: calc(100% - 16vw);
}

.top-achievements-content-con-con-in-info-in-title-sub-in-in {
	font-size: 3.2vw;
	letter-spacing: 0.03vw;
}

.top-achievements-content-con-con-in-info-in-title-main-in-in {
	font-size: 4.3vw;
	letter-spacing: 0.05vw;
}

.top-achievements-content-con-con-in-in {
	border-top: 1px solid;
	margin-top: 3.5vw;
	padding-top: 3.5vw;
}

.top-achievements-content-con-con-in-in-text {
	font-size: 3.7vw;
	line-height: 1.429;
	letter-spacing: 0.045vw;
}

.top-achievements-content-con-con-in-in-text p {
	margin-bottom: 5vw;
}

.top-achievements-content-main-title {
	margin: 18vw 1.5vw 0;
	padding-bottom: 3vw;
}

.top-achievements-content-main-title::after {
	border-width: 3vw 2vw 0;
}

.top-achievements-content-main-title-in {
	border-radius: 100px;
	padding: 2.5vw 0;
}

.top-achievements-content-main-title-in-icon {
	display: none;
	width: 10.5vw;
}

/*
.top-achievements-content-main-title-in-icon::before {
	background: url(images/icon-brackets.png) no-repeat;
	padding-bottom: 84.761%;
}

.top-achievements-content-main-title-in-icon.before {
	left: 0.5vw;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.top-achievements-content-main-title-in-icon.after {
	bottom: auto;
	right: 0.5vw;
	top: 50%;
	transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
}
*/

.top-achievements-content-main-title-in-in {
	font-size: 4.6vw;
	letter-spacing: 0.08vw;
	position: relative;
	z-index: 2;
}

.top-achievements-content-main-title-in-in-img {
	margin: 1vw 1vw 0 0;
	width: 33vw;
}

.top-achievements-content-main-title-in-in-img::before {
	background: url(images/logo-2.png) no-repeat;
	padding-bottom: 23%;
}

.top-achievements-content-main-title-in-in .text {
	top: -1vw;
}

.top-achievements-content-main-title-in-in .big {
	font-size: 3.2vw;
}

.top-achievements-content-info-tb {
	margin: 6vw 0 0 2.5%;
	width: 107.5%;
}

.top-achievements-content-info-tb table {
	width: 210%;
}

.top-achievements-content-info-tb table th {
	border: 0.6vw solid;
	font-size: 4vw;
	padding: 6.3vw 2vw;
}

.top-achievements-content-info-tb table th.th-none {
	width: 16%;
}

.top-achievements-content-info-tb table th.th-1 {
	letter-spacing: 0.16vw;
	padding: 2.5vw 0 0;
	width: 28%;
}

.top-achievements-content-info-tb table th.th-1::before {
	height: calc(100% - 2.9vw);
}

.top-achievements-content-info-tb table th.th-crm {
	border: 1vw solid;
	padding: 4.5vw 0;
}

.top-achievements-content-info-tb-th-img {
	width: 40vw;
}

.top-achievements-content-info-tb-th-img::before {
	background:  url(images/logo-4.png) no-repeat;
	padding-bottom: 24.691%;
}

.top-achievements-content-info-tb table td {
	border: 0.6vw solid;
	font-size: 3.25vw;
}

.top-achievements-content-info-tb table td .text {
	font-size: 5vw;
}

.top-achievements-content-info-tb table td.td-crm {
	border-top: 0.6vw solid #fff !important;
	border-right: 1.2vw solid #ef8200 !important;
	border-bottom: 0.6vw solid #fff !important;
	border-left: 1.2vw solid #ef8200 !important;
}

.top-achievements-content-info-tb table tr:last-child td.td-crm {
	border-bottom: 1.2vw solid #ef8200 !important;
}

.top-achievements-content-info-tb table td.td-crm .text {
	font-size: 5vw;
}

/*------------------------------
導入フロー
------------------------------*/

.top-flow-content {
	background: url(images-sp/top-flow-bg.png) no-repeat;
	background-size: cover;
}

.top-flow-content .wrapper {
	padding: 11.5vw 0 17vw;
}

.top-flow-content-main-title {
	margin-top: 6.5vw;
	padding-bottom: 3vw;
}

.top-flow-content-main-title::after {
	border-width: 3vw 2vw 0;
}

.top-flow-content-main-title-in {
	border-radius: 100px;
	padding: 2.5vw;
}

.top-flow-content-main-title-in-in {
	font-size: 4.5vw;
	letter-spacing: 0.08vw;
}

.top-flow-content-main-title-in-in .big {
	font-size: 5.5vw;
}

.top-flow-content-con {
	margin: 5.75vw 1.5vw 0;
}

.top-flow-content-con section {
	float: none;
	margin: 0 0 13vw;
	padding-top: 7.25vw;
	width: 100%;
}

.top-flow-content-con section::after {
	border-width: 5vw 5vw 0;
	bottom: -9vw;
	left: 0;
	margin: 0 auto;
	right: 0;
	top: auto;
	transform: rotate(0);
	-webkit-transform: rotate(0);
}

.top-flow-content-con section:last-child {
	margin-bottom: 0;
}

.top-flow-content-con-step {
	height: 16.5vw;
	width: 16.5vw;
}

.top-flow-content-con-step-in-text {
	font-size: 4vw;
	padding-bottom: 7vw;
}

.top-flow-content-con-step-in-text::after {
	font-size: 7vw;
}

.top-flow-content-con-in {
	border: 0.9vw solid;
	border-radius: 24px;
	padding: 10vw 4.5vw 6vw;
}

.top-flow-content-con-in-title-in-in {
	font-size: 5.3vw;
	letter-spacing: 0.04vw;
}

.top-flow-content-con-in-img {
	margin: 3.5vw auto 0;
	width: 46vw;
}

/*
.top-flow-content-con section.sec-service .top-flow-content-con-in-img {
	margin-top: 3.5vw;
	width: 37vw;
}

.top-flow-content-con section.sec-support .top-flow-content-con-in-img {
	margin-top: 3.5vw;
	width: 35vw;
}
*/

.top-flow-content-con-in-img img {
	height: auto;
	margin: 0;
	width: 100%;
}

.top-flow-content-con-in-list {
	margin-top: 3.5vw;
}

.top-flow-content-con-in-list li {
	font-size: 3.7vw;
	margin-bottom: 1.25vw;
	padding-left: 3.75vw;
}

.top-flow-content-con-in-list li::before {
	height: 2vw;
	top: 1.5vw;
	width: 2vw;
}

/*------------------------------
よくあるご質問
------------------------------*/

.top-qa-content .wrapper {
	padding: 12vw 0 8.5vw;
}

.top-qa-content-con {
	margin: 7vw 2vw 0;
}

.top-qa-content-con-dl {
	border-radius: 16px;
	margin-bottom: 4.5vw;
	padding: 3vw 3vw;
}

.top-qa-content-con-dl-dt-in-in {
	font-size: 4.2vw;
	letter-spacing: 0.04vw;
	padding: 0 8.5vw;
}

.top-qa-content-con-dl-dt-in-in::before {
	font-size: 4vw;
	line-height: 6.5vw;
	height: 6.5vw;
	width: 6.5vw;
}

.top-qa-content-con-dl-dt-in-in::after {
	font-size: 4vw;
}

.top-qa-content-con-dl dd {
	border-top: 1px dashed;
	font-size: 3.4vw;
	line-height: 1.429;
	letter-spacing: 0.04vw;
	margin-top: 2.5vw;
	padding-top: 4vw;
}

.top-qa-content-con-dl dd p {
	margin-bottom: 5vw;
}

/*----------------------------------------
個別ページ
----------------------------------------*/

/*------------------------------
固定サイド
------------------------------*/

.fixed-btn-list {
	display: none;
}

/*------------------------------
共通お問い合わせ
------------------------------*/

.contact-parts-content {
	background: url(images-sp/contact-bg.jpg) no-repeat;
	background-size: cover;
	height: 131vw;
}

.contact-parts-content .wrapper {
	padding: 24vw 0;
}

.contact-parts-content-title-in-in {
	font-size: 5.5vw;
	line-height: 1.45;
	letter-spacing: 0.1vw;
}

.contact-parts-content-btn-list {
	margin: 8vw 6.5vw 0;
}

.contact-parts-content-btn-list li {
	float: none;
	margin: 0 0 6vw;
	width: 100%;
}

.contact-parts-content-btn-list li:last-child {
	margin-bottom: 0;
}

.contact-parts-content-btn-list-btn {
	padding-top: 2vw;
	padding-bottom: 2.5vw;
}

.contact-parts-content-btn-list-btn:hover {
	margin-top: 2.5vw;
	opacity: 1;
	padding-bottom: 0;
}

.contact-parts-content-btn-list-btn-title-in-in {
	border-radius: 5px;
	font-size: 3vw;
	padding: 0.5vw 2.5vw;
}

.contact-parts-content-btn-list-btn-in {
	border-radius: 100px;
	font-size: 5.1vw;
	padding: 4.5vw;
}

.contact-parts-content-btn-list-btn-in-icon-1 {
	left: 3vw;
	top: 6vw;
	width: 10vw;
}

.contact-parts-content-btn-list li.li-materials .contact-parts-content-btn-list-btn-in-icon-1::before {
	background: url(images/icon-download.png) no-repeat;
}

.contact-parts-content-btn-list li.li-contact .contact-parts-content-btn-list-btn-in-icon-1::before {
	background: url(images/icon-trial.png) no-repeat;
}

.contact-parts-content-btn-list-btn-in-icon-2 {
	right: 6vw;
	top: 8.75vw;
	width: 3.5vw;
}

.contact-parts-content-btn-list-btn-in-icon-2::before {
	background: url(images/icon-flow.png) no-repeat;
	padding-bottom: 71.428%;
}

/*----------------------------------------
404ページ
----------------------------------------*/

/*----------------------------------------
sidebar
----------------------------------------*/

/*----------------------------------------
footer
----------------------------------------*/

footer {
	margin-bottom: 10vw;
}

.foot-in .wrapper {
	padding-top: 8.5vw;
}

.foot-in-in {
	float: none;
	margin: 0 auto;
	width: 97%;
}

.foot-in-in-logo {
	margin-left: 1vw;
	width: 38vw;
}

.foot-in-in-text {
	font-size: 3.7vw;
	margin: 11vw 0 0 0;
}

.foot-in-in-text p {
	margin-bottom: 7vw;
}

.foot-in-in-sns-list {
	margin-top: 28vw;
}

.foot-in-in-sns-list li {
	float: left;
	margin-right: 5vw;
}

.foot-in-in-sns-list-btn {
	height: 7vw;
	width: 7vw;
}

.foot-in-in-sns-list-btn::before {
	font-size: 3vw;
}

.foot-in-in-sns-list-btn:hover {
	opacity: 1;
}

.foot-in-menu {
	float: none;
	margin: 1vw auto 0;
	width: 96%;
}

.foot-in-menu section {
	float: none;
	margin: 0 0 7.5vw;
	width: 100%;
}

.foot-in-menu section:last-child {
	margin-bottom: 0;
}

.foot-in-menu-list + .foot-in-menu-title {
	margin-top: 9vw;
}

.foot-in-menu-title-in-in {
	font-size: 4vw;
	letter-spacing: 0.14vw;
}

.foot-in-menu-list {
	margin: 0.5vw 0 0 4.5vw;
}

.foot-in-menu-list li {
	font-size: 3.5vw;
	margin-bottom: 1.25vw;
	padding-left: 2vw;
}

.foot-in-menu-list li::before {
	height: 1px;
	top: 2.5vw;
	width: 1vw;
}

.foot-copyright .wrapper {
	padding: 13.5vw 0 3vw;
}

.foot-copyright-text {
	font-size: 3vw;
}

/*----------------------------------------
スマホ用相談ボタン
----------------------------------------*/

.fixed-foot-contact-btn {
	box-sizing: border-box;
	bottom: -10.5vw;
	display: block;
	line-height: 0;
	left: 0;
	position: fixed;
	text-align: center;
	text-decoration: none;
	transition: all .4s;
	-webkit-transition: all .4s;
	width: 100%;
	z-index: 9988;
}

.fixed-foot-contact-btn.fixed {
	bottom: 0;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.fixed-foot-contact-btn-in {
	background: #ef8200;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-weight: 700;
	font-size: 4vw;
	line-height: 1.5;
	padding: 2.5vw;
}

.fixed-foot-contact-btn-in-icon-1 {
	box-sizing: border-box;
	display: block;
	left: 5vw;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 7vw;
}

.fixed-foot-contact-btn-in-icon-1::before {
	background: url(images/icon-trial.png) no-repeat;
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 100%;
	position: relative;
	width: 100%;
}

.fixed-foot-contact-btn-in-icon-2 {
	box-sizing: border-box;
	display: block;
	position: absolute;
	right: 5vw;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 5vw;
}

.fixed-foot-contact-btn-in-icon-2::before {
	background: url(images/icon-flow.png) no-repeat;
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 71.428%;
	position: relative;
	width: 100%;
}

.fixed-foot-contact-btn-in-text {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
}

.fixed-sp-foot-contact-btn-list {
	box-sizing: border-box;
	bottom: -11vw;
	display: block;
	line-height: 0;
	left: 0;
	position: fixed;
	text-align: center;
	text-decoration: none;
	transition: all .4s;
	-webkit-transition: all .4s;
	width: 100%;
	z-index: 9988;
}

.fixed-sp-foot-contact-btn-list.fixed {
	bottom: 0;
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.fixed-sp-foot-contact-btn-list li {
	box-sizing: border-box;
	float: left;
	width: 50%;
}

.fixed-sp-foot-contact-btn-list-btn {
	box-sizing: border-box;
	display: block;
	line-height: 0;
	text-align: center;
	text-decoration: none;
}

.fixed-sp-foot-contact-btn-list-btn-in {
	background: #494949;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-weight: 700;
	font-size: 3.5vw;
	line-height: 1.5;
	padding: 2.5vw;
	position: relative;
}

.fixed-sp-foot-contact-btn-list li.li-materials .fixed-sp-foot-contact-btn-list-btn-in {
	background: #009fe8;
}

.fixed-sp-foot-contact-btn-list li.li-contact .fixed-sp-foot-contact-btn-list-btn-in {
	background: #ef8200;
}

.fixed-sp-foot-contact-btn-list-btn-in-icon-1 {
	box-sizing: border-box;
	display: block;
	left: 2.5vw;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 6vw;
}

.fixed-sp-foot-contact-btn-list-btn-in-icon-1::before {
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 100% !important;
	position: relative;
	width: 100%;
}

.fixed-sp-foot-contact-btn-list li.li-materials .fixed-sp-foot-contact-btn-list-btn-in-icon-1::before {
	background: url(images/icon-download.png) no-repeat;
}

.fixed-sp-foot-contact-btn-list li.li-contact .fixed-sp-foot-contact-btn-list-btn-in-icon-1::before {
	background: url(images/icon-trial.png) no-repeat;
}

.fixed-sp-foot-contact-btn-list-btn-in-icon-2 {
	box-sizing: border-box;
	display: block;
	position: absolute;
	right: 2.5vw;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 4vw;
}

.fixed-sp-foot-contact-btn-list-btn-in-icon-2::before {
	background: url(images/icon-flow.png) no-repeat;
	background-size: 100% !important;
	box-sizing: border-box;
	content: "";
	display: block;
	height: 0;
	padding-bottom: 71.428%;
	position: relative;
	width: 100%;
}

.fixed-sp-foot-contact-btn-list-btn-in-text {
	box-sizing: border-box;
	display: inline-block;
	position: relative;
}