@font-face {
	font-family: SourceHanSans;
	src: url(/css/font/SourceHanSans-VF.otf.ttc);
}
@media (max-width:1024px){
	body{
		font-size:12px !important;
		line-height:24px !important;
	}
	.headplan, .headpanel>.headtool, .helpicon, .loginuser, .returnicon{
		display:none !important;
	}
	.supporticon{
		right:calc((16vw - 48px) / 2) !important;
		top:calc((16vw - 48px) / 2) !important;
	}
	.menupanel{
		position:fixed !important;
		height:100% !important;
		width:100vw !important;
		top:16vw !important;
		background-color:#ffffff !important;
		#box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 21px 0px, rgba(255, 255, 255, 0.8) -6px -2px 21px 0px;
		padding:0px 0px 80px 0px !important;
		left:-100vw;
	}
	.menubottomempty{
		display:block !important;
	}
	.headmenuicon{
		display:block !important;
		left:calc((16vw - 30px) / 2 + 2vw) !important;
		top:calc((16vw - 30px) / 2) !important;
	}
	.contentpanel{
		height: calc(100vh - 16vw) !important;
		width:100vw !important;
		#padding-left:0px !important;
		padding:0vw 0vw 150px 0vw !important;
		#padding-top:16vw !important;
		#padding-bottom:150px !important;
		left:0px !important;
		top:16vw !important;
	}
	.menulist{
		#font-size:18px;
		line-height:24px;
	}
	.menuitem{
		#font-size:18px !important;
		line-height:24px !important;
	}
	.planbox{
		font-size:20px;
		line-height:24px;
	}
	.planboxtitle{
		margin-top:16px !important;
		#margin-left:21px;
		#margin-right:21px;
		padding-bottom:10px !important;
		margin-bottom:10px !important;
	}
	.planboxpoint{
		#margin-top:10px !important;
	}
	.contentpanel h2{
		font-size:24px !important;
		line-height:24px !important;

		#margin-top:10vw !important;
	}
	.contentpanel h3{
		font-size:18px !important;
		line-height:24px !important;
	}
	.contentpanel h4{
		font-size:18px !important;
		line-height:24px !important;
	}
	.footer{
		width:calc(100% - 20px) !important;
		background-color:#ffa9bd;
		padding:30px 10px 10px 10px;
		height:unset !important;
	}
	/*
	.fixpage{
		display:block;
	}
	.fixpage>*{
		display:block !important;
		line-height:40px;
		text-align:left;
		color:#ffffff;
	}
	.fixpage>:not(:last-child):after{
		content:'' !important;
	}
	*/
	.footerline{
		width:100% !important;
		border-bottom:1px solid #ffffff !important;
	}
	.footercopyright{
		position:relative !important;
		background-color:#ffa9bd;
		width:100%;
		color:#ffffff;
		font-size:12px !important;
	}
	.menulogo{
		width:35vw !important;
		height:16vw !important;
		margin:0 auto !important;
		margin-top:4vw !important;
	}
	
	.headpanel{
		height:16vw !important;
	}
	.menulist{
		width:calc(100vw - 90px) !important;
		margin-left:45px !important;
		margin-right:45px !important;
	}
	.category, .menutool, .footeritem{
		width:calc(100vw - 90px) !important;
	}
	.category{
		height:13vw !important;
	}
	.category>i{
		line-height:10vw !important;
	}
	.mobileplanbox{
		display:block !important;
		height:200px;
		margin-top:0px;
		padding-top:20px;
		margin-bottom:20px;
		background-color:#f5f6f7;
	}
	.loginuserheadicon{
		height:100px !important;
		width:100px !important;
		border-radius:50px !important;
		margin-left:30px !important;
		position:relative !important;
		top:inherit !important;
		left:inherit !important;
	}
	.loginusertitle{
		position:absolute !important;
		top:20px !important;
		left: 40vw !important;
		margin-top:0px !important;
	}
	.loginuserid{
		position:absolute !important;
		top:20px !important;
		left: 65vw !important;
		margin-top:0px !important;
	}
	.loginuserplan{
		position:absolute !important;
		top:50px !important;
		left: 40vw !important;
		margin-top:0px !important;
	}
	.headtool{
		position:absolute !important;
		top:90px !important;
		left: 40vw !important;
		margin-top:0px !important;
	}
	.mobilemypage{
		position:absolute !important;
		top: 140px !important;
		left: 10vw !important;
		border-radius:20px !important;
		background-color:#ffffff;
		width:35vw !important;
	}	
	.logouticon{
		position:absolute !important;
		top: 140px !important;
		left: 50vw !important;
		border-radius:20px !important;
		background-color:#ffffff;
		width:35vw !important;

	}
	.menuseperator{
		width:85vw !important;
		margin:0 auto !important;	
	}
}
body{
	#color:#ccccd6;
	color:#010133;
	background-color:#ffffff;
	#font-family:Montserrat;
	font-size:21px;
	line-height:20px;
	padding:0px;
	margin:0px;
	#font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,'ＭＳ Ｐゴシック',Helvetica,sans-serif;
	#font-family:'Noto Sans JP', sans-serif;
	font-family:SourceHanSans;
	#overflow:hidden;
	font-weight:normal;
}
body *{
	box-sizing: border-box;
	font-family:SourceHanSans;
}
input, textarea, select{
	#font-family:'Noto Sans JP', sans-serif;
	font-family:SourceHanSans;
}
#mainpage{
	display:flex;
	width:100vw;
	height:100vh;
}
.menupanel{
	position:fixed;
	vertical-align:top;
	width:240px;
	height:calc(100vh - 80px);
	top:80px;
	padding:15px;
	z-index:10;
	background-color:#ffffff;
	overflow-y:scroll;
	scrollbar-gutter: stable both-edges;
	font-size:13px;
}
	
.menupanel::-webkit-scrollbar{
	display: none;
}
.menubottomempty{
	height:30px;
	display:none;
}
.contentpanel{
	#display:inline-block;
	position:fixed;
	vertical-align:top;
	width:calc(100vw - 240px);
	height:calc(100vh - 80px);
	top:80px;
	left:240px;
	padding:30px;
	#margin:0px;
	#padding-left:40px;
	#padding-top:80px;
	#border:1px solid #000000;
	z-index:0;
	#background-color:#f7f7f7;
	background-color:#f5f6f7;
	overflow:auto;
	#min-height:calc(100vh - 80px);
	#max-height:max-content;
}
.contentpanel h2{
	/*
	font-size:26px;
	color:#ffa9bd;
	text-transform: uppercase;
	position:relative;
	*/
	font-size:36px;
	color:#000000;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:48px;

}
#.contentpanel h2:before{
	content:'';
	position: absolute;
	width: 5px;
	height: 5px;
	left: -15px;
	top: 7px;

	/* main */

	background: #FFA9BD;
}
.contentpanel h3{
	/*
	font-size: 22px;
	font-weight:700;
	line-height: 24px;
	text-transform: uppercase;
	color: #010133;
	*/
	#font-size:21px;
	font-size:18px;
	line-height:30px;
	margin-top:40px;
	#margin-bottom:20px;

	font-weight:700;
	border-left:5px solid #dd587b;
	padding-left:15px;
	display:block;
}
.contentpanel h4{
	font-size:21px;
	#height:20px;
	line-height:20px;
	font-weight:700;
	margin-top:20px;
	border-left:2px solid #ffa9bd;
	padding-left:10px;
	margin-bottom:10px;

}
.contentpanel h5{
	font-size:18px;
	line-height:20px;
	font-weight:700;
	margin-top:20px;
	padding-left:10px;
	margin-bottom:10px;

}

.footer{
	position:relative;
	bottom:0px;
	height:82px;
	width:90%;
	#font-size:14px;
	font-size:16px;
	#line-height:14px;
	line-height:16px;
	color:#010133;
	text-align:center;
	margin-top:40px;
}
.fixpage{
	margin-top:25px;
	margin-bottom:80px;
}
.fixpage>*{
	display:block;
}
/*
.fixpage>:not(:last-child):after{
	content:'|';
	padding-left:5px;
	padding-right:5px;
}
*/
.footerline{
	height:2px;
	margin-top:10px;
	margin-bottom:10px;
	border-bottom:1px solid #d2d2da;
	width:80%;
}
.footeritem{
	cursor:pointer;
	width:210px;
	height:35px;
	line-height:35px;
	margin:0 auto;
	#margin-bottom:10px;
	position:relative;
	cursor:pointer;
	border-radius:8px;
	padding-left:10px;
}
.footeritem:hover, .footeritem[isactive='1']{
	background-color:#f5f6f7;
	color:#dd587b;
}
.footercopyright{
	position:fixed;
	bottom:0px;
	left:25px;
	background-color:#ffffff;
	width:185px;
	height:50px;
	line-height:25px;
	color:#808080;
	#padding-bottom:10px;
	display:none;
}
.headpanel{
	display:block;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:80px;
	border-bottom:1px solid #f0f0f0;
	z-index:5;
	background-color:#ffffff;
}
.headmenuicon{
	display:none;
	position:absolute;
	width:30px;
	height:30px;
	line-height:20px;
	text-align:center;
	top:25px;
	left:30px;
	cursor:pointer;
	background-image: url(../images/buger.svg);
	background-size:20px 20px;
	background-repeat:no-repeat;
	background-position-y:5px;
}
.returnicon{
	position:absolute;
	width:32px;
	height:32px;
	line-height:20px;
	text-align:center;
	top:21px;
	right:306px;
	cursor:pointer;
	background-image: url(../images/icon_switchmode.svg);
	background-size:cover;
}
.returnicon>div{
	width:32px;
	height:32px;
}
.returnicon[hasswitch='1']{
	display:block;
}
.returnicon[hasswitch='0']{
	display:none;
}
.switchicon{
	position:absolute;
	width:180px;
	height:32px;
	line-height:20px;
	text-align:center;
	top:21px;
	right:116px;
	cursor:pointer;
	#background-image: url(../images/icon_switchmode.svg);
	#background-size:cover;
}
.switchicon input[type=checkbox]{
	height: 0;
	width: 0;
	display: none;
}

.switchicon label {
	cursor: pointer;
	width: 180px;
	height: 32px;
	background: #cccccc;
	display: block;
	border-radius: 16px;
	position: relative;
}

.switchicon label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 26px;
	height: 26px;
	background: #fff;
	border-radius: 13px;
	transition: 0.3s;
}
.switch-txt::before,
.switch-txt::after {
	display: block;
	color: #fff;
	font-weight: bold;
	font-size:14px;
	box-sizing: border-box;
	line-height:32px;
}
.switch-txt:before {
	content: attr(turnOn);
	color: #fff;
}
.switch-txt:after {
	content: attr(turnOff);
	color: #666;
}
.switch-txt[checkvalue='1']:before {
	display:block;
}
.switch-txt[checkvalue='1']:after {
	display:none;
}
.switch-txt[checkvalue='0']:before {
	display:none;
}
.switch-txt[checkvalue='0']:after {
	display:block;
}

.switchicon input:checked + label {
	background: #ffa9bd;;
}

.switchicon label:active:after {
	width: 130px;
}
.switchicon input:checked + label:after {
	left: calc(100% - 3px);
	transform: translateX(-100%);
}
.switchicon[hasswitch='1']{
	display:block;
}
.switchicon[hasswitch='0']{
	display:none;
}
/*
.logouticon{
	position:absolute;
	width:32px;
	height:32px;
	line-height:20px;
	text-align:center;
	top:21px;
	right:421px;
	cursor:pointer;
	background-image: url(../images/icon_logout.svg);
	background-size:cover;
}
.logouticon>div{
	width:32px;
	height:32px;
}
*/
.helpicon{
	position:absolute;
	width:48px;
	height:48px;
	line-height:20px;
	text-align:center;
	top:16px;
	right:84px;
	cursor:pointer;
	background-image: url(../images/ico_help.svg);
	background-size:24px 24px;
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}
.helpicon:hover{

	background-color:#f5f6f7;
	border-radius:24px;
}
.helpicon>div{
	width:32px;
	height:32px;
}
.helpicon[showbanner='1']{
	background-color:#f5f6f7;
	border-radius:24px;
}

.supporticon{
	position:absolute;
	width:48px;
	height:48px;
	line-height:20px;
	text-align:center;
	top:16px;
	#right:142px;
	right:84px;
	cursor:pointer;
	background-image: url(../images/ico_contact.svg);
	background-size:24px 24px;
	background-repeat:no-repeat;
	background-position:center;
}
.supporticon:hover{

	background-color:#f5f6f7;
	border-radius:24px;
}
.supporticon>div{
	width:32px;
	height:32px;
}
.supporticon[showbanner='1']{
	background-color:#f5f6f7;
	border-radius:24px;
}


.loginuser{
	position:absolute;
	width:38px;
	height:38px;
	line-height:32px;
	font-size:16px;
	border-radius:24px;
	background-color:#ffa9bd;
	color:#ffffff;
	text-align:center;
	top:21px;
	right:26px;
	cursor:pointer;
	font-weight:700;
	background-size:cover;
	background-repeat:no-repeat;
}
.loginuser>div{
	width:32px;
	height:32px;
}
.menulogo{
	width:160px;
	height:33px;
	background-image:url(../images/chaakologo.svg);
	background-size:contain;
	#margin:0 auto;
	margin-top:24px;
	margin-left:25px;
	cursor:pointer;
	background-repeat:no-repeat;
}
.headplan{
	position:absolute;
	top:25px;
	left:215px;
	height:30px;
	width:70px;

	border-color: #dd587b;
	border-width: 1px;
	border-style: solid;
	border-radius: 6px;
	
	text-align:center;
	font-size:12px;
	font-weight:400;
	line-height:30px;

	color: #dd587b;
}
.headtool{
	display:none;
	position:absolute;
	top:30px;
	left:315px;
	height:26px;
	width:160px;
}
.freetooltime{
	position:absolute;
	width:100px;
	height:13px;
	font-size:11px;
	line-height:13px;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	color:#000000;
}
.limittag{
	position:absolute;
	margin-top:0px;
	margin-left:100px;
	width:50px;
	height:13px;
	font-size:11px;
	line-height:13px;
	text-align:right;
	color:#000000;
}
.headtool[hasswitch='0']{
	display:block;
}
.headtoolbottom{
	position:absolute;
	width:160px;
	height:2px;
	top:24px;
	left:0px;
	background-color:#e0e0e0;
}
.headtooltime{
	position:absolute;
	#width:160px;
	height:2px;
	top:24px;
	left:0px;
	background-color:#dd587b;
}
.planbox{
	display:none;

	width:280px;
	border:1px solid #ffa9bd;
	border-radius:5px;
	text-align:center;
	margin:0 auto;
	margin-top:30px;
}
.planboxtitle{
	margin-top:24px;
	margin-left:21px;
	margin-right:21px;
	padding-bottom:20px;
	margin-bottom:20px;
	color:#ffa9bd;
	border-bottom:1px solid rgba(255,169,189, 0.15);
	font-weight:700;
}
.planboxid{
	margin-top:20px;
	font-size:16px;
	font-weight:normal;
}
.planboxpoint{
	margin-top:24px;
}
.planboxpoint>*{
	display:inline-block;
	vertical-align:top;
}
.diamond{
	width:20px;
	height:20px;
	cursor:pointer;
	background-image: url(../images/icon_diamond.svg);
	background-size:cover;
}
.planboxtext{
	color:#ffa9bd;
	margin-left:10px;
	height:20px;
	line-height:20px;
}
.upgradebutton{
	margin:0 auto;
	margin-top:20px;
	margin-bottom:24px;
	width:200px;
	height:40px;	
	color:#ffffff;
	background-color:#ffa9bd;
	text-align:center;
	font-size:20px;
	line-height:40px;
	cursor:pointer;
}
/*
.togglemenumode{
	background-color: #ffa9bd;
	color: #ffffff;
	font-size: 20px;
	margin:0 auto;
	margin-top: 30px;
	width: 250px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	font-weight: normal;
}
*/
.mobileplanbox{
	display:none;
}
.menulist{
	##color:#ccccd6;
	color:#000000;
	#width:230px;
	width:210px;
	margin:0 auto;
	#margin-top:30px;
}
.category{
	width:210px;
	height:50px;
	line-height:24px;
	margin:0 auto;
	#margin-bottom:10px;
	position:relative;
	cursor:pointer;
	border-radius:8px;
	#font-weight:700;
	font-size:14px;
}
.category:hover, .category[isactive='1']{
	background-color:#f5f6f7;
	color:#dd587b;
}
.category:hover>i{
	color:#dd587b;
}
.category>i{
	font-size:24px;
	line-height:44px;
	margin-left:10px;
	//font-weight:normal;
	color:#333333;
}
.category>div:not(:last-child){
	display:inline-block;
}
.category>div:nth-child(1){
	width:24px;
	height:44px;
	margin-left:10px;
	background-position:center;
	background-size:24px 24px;
	background-repeat:no-repeat;
}
.category>div:nth-child(2){
	vertical-align:top;
	line-height:44px;
	padding-left:10px;
}
.category[iscategory='1']>div:nth-child(3){
	position:absolute;
	width:6px;
	height:44px;
	top:0px;
	right:15px;
	background-position:center;
	background-size:6px 6px;
	background-repeat:no-repeat;
}
.category[iscategory='0']>div:nth-child(3){
	display:none;
}
.category>div:nth-child(3){
	background-image: url(../images/menuarrowdown.svg);
}
.category:hover>div:nth-child(3){
	background-image: url(../images/menuarrowdown.svg);
}
.category[isactive='1']>div:nth-child(3){
	background-image: url(../images/menuarrowup.svg);
}
.category[isactive='1']:hover>div:nth-child(3){
	background-image: url(../images/menuarrowup.svg);
}
.categorychild{
	display:none;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:44px;
}
.menutool{
	width:210px;
	height:50px;
	line-height:24px;
	margin:0 auto;
	#margin-bottom:10px;
	position:relative;
	cursor:pointer;
	border-radius:8px;
	text-align:right;
	color:#dd587b;
	padding-right:10px;
}
.menuitem{
	height:36px;
	line-height:15px;
	font-size:13px;
	margin-bottom:0px;
	cursor:pointer;
	#font-weight:700;
}
.menuitem:hover{
	#color:#dd587b;
	#background-color:#f5f6f7;
	color:#dd587b;
}
.menuseperator{
	width:210px;
	height:1px;
	border-bottom:1px solid #e0e0e0;
	#margin:0 auto;
	margin-bottom:10px;
}
.menumore{
	padding-right:10px;
	background-image:url(/images/arrow_red.svg);
	background-size:6px 6px;
	background-position:right center;
	background-repeat:no-repeat;
}
#inputpage{
	z-index:50;
}
/***********************************Index*********************************/
@media (max-width:1400px){
	.splogo{
		width:180px !important;
		height:45px !important;
		margin-left:25px !important;
		margin-top:10px !important;
	}
	.spmenubar{
		display:none;
	}
	.spheader h1{
		padding-left:5px !important;
	}
	.mobilemenu{
		display:block !important;
	}
	.spmenuitem{
		font-size:18px !important;
		line-height:29px !important;
		margin-top:30px !important;
		margin-left:25px !important;
		font-weight:500;
	}
	.spfooter{
		height:unset !important;
	}
	.spfooterlogo{
		display:block !important;
		margin-left:10px !important;
		margin-top:20px !important;
		height:40px !important;
		width:104px !important;
	}
	.spfooterarea{
		display:block !important;
		margin-left:10px !important;
		margin-right:10px !important;
		margin-top:20px !important;
		margin-bottom:20px;

		height:unset !important;
	}
	.spfooterblock{
		display:block !important;
		height:unset !important;
		margin-bottom:30px;
	}
	.spfooterblocktitle{
		font-size:16px !important;
		margin-bottom:8px !important;
	}
	.spfooterblockitem{
		font-size:14px !important;
		margin-bottom:8px !important;
	}
	.spfootercopyright{
		position:relative !important;
	}
	.spcontentarea{
		margin-top:100px !important;
	}
	.spcontent{
		width:calc(100vw - 50px) !important;
		font-size:14px !important;
		line-height:32px !important;
	}
	.spfloatinglogin{
		top: 200px  !important;
		width: 60px !important;
		height: 60px !important;
		border-top-left-radius: 10px !important;
		border-bottom-left-radius:10px !important;
	}
	.spfloatingicon{
		width:30px !important;
		height:30px !important;
		background-size:30px 30px !important;
		margin-top:15px !important;
	}
	.spfloatingword{
		display:none;
	}
	.sptotop{
		width: 60px !important;
		height: 60px !important;
	}
}
.spheader{
	width:100%;
	height:100px;
	position:fixed;
	top:0px;
	left:0px;
	#border-bottom:1px solid black;
	background-color:#ffffff;
	z-index:5;
}
.spheader h1{
	width:100%;
	#margin-left:200px;
	margin-top:0px;
	margin-bottom:0px;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
	background-color:#fff9f6;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:80px;
	overflow-x:hidden;
}
.splogo{
	background-image:url(/images/chaakologo.svg);
	background-size:contain;
	background-repeat:no-repeat;
	width:200px;
	height:60px;
	margin-left:80px;
	margin-top:0px;
	cursor:pointer;
	background-position:center;
}
.spcontentarea{
	margin-top:200px;
}
.spareawhite, .spareapink{
	width:100%;
	padding:0px;
}
.spareawhite{
	background-color:#ffffff;
}
.spareapink{
	background-color:#fff9f6;
}
.spcontent{
	width:1400px;
	margin:0 auto;
	#border:1px solid black;
	padding:10px 5px 50px 5px;
	#font-size:16px;
	#line-height:26px;
	font-size:22px;
	font-weight:500;
	line-height:42px;
	position:relative;
	color:#333333;
}
.spmenubar{
	#border:1px solid black;
	position:absolute;
	top:35px;
	right:80px;
}
.spmenubar>*{
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	margin-left:20px;
	font-size:20px;
	font-weight:500;
}
.spmenubutton{
	height:56px;
	background-color:#ffa9bd;
	color:#ffffff;
	border-radius:8px;
	padding-left:30px;
	padding-right:30px;
	line-height:56px;
	cursor:pointer;
	#background-color:#ea718d;
}
.spmenubutton:hover{
	background-color:#ea718d;
}
.spmenuitem{
	line-height:30px;
	cursor:pointer;
}
.spmenuitem:hover{
	color:#EA718D;
}
.spfooter{
	margin-top:50px;
	background-color:#fff9f6;
	border-top:3px solid #ffa9bd;
	height:400px;
	position:relative;
	vertical-align:top;
}
.spfooterlogo{
	display:inline-block;
	margin-left:160px;
	margin-top:50px;
	width:130px;
	height:50px;
	background-image:url(/images/chaakologoblack.svg);
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:top;
}
.spfooterarea{
	display:inline-block;
	margin-left:180px;
	#margin-right:160px;
	margin-top:50px;
	#background-color:red;
	height:300px;
	vertical-align:top;
	text-align:left;
}
.spfooterblock{
	display:inline-block;
	width:250px;
	height:250px;
	#background-color:#00ff00;
	margin-right:10px;
	vertical-align:top;
}
.spfooterblocktitle{
	text-align: left;
	font-size:18px;
	font-weight:500;
	line-height:26px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	margin-bottom:14px;
}
.spfooterblockitem{
	text-align: left;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	padding-left:13px;
	margin-bottom:14px;
	cursor:pointer;
}
.spfooterblockitem:before{
	content:'- ';
}
.spfooterblockitem[url='#']{
	cursor:unset !important;
}
.spfooterblockitem:not(.spfooterblockitem[url='#']):hover{
	color:#EA718D;
}
.spfootercopyright{
	width:100%;
	text-align:center;
	height:35px;
	line-height:35px;
	padding-bottom:10px;
	position:absolute;
	bottom:0px;
}
.mobilemenu{
	position:absolute;
	background-image:url(/images/menu.svg);
	background-size:contain;
	background-repeat:no-repeat;
	width:38px;
	height:38px;
	cursor:pointer;
	top:40px;
	right:10px;
	display:none;
}
.mobilemenulist{
	background-color:#ffffff;
	position:fixed;
	display:none;
	width:100vw;
	height:calc(100% - 100px);
	top:100px;
	left:0px;
	z-index:4;
}
.mobilemenupic{
	position:absolute;
	background-image:url(/images/mobilemenupic.svg);
	background-size:contain;
	background-repeat:no-repeat;
	width:139px;
	height:133px;
	right:25px;
	top:85px;
}
.mobilemenulogin, .mobilemenudashboard{
	position:absolute;
	width:50vw;
	height:75px;
	font-size:18px;
	line-height:75px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	letter-spacing:0px;
}
.mobilemenulogin{
	bottom:0px;
	left:0px;
	background-color:#EA718D;
}
.mobilemenudashboard{
	bottom:0px;
	right:0px;
	background-color:#FFC300;
}
.spfloatinglogin{
	position:fixed;
	top: 237px;
	right: 0px;
	width: 153px;
	height: 150px;
	background: #ffa9bd 0% 0% no-repeat padding-box;
	border-top-left-radius: 20px;
	border-bottom-left-radius:20px;
	opacity: 1;
	cursor:pointer;
	z-index:3;
}
.spfloatinglogin:hover{
	background-color:#ea718d;
}
.spfloatingicon{
	width:55px;
	height:55px;
	background-size:55px 55px;
	background-repeat:no-repeat;
	//margin-left:60px;
	margin:0 auto;
	margin-top:20px;
}
.spfloatingicon[islogin='0']{
	background-image:url(/images/splogin.svg);
}
.spfloatingicon[islogin='1']{
	background-image:url(/images/splogout.svg);
}
.spfloatingword{
	font-size:16px;
	line-height:29px;
	font-weight:700;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	//margin-left:20px;
	margin:0 auto;
	margin-top:20px;
	text-align:center;
}
.sptotop{
	position:fixed;
	bottom:30px;
	right: 5px;
	width: 124px;
	height: 124px;
	opacity: 1;
	cursor:pointer;
	background-image:url(/images/top.svg);
	background-size:contain;
	background-repeat:no-repeat;
	z-index:2;
}
/***********************************SupportArea********************************/
@media (max-width:1400px){
	.supportchaakotext{
		display:none !important;
	}
	.supportchaako{
		width:50px !important;
		height:50px !important;
	}
	.supportcontent{
		top:16vw !important;
		left:0px !important;
		width: 100vw !important;
		margin-left: 0vw !important;
		right: unset !important;
		margin-right: 0vw !important;
		border-radius: unset !important;
		border:unset !important;
		filter: unset !important;
	}
	.pcline{
		display:none !important;
	}
	.mobileline{
		display:block !important;
	}
	.loginusermenu{
		margin-top:30px !important;
		margin-bottom:15px !important;
	}
	.loginusermenuseparator{
		width:calc(100vw - 20px) !important;
	}
}
.supportarea{
	position:fixed;
	cursor:pointer;
	right:0px;

}
.supportarea[showbanner='0']{
	bottom:0px;
}
.supportarea[showbanner='1']{
	bottom:170px;
}
.supportchaakotext{
	position:absolute;
	bottom:40px;
	right:180px;
	height:100px;
	width:250px;
	background-color:#EA718D;
	border-radius:50px;
}
.supportchaakotextinner{
	position: relative;
	width: 230px;
	height: 80px;
	margin: 10px;
	border: 2px dashed #ffffff;
	border-radius: 40px;
	padding: 15px;
	color: #ffffff;
	box-sizing: border-box;
	z-index:2;
}
	
.right-point{
	width: 0;
	height: 0;
	border-left: 2vh solid transparent;
	border-right: 2vh solid transparent;
	border-top: 10vh solid #EA718D;
	position: absolute;
	top: 10%;
	right: 0%;
	transform: rotate(-90deg);
}
.supportchaako{
	position:absolute;
	bottom:30px;
	right: 30px;
	width: 124px;
	height: 124px;
	opacity: 1;
	cursor:pointer;
	background-image:url(/images/chaako_1.png);
	background-size:contain;
	background-repeat:no-repeat;
	z-index:2;
}	
.supportcontent{
	position: absolute;
	width: 240px;
	height: 303px;
	top:70px;
	right:100px;

	border-color: #e9e9e9;
	border-width: 1px;
	border-style: solid;
	border-radius: 16px;

	filter: drop-shadow(5px 20px 20px rgba(0,0,0,0.16 ));

	background: #ffffff;
	display:none;
	z-index:20;

	padding:25px;
}
.supportcontent[showbanner='1']{
	display:block;
}
.supportcontenttitle{
	font-size:14px;
	font-weight:700;
}
.supportcontenttext{
	margin-top:10px;
	font-size:13px;
	line-height:23px;
}
.supportlineqrcode{
	width:100px;
	height:100px;
	margin-left:40px;
	margin-top:23px;
}
.pcline{
	display:block;
}
.mobileline{
	display:none;
}
.mobileline>img{
	margin:0 auto;
	margin-top:10px;
	display:block;
}
.helpcontent{
	position: absolute;
	width: 240px;
	top:70px;
	right:65px;

	border-color: #e9e9e9;
	border-width: 1px;
	border-style: solid;
	border-radius: 16px;

	filter: drop-shadow(5px 20px 20px rgba(0,0,0,0.16 ));

	background: #ffffff;
	display:none;
	z-index:20;

	padding:25px;
}
.helpcontent[showbanner='1']{
	display:block;
}
.helpcontenttitle{
	font-size:14px;
	font-weight:700;
	margin-bottom:14px;
}
.helpmenuline{
}
.helpmenuitem{
	position: relative;
	width: 190px;
	height: 32px;

	font-size:13px;
	line-height:32px;

	border-radius: 4px;
	cursor:pointer;
}
.helpmenuitem:hover{
	color:#dd587b;
	background-color:#f5f6f8;
}
.helpmenuseparator{
	width:190px;
	height:1px;
	border-bottom:1px solid #e0e0e0;
	#margin:0 auto;
	margin-bottom:20px;
	margin-top:20px;
}
.helpmenuitem:hover .isopenwin{
}
.isopenwin{
	position:absolute;
	top:0px;
	right:0px;
	width:32px;
	height:32px;
	background-image:url(/images/ico_blank.svg);
	background-position:center;
	background-size:8px 8px;
	background-repeat:no-repeat;
}
.helpmenuitem:hover .isopenwin{
	background-image:url(/images/ico_blank_hover.svg);
}
.isopenwin[open='1']{
	display:block;
}
.isopenwin[open='0']{
	display:none;
}
.loginusercontent{
	position: absolute;
	width: 240px;
	height: 358px;
	top:70px;
	right:15px;

	border-color: #e9e9e9;
	border-width: 1px;
	border-style: solid;
	border-radius: 16px;

	filter: drop-shadow(5px 20px 20px rgba(0,0,0,0.16 ));

	background: #ffffff;
	display:none;
	z-index:20;

	padding:0px;
}
.loginusercontent[showbanner='1']{
	display:block;
}
.loginuserhead{
	width:240px;
	height:60px;
	background-color:#dd587b;
	border-top-left-radius:16px;
	border-top-right-radius:16px;
}
.loginuserheadicon{
	position:absolute;
	top:15px;
	left:85px;
	width:70px;
	height:70px;
	border-radius:35px;
	background-color:#000000;
	background-size:cover;
	background-repeat:no-repeat;
}
.loginusertitle{
	margin-top:35px;
	height:24px;
	font-size:16px;
	text-align:center;
}
.loginuserid{
	margin-top:5px;
	height:24px;
	font-size:16px;
	text-align:center;
	font-weight:700;
}
.loginuserplan{
	margin:0 auto;
	margin-top:16px;
	height:30px;
	width:70px;

	border-color: #dd587b;
	border-width: 1px;
	border-style: solid;
	border-radius: 6px;
	
	text-align:center;
	font-size:12px;
	font-weight:normal;
	line-height:30px;

	background-color:#ffffff;
	color: #dd587b;
}
.loginusermenu{
	margin-top:15px;
}
.loginusermenuitem{
	position: relative;
	width: 210px;
	height: 40px;

	font-size:13px;
	line-height:40px;
	margin-left:15px;
	padding-left:40px;

	border-radius: 4px;
	cursor:pointer;
}
.loginusermenuitem:hover{
	color:#dd587b;
	background-color:#f5f6f8;
}
.helpmenuimage{
	position:absolute;
	top:0px;
	left:0px;
	width:40px;
	height:40px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:20px 20px;
}
.loginusermenuseparator{
	width:calc(100% - 20px);
	height:1px;
	border-bottom:1px solid #e0e0e0;
	#margin:0 auto;
	margin-left:10px;
	margin-bottom:10px;
	margin-top:10px;
}
/***********************************InfoBox********************************/
@media (max-width:1400px){
	.longalertboxpanel, .infoboxpanel, .askboxpanel{
		width:95vw !important;
		margin-left:2.5vw !important;
	}
	.longalertboxpanel, .askboxpanel{
		padding:8vw 6vw 8vw 6vw !important;
	}
	.askboxpanel{
		height:265px !important;
	}
	.longalertboxconfirm, .infoboxconfirm, .askboxconfirm{
		margin-left:0px !important;
	}
	.infoboxcontent{
		width:100% !important;
	}
	.infoboxlongcontent{
		width:100% !important;
	}
	.askboxtitle{
		text-align:center !important;
		margin-top:20px;
		margin-left:0px !important;
		font-size:16px !important;
	}
	.askboxlogo{
		position:relative !important;
		margin:0 auto !important;
		top:unset !important;
		left:unset !important;
	}
}
.infobox, .longalertbox{
	display:none;
	z-index:3000;
	background-color:rgba(0,0,0,0.3);
	width:100vw;
	height:100vh;
	position:fixed;
	left:0px;
	top:0px;
}
.infoboxpanel{
	width: 400px;
	height: 70px;
	margin-left:calc((100vw - 400px) / 2);
	margin-top:calc((100vh - 70px) / 2);
	background-color:#ffffff;
	border-radius:8px;
	#padding:20px;
	#-moz-box-shadow:    6px 7px 5px 6px #777777;
	#-webkit-box-shadow: 6px 7px 5px 6px #777777;
	#box-shadow:         6px 7px 5px 6px #777777;
}
.longalertboxpanel{
	width: 640px;
	height: 300px;
	margin:0 auto;
	background-color:#ffffff;
	border-radius:10px;
	padding:35px 30px 20px 30px;
	#-moz-box-shadow:    6px 7px 5px 6px #777777;
	#-webkit-box-shadow: 6px 7px 5px 6px #777777;
	#box-shadow:         6px 7px 5px 6px #777777;
}
.infoboxtitle{
	color:#000000;
	font-size:16px;
	font-weight:700;
	line-height:18px;
	margin-bottom:16px;
	
}
.infoboxcontent{
	width:400px;
	height:70px;
	color:#000000;
	font-size:14px;
	text-align:center;
	line-height:70px;
}
.infoboxlongcontent{
	width:580px;
	height:100px;
	border-radius:4px;
	border:1px solid #e0e0e0;
	padding:20px 8px 23px 20px;
	outline:0px;
	font-size:14px;
	line-height:20px;
}
.infoboxconfirm, .longalertboxconfirm{
	display:inline-block;
	width:180px;
	height:40px;
	font-size:14px;
	font-weight:700;
	border-radius:20px;
	line-height:40px;
	background-color:#dd587b;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	#margin-top:20px;
}
.infoboxconfirm{
	margin-left:400px;
}
.longalertboxconfirm{
	margin-left:270px;
}
.infoboxcancel, .longalertboxcancel{
	display:inline-block;
	vertical-align:top;
	width:120px;
	height:40px;
	font-size:14px;
	border-radius:20px;
	line-height:40px;
	background-color:#f0f1f2;
	color:#000000;
	text-align:center;
	cursor:pointer;
	#margin:20px 0px 0px 5px;
	#margin-top:20px;
}
.longalertexplain{
	font-size:12px;
	line-height:12px;
	margin-top:23px;
	margin-bottom:30px;
}
.longalertcopy{
	width:25px;
	height:25px;
	line-height:25px;
	margin-right:0px;
	cursor:pointer;
	background-image: url(/images/icon_copyclipboard.svg);
	background-size:contain;
	background-position:0px;
	background-repeat:no-repeat;
	color:#ccccd6;
	position:absolute;
	margin-left:280px;
	margin-top:12px;
}
/***********************************AskBox********************************/
.askbox{
	display:none;
	z-index:3000;
	background-color:rgba(0,0,0,0.3);
	width:100vw;
	height:100vh;
	position:fixed;
	left:0px;
	top:0px;
}
.askboxpanel{
	width: 640px;
	height: 240px;
	margin:0 auto;
	background-color:#ffffff;
	border-radius:10px;
	padding:40px 20px 20px 30px;
	position:relative;
	#-moz-box-shadow:    6px 7px 5px 6px #777777;
	#-webkit-box-shadow: 6px 7px 5px 6px #777777;
	#box-shadow:         6px 7px 5px 6px #777777;
}
.askboxlogo{
	position:absolute;
	top:30px;
	left:30px;
	width:40px;
	height:38px;
	background-image:url(/images/ico_attention.svg);
	background-size:cover;
}
.askboxtitle{
	color:#000000;
	font-size:20px;
	font-weight:700;
	line-height:20px;
	margin-left:54px;
}
.askboxcontent{
	margin-top:33px;
	color:#000000;
	font-size:14px;
	text-align:left;
	line-height:24px;
	margin-bottom:35px;
}
.askboxconfirm{
	display:inline-block;
	width:120px;
	height:40px;
	font-size:14px;
	font-weight:700;
	border-radius:20px;
	line-height:40px;
	background-color:#f0f1f2;
	color:#000000;
	text-align:center;
	cursor:pointer;
	#margin-top:20px;
	margin-left:330px;
}
.askboxcancel{
	display:inline-block;
	vertical-align:top;
	width:120px;
	height:40px;
	font-size:14px;
	border-radius:20px;
	line-height:40px;
	background-color:#dd587b;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	#margin:20px 0px 0px 5px;
	#margin-top:20px;
}
/**********************************Tooltip*********************************/
.tooltip {
	position: relative;
	#display: inline-block;
	#border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 70px;
	height:26px;
	background-color: #333333;
	color: #ffffff;
	text-align: center;
	border-radius: 4px;
	#padding: 5px 0;
	font-size:12px;
	line-height:26px;

	position: absolute;
	z-index: 1;
	top:65px;
	left:-10px;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}

/***********************************GeneralFunction*************************/
@media (max-width:1024px){
	.autogenfield, .answer, .generalfield{
		width:100% !important;
	}
	.generalfunction textarea{
		height:77vw !important;
	}
	.generalfunction table, .mypagesetting table{
		#width:95% !important;
		font-size:12px !important;
		line-height:12px !important;
	}
	.generalfunction table th, .mypagesetting table th{
		#font-size:16px !important;
	}
	.generalfunction table td, .mypagesetting table td{
		#border-bottom:1px dashed #ccccd6;
		word-break:break-all;
	}
	.uidiv{
		display:block !important;
		width:100% !important;
		min-height:unset !important;
	}
	.uileft{
		display:block !important;
		width:100% !important;
		height:100px !important;
		min-width:unset !important;
		min-height:unset !important;
		padding:15px 10px 20px 10px !important;
	}
	.uiright{
		display:block !important;
		width:100% !important;
		min-width:unset !important;
		min-height:unset !important;
		padding:15px 10px 20px 10px !important;
	}
	.generalfunctionnote{
		width: 100% !important;
    		padding: 0px !important;
		font-size:12px !important;
		line-height:22px !important;
	}
	.inputpalaceholdergeneralfunction{
		width:60vw !important;
		font-size:11px !important;
		line-height:19px !important;
	}
	.limitfield{
		width:100% !important;
	}
	.closeusage{
		top:6vw !important;
		right:6vw !important;
	}
	.navigator{
		width:90% !important;
		margin-top:unset !important;
	}
	.navigator>*[isactive='0']{
		display:none;
	}
	.navigatorbox{
		width:calc(100% - 50px) !important;
		padding: 15px 15px 25px 15px !important;
		border-width:1px !important;
	}
	.detailresulttitle{
		width:100% !important;
	}
	.generalfunction fieldset:not(.innerformobile, .commonfoot){
		padding:0px !important;
		margin-top:0px !important;
		margin-left:0px !important;
	}
	.generalfunction legend{
		font-size:18px !important;
	}
	.generalfunction label{
		font-size:18px !important;
		height:unset !important;
	}
	.functionfieldexplain{
		font-size:14px !important;
		line-height:24px;
	}
	.generalfunctionsend, .generalfunctioncontinue, .generalfunctionendjob, .mypagebackbutton, .mypagecancelplan{
		font-size:18px !important;
		height:40px !important;
		line-height:40px !important;
		width:250px !important;
	}
	.deleteresult>span, .copyclipboard>span, .closeresult>span, .shareresult>span{
		display:none;
	}
	.detailresulttitle>div{
		margin-right:5px !important;
	}
	.generalfunction select{
		width:100% !important;
	}
	.customselect{
		width:100% !important;
	}
	/*
	.shareresult{
		width:24px !important;
		height:24px !important;
		right:40px !important;
	}
	.deleteresult{
		width:24px !important;
		height:24px !important;
		right:-50px !important;
	}
	.copyclipboard{
		width:24px !important;
		height:24px !important;
		right:-20px !important;
	}
	*/
	.closeresult{
		width:24px !important;
		height:24px !important;
		right:10px !important;
	}
	.generalfunctiondescription{
		font-size:12px !important;
		line-height:22px !important;
		padding:0px 0px 11vw 0px !important;
	}
	.navigator>*{
		font-size:20px !important;
		line-height:40px !important;
		height:40px !important;
	}
	.navigator>*[isactive='0']{
		background-color:#ffa9bd;
		#color:#ccccd6;
		padding-left:30px;
	}
	.navigator>*[isactive='1']{
		background-color:#EA718D;
		#color:#a1b6e4;
		padding-left:70px;
	}
	.navigator>*[isactive='1']:after{
		width: 20px !important;
		height: 20px !important;
		top: 10px !important;
		background-size: 20px 20px !important;
	}
	.detailresultpanel{
		width:95vw !important;
		margin-left:2.5vw !important;
		margin-right:2.5vw !important;
	}
	.detailresultinner{
		width:90vw !important;
		margin-left:2.5vw !important;
		margin-right:2.5vw !important;
		height:calc(100vh - 50px) !important;
		top:25px !important;
	}
	.detailresultcontent{
		width:90vw !important;
		margin-left:0vw !important;
		margin-right:0vw !important;
	}
	.toggleimgp{
		display:none !important;
	}
	.toggleimgm{
		display:block !important;
		#width:60vw !important;
		margin:0 auto;
		width:70vw;
	}
	.uileft>div:nth-child(1){
		top:40px !important;
		left:15px !important;
	}
	.uileft>div:nth-child(2){
		top:40px !important;
		left:calc(50vw - 15vw) !important;
	}
	.uileft>div:nth-child(3){
		top:40px !important;
		left:calc(50vw + 18vw) !important;
	}
	.rightfixbox{
		width:80vw !important;
		padding:6vw !important;
	}
	.generalfunctionusage{
		right:15px !important;
		top:7vw !important;
	}
	.reloadtext{
		text-align:left !important;
	}
	.commonfoot{
		padding:3vw !important;
	}
	input[type='text'], input[type='number']{
		width:100% !important;
	}
	textarea{
		width:100% !important;
	}
	.detailresultcontent{
		width:80vw !important;
	}
	.detailresulttaskname{
		font-size:18px !important;
	}
	
}
.generalfunction{
	#margin-left:20px;
	#margin-right:20px;
}
.generalfunction h2{
	font-size:36px;
	color:#000000;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:48px;
}
.generalfunction a{
	font-size:12px;
	color:#dd587b;
	text-decoration:none;
}
.generalfunction a:hover{
	color:#dd587b;
}
.generalfunction fieldset{
	margin-top:30px;
	background-color:#ffffff;

	#box-shadow: 0px 33px 85px rgba(255, 169, 189, 0.11), 0px 9.94853px 25.625px rgba(255, 169, 189, 0.0716748), 0px 4.13211px 10.6433px rgba(255, 169, 189, 0.055), 0px 1.4945px 3.84948px rgba(255, 169, 189, 0.0383252);
	#box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	#border-color:#ffffff;
	#border-color:#ffa9bd;
	#border-style:solid;
	border-width:0px;
	border-radius: 16px;
	#TEMP
	#padding:20px;
	padding:20px 40px 40px 40px;
}
.generalfunction form>*{
	display:block;
}
.generalfunction legend{
	display:none;
	background-color:#ffa9bd;
	color:#ffffff;
	#font-size:22px;
	font-size:20px; 
	padding:20px;
	margin-left:10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.generalfunctionnote{
	font-size:14px;
	margin-top:10px;
	line-height:24px;
	padding:20px;
}
.generalfunctionnote > a{
	color:#dd587b;
}
.generalfunctionnote >a:hover{
	color:#dd587b;
}
.generalfunctionnote li::marker{
	color:#dd587b;
}
.generalfunctiondescription{
	padding:10px 5px 70px 5px;
}
.commonfoot{
	border-top-left-radius:0px !important;
	border-top-right-radius:0px !important;
	margin-top:-16px !important;
	background-color:#fbfbfb !important;
	font-size:12px;
	line-height:22px;
	color:#000000;
	padding-bottom:70px !important;
}

.generalfunction label{
	#font-size:21px;
	font-size:18px;
	line-height:30px;
	margin-top:20px;
	#margin-bottom:20px;

	font-weight:700;
	border-left:5px solid #dd587b;
	padding-left:15px;
	display:block;
}
.functionfieldexplain{
	#font-size:21px;
	font-size:14px;
	color:#000000;
	font-weight:normal;
	#TEMP
	#margin-top:10px;
	line-height:24px;
	margin-top:20px;
	margin-bottom:20px;
}
.autogenfield, .generalfield, .answer{
	#font-size:21px;
	font-size:14px;
	#line-height:26px;
	background-color:#f5f6f7;
	margin-top:10px;
	width:80%;
	border:0px;
	outline:0px;
	font-weight:normal;
}
.autogenfield:focus, .generalfield:focus, .answer:focus{
	background-color:#ffffff;
}
.generalfunction textarea{
	padding:20px 20px 20px 20px;
	border:1px solid #e0e0e0;
	border-radius:4px;
	height:220px;
}
.generalfunction select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size:14px;
	line-height:50px;
	width:240px;
	background-color:transparent;
	font-weight:normal;
	outline:0px;
	height:50px;	
	margin:0px;
	padding-left:20px;
}
.customselect {
	width: 240px;
	height: 50px;
	border:1px solid #e0e0e0;
	border-radius:4px;
	margin-top:15px;
	margin-bottom:80px;
	overflow: hidden;
	background-color:#f7f7f7;
	background-image: url(/images/arrow.svg);
	background-position: right 25px center;
	background-size: 6px 6px;
	background-repeat: no-repeat;
}
.generalfunction textarea::placeholder, input[type='text']::placeholder {
  color: #cccccc;
  opacity: 1; /* Firefox */
}

.generalfunction textarea::-ms-input-placeholder, input[type='text']::-ms-input-placeholder { /* Edge 12 -18 */
  color: #cccccc;
}
input[type='text'], input[type='number']{
	padding:5px 20px 5px 20px;
	height:50px;
	border:1px solid #e0e0e0;
	border-radius:4px;
	line-height:50px;
}
.generalfunctionsend, .generalfunctioncontinue, .generalfunctionendjob, .mypagebackbutton, .mypagecancelplan{
	background-color:#dd587b;
	color:#ffffff;
	font-size:18px;
	margin-top:30px;
	width:300px;
	height:60px;
	line-height:60px;
	text-align:center;
	cursor:pointer;
	border-radius:30px;
	font-weight:normal;
	margin:0 auto;
}
.generalfunctionsend{
}
.generalfunctionsend:hover, .generalfunctioncontinue:hover, .generalfunctionendjob:hover, .mypagebackbutton:hover, .mypagecancelplan:hover{
	background-color:#EA718D;
}
.fucklayout2{
	margin-top:30px;
	font-size:12px !important;
	line-height:30px;
	margin-bottom:30px;
	width:65vw;
}
.fucklayout{
	margin-top:30px;
	font-size:12px !important;
	line-height:30px;
	margin-bottom:30px;
	width:65vw;
	position:relative;
}
.fucklayout td:nth-child(1){
	padding-left:40px;
	width:140px;
	text-align:left;
}
.fucklayout td:nth-child(2){
	padding-left:40px;
	#width:140px;
	text-align:left;
}
.fucklayout td:nth-child(3){
	width:120px;
	text-align:right;
}
.fucklayout td:nth-child(4){
	width:130px;
	padding-right:40px;
	text-align:right;
}
.generalfunction table, .mypagesetting table{
	width:100%;
	border-spacing:0px;
	border:0px;
	font-size:14px;
}
.generalfunction table th, .mypagesetting table th{
	font-size:14px;
	font-weight:700;
	border-bottom:1px solid #e0e0e0;
	padding:15px 5px 15px 5px;
	text-align:left;
}
.generalfunction table tbody:before, .mypagesetting table tbody:before{
	content: "-";
	display: block;
	line-height: 10px;
	color: transparent;
}
.generalfunction table tbody tr:nth-child(2n+1), .mypagesetting table tbody tr:nth-child(2n+1){
	background-color:#f5f6f7;
}
.generalfunction table tbody tr:nth-child(2n), .mypagesetting table tbody tr:nth-child(2n){
	background-color:#ffffff;
}
/*
.generalfunction table tbody tr:nth-child(4n+3){
	background-color:#f5f6f7;
}
*/
.generalfunction table td, .mypagesetting table td{
	vertical-align:top;
	padding:10px 5px 10px 5px;
}
.generalfunction table tbody tr td:nth-child(3){
	color:#dd587b;
	font-weight:700;
}
.generalfunction table tbody tr td:nth-child(6){
	color:#dd587b;
}
.generalfunction input[type='checkbox']{
	width:16px !important;
	height:16px !important;
}
.normalimg{
	width:20px;
	height:20px;
	margin-top:-5px;
}
.spinimg{
	width:20px;
	height:20px;
	margin-top:-5px;
   	-webkit-animation:spin 2s linear infinite;
	-moz-animation:spin 2s linear infinite;
	animation:spin 2s linear infinite;
	
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.detailitem{
	cursor:pointer;
}
.detailitemhover{
	background-color:#ffa9bd !important;
	color:#ffffff;
}
.detailitem[status='0'] td, .detailitem[status='1'] td{
	color:#cccccc !important;
}
.detailitem[isselect='1']{
	background-color:#f8dfe3 !important;
}
.reloadbar{
	margin-top:10px;
}
.reloadtext{
	margin-top:15px;
	color:#dd787b;
	font-size:12px;
}
.detailresult{
	display:none;
	position:fixed;
	width:100vw;
	height:100vh;
	top:0px;
	left:0px;
	background-color:#33333380;
	z-index:10;
}
.detailresultpanel{
	#border:1px solid #ffa9bd;
	#border-left:5px solid #ffa9bd;
	#padding:10px;
	width:800px;
	height:90vh;
	margin:0 auto;
	margin-top:5vh;
	background-color:#ffffff;
	border-radius:16px;
}
.detailresultinner{
	position:relative;
	margin:0 auto;
	width:700px;
	height:calc(90vh - 100px);
	top:50px;
	//overflow-y:auto;
}
.detailresulttaskname{
	position:relative;
	font-size:24px;
	color:#000000;
	line-height:28px;
	font-weight:700;
}
.detailresultlabel{
	margin-top:24px;
	font-size:12px;
	color:#999999;
}
.detailresultcontent{
	width:700px;
	height:calc(90vh - 250px);
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	line-height:24px;
	font-size:14px;
	margin-top:24px;
	overflow-y:auto;
}
.detailresultcontent3{
	width:100%;
	height:calc(90vh - 250px);
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	line-height:24px;
	font-size:14px;
	margin-top:24px;
	overflow-y:auto;
}
.detailresultcontent2{
	width:calc(100vw - 650px);
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	line-height:40px;
	margin-left:15px;
	margin-right:15px;
}
.detailresultcontent_pattern2{
	width:90%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	#border:1px solid #ffa9bd;
	padding:5px;
	#box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	line-height:40px;
}
.detailresultcontent2_pattern2{
	width:90%;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	line-height:40px;
}
.detailresulttitle{
	width:100%;
	position:relative;
	height:40px;
	margin-top:24px;
	
}
.reloadpage{
	width:140px;
	height:40px;
	line-height:41px;
	cursor:pointer;
	background-image: url(/images/ico_reload.svg);
	background-size:17px 17px;
	background-position:24px 12px;
	background-repeat:no-repeat;
	color:#ccccd6;
	padding-left:50px;
	font-size:14px;
	font-weight:700;
	color:#ffffff;
	background-color:#dd587b;
	text-align:left;
	border-radius:20px;
	#right:-60px;
	#position:absolute;
	
}
.shareresult, .deleteresult, .copyclipboard{
	display:inline-block;
	height:40px;
	border-radius:20px;
	background-color:#ffffff;
	background-size:24px 24px;
	background-position:8px 8px;
	background-repeat:no-repeat;
	padding-left:40px;
	padding-right:20px;
	font-size:14px;
	line-height:40px;
	font-weight:normal;
	cursor:pointer;
	margin-right:25px;
}
.shareresult:hover, .deleteresult:hover, .copyclipboard:hover{
	background-color:#f5f6f7;
}
.shareresult{
	background-image: url(/images/ico_share.svg);
}
.deleteresult{
	background-image: url(/images/ico_delete.svg);
}
.copyclipboard{
	background-image: url(/images/ico_copy.svg);
}
.closeresult{
	position:absolute;
	width:42px;
	height:42px;
	top:0px;
	right:0px;
	cursor:pointer;
	background-image: url(/images/ico_close.svg);
	background-size:contain;
	background-position:0px;
	background-repeat:no-repeat;
}
.generalfunctionusage{
	position:absolute;
	right:50px;
	background-color:#dd587b;
	color:#ffffff;
	font-size:14px;
	padding:0px 20px 0px 20px;
	height:40px;
	line-height:40px;
	text-align:center;
	cursor:pointer;
	border-radius:20px;
	font-weight:700;
	top:50px;
	width:100px;

	background-image:url(/images/arrow_right_white.svg);
	background-size:6px 6px;
	background-position:right 12px center;
	background-repeat:no-repeat;
}
.generalfunctionusage:hover{
	background-color:#EA718D;
}
.backtotools{
	padding-left:15px;
	background-image:url(/images/arrow_left_red.svg);
	background-size:6px 6px;
	background-position:left 0px center;
	background-repeat:no-repeat;
}
.inputpalaceholdergeneralfunction{
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	font-style: normal;
	text-align: left;
	color: #999999;
	margin-top:-16px;
	margin-bottom:60px;
}
.forceright{
	right:-40px !important;
}
.uidiv{
	display:table;
	width:calc(100vw - 500px);
	vertical-align:top;
	#padding:10px;
	background-color:#ffffff;
	min-height:700px;
	#padding:15px;
}
.uidiv>*{
	margin:0px;
	vertical-align:top;
}
.uileft{
	display:table-cell;
	position:relative;
	#min-width:400px;
	width:200px;
	#border:1px solid black;
	padding:25px;
	min-height:650px;
}
.uileft>div{
	display:block;
	position:absolute;
	left:60px;
}
.uileft>div>div:nth-child(1){
	font-size:12px;
	line-height:15px;
}
.uileft>div>div:nth-child(2){
	font-size:13px;
	line-height:16px;
}

.uileft>div:nth-child(1){
	top:20px;
}
.uileft>div:nth-child(2){
	top:100px;
}
.uileft>div:nth-child(3){
	top:180px;
}
.uileft>div[isactive='1']>div{
	color:#dd587b;
	font-weight:700;
}
.uileft>div[isactive='0']>div{
	color:#cccccc;
}
.uileft>div[isactive='2']>div{
	color:#000000;
	font-weight:700;
}
.toggleimgp{
	display:block;
}
.toggleimgm{
	display:none;
}
.uiright{
	vertical-align:top;
	padding-top:15px;
	display:table-cell;
	width:calc(100vw - 500px - 200px);
	min-width:400px;
	#border:1px solid black;
	#padding:10px 0px 10px 10px;
	min-height:650px;
	margin:0px;
}
.navigatorbox{
	display:inline-box;
	border: 2px solid #EA718D;
	padding:30px 40px 30px 40px;
	margin-right:0px;
	width:100%;
}
.navigator{
	display:inline-box;
	width:200px;
	#margin-top:30px;
	#margin-bottom:20px;
	#border-bottom:1px solid #ffa9bd;
	#background-color:#eeeeee;
}
.navigator>*{
	position:relative;
	display:inline-block;
	font-size:24px;
	line-height:60px;
	height:60px;
	#width:150px;
	color:#ffffff;
	padding-right:20px;
	#margin-left:5px;
	#margin-right:5px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	font-weight:700;
	#background: #EA718D 0% 0% no-repeat padding-box;
}
.navigator>*[isactive='0']{
	background-color:#ffa9bd;
	#color:#ccccd6;
	padding-left:60px;
}
.navigator>*[isactive='1']{
	background-color:#EA718D;
	#color:#a1b6e4;
	padding-left:60px;
}
#.navigator>*[isactive='1']::before{
	content:url(/images/icon_select.svg);
	width:32px;
	height:32px;
	position:relative;
	top:0px;
	right:0px;
}
.navigator>*[isactive='1']:after{
	background-image: url(/images/type-check.svg);
	content: ' ';
	position: absolute;
	width: 28px;
	height: 28px;
	top: 15px;
	left: 26px;
	background-size: 28px 28px;
	background-repeat: no-repeat;
}
.navigator>*[isactive='0']:after{
	background-image: '';
	content: ' ';
	position: absolute;
	width: 28px;
	height: 28px;
	top: 15px;
	left: 26px;
	background-size: 28px 28px;
	background-repeat: no-repeat;
}
.generalfunctionsubtitle{
	font-size:30px;
	line-height:40px;
	font-weight:700;
}
.generalfunctionwait{
	#width:100%;
	#text-align:center;
	font-size:14px;
	padding-top:20px;
	line-height:30px;
}
/*
.answer{
	font-size:20px;
	line-height:24px;
	background-color:#f7f7f7;
	margin-top:10px;
	width:80%;
	border:0px;
	outline:0px;
	padding:5px;
	font-weight:normal;
}
*/
.rightfixpanel{
	position:fixed;
	z-index:15;
	height:100vh;
	top:0px;
	right:0px;
	width:100vw;
	background-color:#33333380;
	display:none;
}
.rightfixbox{
	position:fixed;
	z-index:16;
	height:100vh;
	top:0px;
	right:-50vw;
	width:50vw;
	background-color:#ffffff;
	padding:40px;
}
.closeusage{
	position:absolute;
	width:42px;
	height:42px;
	top:60px;
	right:40px;
	cursor:pointer;
	background-image: url(/images/ico_close.svg);
	background-size:contain;
	background-position:0px;
	background-repeat:no-repeat;
}
/******************************************Tools Overview************************/
@media (max-width:1024px){
	.toolsoverview{
		width:100%;
		padding:0vw 6vw 0vw 6vw !important;
	}
	.largeblock{
		display:block !important;
		width:100% !important;
		height:unset !important;
		filter:unset !important;
		margin:0 auto;
	}
	.searchbox input[type='text']{
		width:calc(90vw - 100px) !important;
	}
	.toolsdesc{
		line-height:unset !important;
		height:100px !important;
	}
	.toolbubble{
		margin-bottom:5px;
	}
	.toolbubbleset{
		display:none;
	}
	.toolcategory{
		margin-top:10vw !important;
		border-top:2px solid #e0e0e0;
		padding-top:5vw;
		font-size:18px !important;
	}
	.toolcategory>i{
		margin-right:5vw;
	}
	.toolcategory[isshow='1']{
		color:#dd587b !important;
	}
	.toolcategorychild[isshow='0']{
		display:none;
	}
	.toolcategorychild[isshow='1']{
		display:block;
	}
	.tooldescription{
		line-height:24px !important;
	}
	.toolsdesc{
		height:80px !important;
		font-size:12px !important;
		line-height:20px !important;
	}
	.toolbutton{
		width:100% !important;
	}
}
.toolsoverview{
	padding-left:10px;
}
.toolcategory{
	height:40px;
	padding-left:0px;
	font-size:22px;
	font-weight:700;
	line-height:40px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	background-size:40px 40px;
	margin-top:120px;
}
.tooldescription{
	margin-top:44px;
	margin-bottom:33px;
	font-size:14px;
	line-height:28px;
	font-weight:normal;
	display:block !important;
}
.toolcategorychild>*{
	display:inline-block;
}
.largeblock{
	position:relative;
	display:inline-block;
	width:270px;
	//height:238px;
	height:290px;
	background: #FFFFFF;
	border-radius: 16px;

	vertical-align:top;
	margin-right:20px;
	margin-top:20px;
	padding:35px 30px 20px 30px;
	#cursor:pointer;
}
.largeblock:hover{
	filter: drop-shadow(3px 10px 10px rgba(0,0,0,0.1 ));
}
.toolstitle{
	font-size:18px;
	height:30px;
	line-height:20px;
	font-weight:700;
	margin-bottom:20px;
}
.toolsdesc{
	//height:140px;
	height:115px;
	//border:1px solid black;
	overflow:hidden;
	color:#000000;
	#padding-left:20px;
	font-size:13px;
	line-height:23px;
}
.toolbutton{
	background-color:#dd587b;
	color:#ffffff;
	font-size:14px;
	width:160px;
	height:40px;
	line-height:38px;
	text-align:center;
	cursor:pointer;
	border-radius:20px;
	font-weight:700;
	margin:0 auto;
	margin-top:23px;

	background-image:url(/images/arrow_right_white.svg);
	background-size:6px 6px;
	background-position:right 17px center;
	background-repeat:no-repeat;

}
.toolbutton:hover{
	background-color:#ffffff;
	color:#dd587b;
	border:2px solid #dd587b;
	background-image:url(/images/arrow_red.svg);

}
.toolsblockpoint{
	position:absolute;
	bottom:10px;
}
.toolbubbleset>a{
	#border:1px solid black;
	display:inline-block;
}
.toolbubble{
	height:40px;
	border-radius:20px;
	background-color:#ffffff;
	color:#000000;
	font-size:14px;
	line-height:40px;
	padding:0px 20px 0px 20px;
	font-weight:normal;
	text-decoration:none;
	margin-right:20px;
}
.toolbubble:hover{
	border:1px solid #dd587b;
	color:#dd587b;
}
.toolsblockpoint>*{
	display:inline-block;
}
.toolsblockpointtext{
	color:#ffa9bd;
	margin-left:10px;
	height:15px;
	line-height:15px;
}
.searchbox{
	margin-top:30px;
	margin-bottom:30px;
}
.searchbox *{
	display:inline-block;
}
.searchbox input[type='text']{
	box-sizing: border-box;
	outline:0px;
	border:1px solid #ffa9bd;
	width:300px;
	height:40px;
	background-color:#ffffff;
	font-size:21px;
	line-height:40px;
	color:#010133;	
}
.searchkeywordbutton{
	width:100px;
	height:40px;
	background-color:#ffa9bd;
	color:#ffffff;
	cursor:pointer;
	font-size:21px;
	line-height:40px;
	text-align:center;
}
/******************************************MyPage************************/
@media (max-width:1024px){
	.mypagesetting{
		width:calc(100vw - 3vw - 3vw) !important;
		padding:20px 12.5px 20px 12.5px !important;
		margin:0 auto;
	}
	/*
	.mypagesetting table{
		width:100% !important;
		font-size:14px !important;
	}
	.mypagesetting table th{
		font-size:18px !important;
	}
	.mypagesetting table td{
		border-bottom:1px dashed #ccccd6;
		word-break:break-all;
	}
	*/
	.mypage{
		margin-top:0px !important;
		margin-left:0px !important;
	}
	.mypagecontent{
		display:block !important;
		width:100vw;
		padding-left:0px !important;
	}
	.mypagecontent h2:not(.h2normal){
		text-align:center !important;
		height:16vw !important;
		line-height:16vw !important;
		border-bottom:1px solid #e0e0e0 !important;
		margin-bottom:20px !important;
		margin-top:0px !important;
		background-color:#fbfbfb !important;
		margin-left:-35vw !important;
		#width:80vw !important;

		background-size:8px 8px;
		background-position:right 5vw center;
		background-repeat:no-repeat;

	}
	.mypagecontent h2:not(.h2normal){
		background-image:url(/images/menuarrowdown.svg);
	}
	.mypagecontent h2[isshow='1']:not(.h2normal){
		background-image:url(/images/menuarrowup.svg);
		color:#dd587b;
	}
	.h2normal{
		margin-left:6vw !important;
		font-size:24px !important;
	}
	.mypageprofile{
		position:fixed !important;
		width:100vw !important;
		left:0px !important;
		top:32vw !important;
		#display:none !important;
	}
	.planstatus{
		width:80vw !important;
		margin:0 auto;
	}
	.mypageupdate{
		#font-size:18px !important;
		height:40px !important;
		line-height:40px !important;
		width:100px !important;	
		margin-left:calc(90vw - 130px) !important;
	}
	.mypagemenuicon{
		display:block !important;
		width:10vw !important;
		height:10vw !important;
		top:3vw !important;
		left:3vw !important;
	}
	.mypageheadtool{
		width:80vw !important;
	}
	.mypageprofileheadicon{
		left:50px !important;
	}
	.mypageblockshow h3{
		margin-left:3vw !important;
	}
}
.mypage{
	#padding-left:10px;
	margin-top:-30px;
	margin-left:-30px;
}
.mypageprofile{
	#position:fixed;
	#top:0px;
	#left:0px;
	display:table-cell;
	width:240px;
	vertical-align:top;
	background-color:#fbfbfb;
	z-index:2;
}
.mypageprofileheadicon{
	position:absolute;
	top:15px;
	left:85px;
	width:70px;
	height:70px;
	border-radius:35px;
	background-color:#000000;
	background-size:cover;
	background-repeat:no-repeat;	
}

.mypagemenuicon{
	position:absolute;
	top:20px;
	left:20px;
	width:40px;
	height:40px;
	border-radius:20px;
	background-color:#000000;
	display:none;
	background-size:cover;
	background-repeat:no-repeat;
}
.mypagemenuback{
	display:none;	
	width:100vw;
	height:calc(100vh - 160px);
	position:absolute;
	top:160px;
	left:0px;
	background-color:#33333380;
	z-index:1;
}
.loginuserheadmypage{
	width:240px;
	height:60px;
	#background-color:#dd587b;
}
.mypagecontent{
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
}
.mypagesetting{
	width:65vw;
	margin-top:10px;
	background-color:#ffffff;

	#box-shadow: 0px 33px 85px rgba(255, 169, 189, 0.11), 0px 9.94853px 25.625px rgba(255, 169, 189, 0.0716748), 0px 4.13211px 10.6433px rgba(255, 169, 189, 0.055), 0px 1.4945px 3.84948px rgba(255, 169, 189, 0.0383252);
	border-color:#ffffff;
	border-radius: 16px;
	padding:10px 20px 20px 20px;
}
.mypage input[type='text']{
	font-size:14px;
	line-height:50px;
	background-color:#f7f7f7;
	margin-top:15px;
	margin-bottom:23px;
	width:80%;
	border:0px;
	outline:0px;
	font-weight:normal;

	padding:5px 20px 5px 20px;
	height:50px;
	border:1px solid #e0e0e0;
	border-radius:4px;
	line-height:50px;
}
.mypagecontent select{
	font-size:14px;
	line-height:50px;
	background-color:transparent;
	#margin-top:15px;
	#margin-bottom:23px;
	border:0px;
	width:240px;
	padding-left:20px;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight:normal;
	outline:0px;
	height:50px;	
}
.apikeydisp, .claudekeydisp{
	font-size:14px;
	height:52px;
	line-height:52px;
	background-color:#f7f7f7;
	margin-top:15px;
	margin-bottom:23px;
	width:80%;
	border:0px;
	outline:0px;
	padding:5px;
	font-weight:normal;
}
.apikeyexplain, .claudekeyexplain{
	font-size:12px;
	line-height:22px;
	margin-bottom:50px;
}
.mypage input[type='checkbox']{
	width:25px;
	height:25px;
	outline:0px;
	border:0px solid #000000;
}
.taskcheckall{
	width:90px;
	height:30px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	background-size: 16px 16px;
}
.taskcheckall[check='0']{
	background-image:url(/images/ico_check_no.svg);
}
.taskcheckall[check='1']{
	background-image:url(/images/ico_check.svg);
}
.taskcheckalltext{
	font-size:12px;
	line-height:16px;
}
.taskcheck{
	width:16px;
	height:16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	background-size: 16px 16px;
}
.taskcheck[check='0']{
	background-image:url(/images/ico_check_no.svg);
}
.taskcheck[check='1']{
	background-image:url(/images/ico_check.svg);
}

.mypage>div{
	margin-bottom:50px;
}
.advancedsetting{
	border-radius:16px;
}
.advancedsetting[isshow='0']{
	display:none;
}
.mypageblockshow[isshow='0']{
	display:none;
}
/*
.mypagesetting table{
	width:100%;
	#border-spacing:5px;
	border:0px;
	font-size:18px;
}
.mypagesetting table th{
	font-size:20px;
	border-bottom:1px solid #ffa9bd;
	padding:5px;
	text-align:left;
	height:25px;
	line-height:25px;
}
.mypagesetting table td{
	vertical-align:top;
	height:25px;
	line-height:25px;
}
*/
.mypageupdate{
	background-color:#dd587b;
	color:#ffffff;
	font-size:14px;
	margin-top:30px;
	text-align:center;
	cursor:pointer;
	font-weight:normal;
	height:40px;
	line-height:40px;
	border-radius:20px;
	width:160px;
	margin-left:600px;
}
.mypageupdate:hover{
	background-color:#EA718D;
}
.tokenrecord[isshow='0'], .creditrecord[isshow='0'], .planrecord[isshow='0'], .modelrecord[isshow='0']{
	display:none;
}
.mypagemore{
	width:100%;
	text-align:right;
	color:#a1b6e4;
	font-size:14px;
	line-height:20px;
	cursor:pointer;
	text-decoration:underline;
}
.mypagemore:hover{
	color:#010133;
}
.mypagesummary td{
	padding-top:10px;
	#border-top:1px dashed #ffa9bd;
	border-top:1px solid #e0e0e0;
	color:#dd58b7;
	font-weight:700;
}
.planstatus{
	width:70vw;
	padding:10px;
	background-color:#ffffff;
	color:#ffa9bd;
	border:1px dashed #ffa9bd;
	border-radius:10px;
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
}
.planstatus *{
	vertical-align:middle;
}
.mypagecancelplan[showbutton='0']{
	display:none;
}
.mypageovertitle{
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	font-style: bold;
	text-align: left;
	color: #ffffff;
	margin-top:35px;

	background-image:url(/images/ico_attention.svg);
	background-size:24px 24px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:35px;

}

/****************************************************Plan block**********************************/
@media (max-width:1024px){
	.indexplanarea2{
		display:block !important;
		margin:0 auto !important;
		padding:10px;
	}
	.planblocksarea2{
		width:95vw !important;
		margin:0 auto !important;
	}
	.planblocksarea>div, .planblocksarea2>div{
		#width:100vw !important;
	}
	.mypagecurrentplanblock, .mypagesusumeplanblock, .mypageallplanblock{
		width:95vw !important;
		height:unset !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding:8vw 6vw 8vw 6vw !important;
	}
	.mypagebuyplanblock{
		width:90vw !important;
		height:unset !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		padding:8vw 6vw 8vw 6vw !important;
	}
	.mypagesusumeplanblock >div:not(.mypagesusumeplanfunctionlist2), .mypageallplanblock >div:not(.mypagesusumeplanfunctionlist,.mypagesusumeplandescription) {
		text-align:center !important;
		display:block !important;
	}
	.mypagebuyplanblock{
		margin-top:20px;
		margin-left:2.5vw !important;
	}
	.mypagelimittag{
		margin-left:60vw !important;
	}
	.mypageheadtoolbottom{
		width:75vw !important;
	}
	.mypagesusumeplanbutton, .mypagecurrentplanbutton{
		#margin-left:calc(75vw - 180px) !important;
		width:100% !important;
		margin-left:unset !important;
		right:unset !important;
		position:relative !important;
		margin-bottom:0px !important;
	}
	.sortpanel{
		position:fixed;
		width:100vw !important;
		height:unset !important;
		bottom:0px;
		left:0px;
	}
	.sortitem{
		height:50px !important;
		text-align:center !important;
		line-height:50px !important;
	}
	.mypagecurrentplanname{
		font-size:24px !important;
	}
	.mypagecurrentplantitle{
		font-size:12px !important;
	}
	.mypagesusumeplanslogan{
		font-size:12px !important;
		text-align:center !important;
	}
	.mypagesusumeplanname{
		font-size:24px !important;
	}
	.mypagesusumeplantitle{
		font-size:12px !important;
	}
	.mypagesusumeplanprice{
		font-size:12px !important;
		margin-top:25px !important;
	}
	.mypagesusumeplanprice>span{
		font-size:18px !important;
	}
	.mypagecurrentplanprice>span{
		font-size:18px !important;
	}

	.mypagesusumeplanfunctionlist2, .mypagesusumeplanfunctionlist{
		font-size:14px !important;
		line-height:24px !important;
		column-count: 1 !important;
		text-align:left !important;
		display:block !important;
		height:unset !important;
	}
	.mypagesusumeplandescription{
		font-size:14px !important;
		line-height:18px !important;
		height:unset !important;
		text-align:left !important;
	}
	.pager{
		margin-top:30px !important;
	}
	.pager>*{
		margin-right:0px !important;
	}
}
.planblocksarea{
}
.planblocksarea2{
	margin-top:20px;
}
.planblocksarea2[hasplan='0']{
	display:none;
}
.planblocksarea>div, .planblocksarea2>div{
	display:inline-block;
	vertical-align:top;
}
.indexplanarea2>div{
	margin-bottom:20px;
}
.planblock{
	width:200px;
	border:1px solid #ffa9bd;
	cursor:pointer;
	margin:10px;
}
.planblocktitle{
	margin-bottom:20px;
	font-size:18px;
	font-weight:700;
	color:#000000;
}
.mypagesusumeplanblock{
	display:inline-block;
	position:relative;
	width: 440px;
	height: 337px;
	border-radius: 16px;
	background: #ffffff;
	padding:30px;
	margin-right:20px;
	margin-bottom:20px;
}
.mypagesusumeplanblock:hover{
	filter: drop-shadow(3px 10px 10px rgba(0,0,0,0.1 ));
}

.mypageallplanblock{
	display:inline-block;
	position:relative;
	width: 440px;
	height: 450px;
	border-radius: 16px;
	background: #ffffff;
	padding:30px;
	margin-right:20px;
	margin-bottom:20px;
}
.mypageallplanblock:hover{
	filter: drop-shadow(3px 10px 10px rgba(0,0,0,0.1 ));
}
.mypagebuyplanblock{
	display:inline-block;
	position:relative;
	width: 440px;
	height: 150px;
	border-radius: 16px;
	background: linear-gradient(135deg, #ff80a1 0.00%, #dd587b 100.00%);
	padding:30px;
	margin-right:20px;
	margin-bottom:20px;
}
.mypagesusumeplanslogan{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	color: #000000;
	margin-bottom:13px;
}
.mypagesusumeplanname{
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	font-style: normal;
	text-align: left;
	color: #dd587b;
	margin-bottom:15px;
}
.mypagesusumeplantitle{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	color: #dd587b;
	#margin-bottom:28px;
}
.mypagesusumeplanprice{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: right;
	color: #000000;
	#margin-bottom:27px;
	margin-top:-15px;
}
.mypagesusumeplanprice>span{
	font-size:22px;
}
.mypagesusumeplanline{
	height:1px;
	width:100%;
	border-bottom:1px solid #e0e0e0;
	margin-top:21px;
	margin-bottom:21px;
}
.mypagesusumeplanfunctionlist{
	font-size: 14px;
	font-weight: normal;
	line-height: 23px;
	font-style: normal;
	text-align: left;
	color: #000000;
	column-count: 2;
	column-width: 50%;
	column-gap: 20px;
	vertical-align:top;
	height:47px;
	overflow:hidden;
}
.mypagesusumeplanfunctionlist2{
	font-size: 14px;
	font-weight: normal;
	line-height: 23px;
	font-style: normal;
	text-align: left;
	color: #000000;
	column-count: 2;
	column-width: 50%;
	column-gap: 20px;
	vertical-align:top;
	height:115px;
	overflow:hidden;
}
.mypagesusumeplanfunctionlist2 *{
	vertical-align:top;
	margin-top:0px;
}
.mypagesusumeplanfunctionlist li::marker, .mypagesusumeplanfunctionlist2 li::marker{
	color:#dd587b;
}
.mypagesusumeplandescription{
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	font-style: normal;
	text-align: left;
	color: #000000;
	vertical-align:top;
	height:103px;
	overflow:hidden;
	margin-bottom:40px;
}

.mypagesusumeplanfunctionlist ul, .mypageallplanblock ul{
	margin-top:0px;
	padding-inline-start: 0;
	list-style-position: inside;
}
.mypagesusumeplanbutton{
	width: 180px;
	height: 40px;
	border-radius: 20px;
	background-color: #dd587b;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	#margin:0 auto;
	margin-left:200px;
	margin-bottom:0px;
	cursor:pointer;
	border-color:#dd587b;

	background-image:url(/images/arrow_right_white.svg);
	background-size:6px 6px;
	background-position:right 17px center;
	background-repeat:no-repeat;


}
/*
.mypagesusumeplanbutton:hover{
	background-color: #ffffff;
	color: #dd587b;
}
*/
.mypagecurrentplanblock{
	display:inline-block;
	position:relative;
	width: 440px;
	height: 337px;
	border-radius: 16px;
	#background: #dd587b;
	background: linear-gradient(135deg, #ff80a1 0.00%, #dd587b 100.00%);
	padding:30px;
	margin-right:20px;
	margin-bottom:20px;
}
.mypagecurrentplanslogan{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	margin-bottom:13px;
}
.mypagecurrentplanname{
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	margin-bottom:15px;
}
.mypagecurrentplantitle{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	margin-bottom:28px;
}
.mypagecurrentplanprice{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	margin-bottom:27px;
	margin-top:50px;
}
.mypagecurrentplanprice>span{
	font-size:22px;
}
.mypagecurrentplanenddate{
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: left;
	color: #ffffff;
	margin-bottom:85px;
	margin-top:20px;
}
.mypagecurrentplanline{
	height:1px;
	width:100%;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:27px;
}
.mypagecurrentplanfunctionlist{
	font-size: 14px;
	font-weight: normal;
	line-height: 28px;
	font-style: normal;
	text-align: left;
	color: #000000;
	column-count: 2;
	column-width: 50%;
	column-gap: 20px;
	vertical-align:top;
	height:140px;
	overflow:hidden;
}
.mypagecurrentplanfunctionlist>*{
	margin-top:0px;
}
.mypagecurrentplanbutton{
	width: 180px;
	height: 40px;
	border-radius: 20px;
	background-color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	font-style: normal;
	text-align: center;
	color: #dd587b;
	#margin:0 auto;
	margin-bottom:0px;
	cursor:pointer;
	border-color:#dd587b;
	#margin-left:200px;
	position:absolute;
	bottom:15px;
	right:30px;

	background-image:url(/images/arrow_red.svg);
	background-size:6px 6px;
	background-position:right 17px center;
	background-repeat:no-repeat;

}
/*
.mypagecurrentplanbutton:hover{
	background-color: #dd587b;
	color: #ffffff;
}
*/
.mypagecurrentplancancel{
	font-size:14px;
	font-weight:700;
	color:#ffffff;
}
.mypageheadtool{
	display:block;
	position:relative;
	margintop:30px;
	height:26px;
	width:380px;
}
.mypagefreetooltime{
	position:absolute;
	width:100px;
	height:13px;
	font-size:11px;
	line-height:13px;
	text-align:left;
	margin-top:0px;
	margin-left:0px;
	color:#ffffff;
}
.mypagelimittag{
	position:absolute;
	margin-top:0px;
	margin-left:320px;
	width:50px;
	height:13px;
	font-size:11px;
	line-height:13px;
	text-align:right;
	color:#ffffff;
}
.mypageheadtool[hasswitch='0']{
	display:block;
}
.mypageheadtoolbottom{
	position:absolute;
	width:380px;
	height:2px;
	top:24px;
	left:0px;
	background-color:#aaaaaa;
}
.mypageheadtooltime{
	position:absolute;
	#width:160px;
	height:2px;
	top:24px;
	left:0px;
	background-color:#ffffff;
}
.pager{
	margin:0 auto;
	width:100%;
	height:32px;
	text-align:center;
}
.pager>*{
	display:inline-block;
	font-size:12px;
	line-height:32px;
	width:32px;
	height:32px;
	margin-left:11px;
	margin-right:11px;
	text-align:center;
	cursor:pointer;
}
.pager>*[current='1']{
	border-radius:16px;
	background-color:#dd587b;
	color:#ffffff;
}
.tasksort{
	color:#000000;
	height:30px;
	width:110px;
	padding-left:30px;
	padding-right:30px;
	font-size:12px;
	line-height:30px;
	#background-color:#ffffff;
	border-radius:15px;
	cursor:pointer;
	background-image:url(/images/ico_sort.svg);
	background-size:14px 14px;
	background-position:8px 8px;
	background-repeat:no-repeat;
}
.tasksort:hover{
	background-color:#e6e7e8;
}
.mypagetaskdelete{
	color:#000000;
	height:30px;
	width:150px;
	padding-left:30px;
	padding-right:30px;
	font-size:12px;
	line-height:30px;
	#background-color:#ffffff;
	border-radius:15px;
	cursor:pointer;
	background-image:url(/images/ico_delete.svg);
	background-size:20px 20px;
	background-position:5px 5px;
	background-repeat:no-repeat;
}
.mypagetaskdelete:hover{
	background-color:#e6e7e8;
}
.tasktotal{
	color:#000000;
	height:30px;
	width:60px;
	font-size:12px;
	line-height:30px;
	#background-color:#ffffff;
}
.sortpanel{
	position:absolute;
	width: 160px;
	height: 140px;

	border-color: #e9e9e9;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;

	filter: drop-shadow(3px 10px 10px rgba(0,0,0,0.2 ));

	background: #ffffff;
	padding:10px;
	#display:none;
}
.sortitem{
	height:30px;
	font-size:13px;
	line-height:30px;
	cursor:pointer;
}
.sortitem:hover{
	background-color:#f0f1f2;
	color:#dd587b;
}
.subtitle{
	font-size:24px;
	font-weight:700;
	margin-left:2.5vw;
	margin-bottom:45px;
}
/****************************************************Buy Plan**********************************/
@media (max-width:1024px){
	.buyplancenter{
		width:95vw !important;
	}
	.buyplannormalarea{
		width:100% !important;
	}
	.buyplancenter>div{
		display:block !important;
		margin:unset !important;
		width:100% !important;
	}
	.checkout{
		box-sizing: border-box;
		width:80vw !important;
	}
	.paymentsuccess{
		width:100% !important;
	}
}
.buyplancenter{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.buyplancenter>div{
	display:inline-block;
	vertical-align:top;
	margin:0px 20px 0px 20px;
	width:40%;
}
.buyplancenter>div:nth-child(1){
	text-align:left;
}
.buyplandescription{
	font-size:12px;
	line-height:20px;
}
.buyplannormalarea{
	width:500px;
}
.checkout{
	width:300px;
	padding:10px;
	background-color:#ffa9bd;
	color:#ffffff;
	cursor:pointer;
	margin:0 auto;
	margin-top:50px;
}
.buyplanhint{
	font-size:20px;
	line-height:50px;
	font-weight:700;
	color:#dd587b;
	margin-top:20px;
	margin-bottom:50px;
	border:1px solid #ffa9bd;
	padding:0px 20px 0px 20px;
}
.buyplanexplan{
	text-align:left;
	font-size:14px;
	line-height:25px;
}
.buyplancontactbutton{
	background-color:#dd587b;
	color:#ffffff;
	font-size:14px;
	margin:0 auto;
	margin-top:50px;
	text-align:center;
	cursor:pointer;
	font-weight:normal;
	height:40px;
	line-height:40px;
	border-radius:20px;
	width:160px;
}
.buyplancontactbutton:hover{
	background-color:#EA718D;
}
.paymentsuccess{
	font-size:14px;
	line-height:26px;
	font-weight:normal;
	color:#000000;
	margin-top:45px;
	margin-bottom:50px;
	#border:1px solid #dd587b;
	#padding:0px 20px 0px 20px;
	width:323px;
	
}
.success{
	width:300px;
	#padding:10px;
	height:50px;
	border-radius:25px;
	background-color:#dd587b;
	color:#ffffff;
	cursor:pointer;
	margin:0 auto;
	margin-top:50px;
	line-height:50px;
	font-size:14px;
	text-align:center;
}
/**************************************************Dashboard************************************/
@media (max-width:1024px){
	.usagearea>*{
		display:block;
	}
	.dashboard{
		width:95vw !important;
		margin:0 auto !important;
		margin-bottom:unset !important;
	}
	.dashboardusage{
		width:85vw !important;
		margin-left:2.5vw !important;
	}
	.dashboardsusume{
		display:block !important;
		width:100% !important;
		height:unset !important;
		filter:unset !important;
		margin:0 auto;
	}

	.rightpanel{
		width:100vw !important;
		position:relative !important;
	}
	.beginner, .dashboardover, .dashboardexpire, .dashboardfreeexpire{
		width:95vw !important;
		margin:0 auto !important;
		margin-top:20px !important;
		filter:unset !important;
		padding:8vw 4vw 8vw 4vw !important;
	}
	.beginner div:not(.dashboardbeginnertooltext), .dashboardover div, .dashboardexpire div, .dashboardfreeexpire div{
		display:block !important;
		text-align:center !important;
		width:100% !important;
		position:relative !important;
		bottom:unset !important;
		margin-bottom:20px;
	}
	.beginner>div:nth-child(2), .dashboardover >div:nth-child(2), .dashboardexpire >div:nth-child(2), .dashboardfreeexpire >div:nth-child(2){
		padding-left:unset !important;
	}
	.dashboardplanarea, .dashboardplanarea2{
		width:95vw !important;
	}
	.dashboardplanblock{
		width:95vw !important;
		height:unset !important;
		#margin-left:2.5vw !important;
		margin:0 auto !important;
		display:block !important;
		margin-bottom:20px !important;

	}
	.dashboardplanfunctionlist{
		column-count:1 !important;
		height:unset !important;
		margin-bottom:10px !important;
	}
	.planall, .toolall, .listall{
		margin-right:10px !important;
	}
	.dashboardplanslogan{
		font-size:12px !important;
	}
	.dashboardplanname{
		font-size:24px !important;
	}
	.dashboardplantitle{
		font-size:12px !important;
	}
	.dashboardplanprice{
		font-size:12px !important;
	}
	.dashboardplanprice>span{
		font-size:18px !important;
	}
	.dashboardbeginnertitle{
		font-size:24px !important;
	}
	.dashboardbeginnertooltext{
		font-size:16px !important;
		display:block !important;
		margin-bottom:20px !important;
		text-align: center !important;
    		background-position: 20vw center !important;
	}
}
.dashboard{
	width:calc(100vw - 540px);
	margin-bottom:300px;
	#border:1px solid black;
}

.rightpanel{
	position:fixed;
	vertical-align:top;
	width:240px;
	height:calc(100vh - 80px);
	right:0px;
	top:80px;
	#border:1px solid black;
	background-color:#ffffff;
	padding:25px;
}

.usagearea>*{
	display:inline-block;
	vertical-align:top;
}
.rightpanelinfo, .rightpanelusage{
	height:30px;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	vertical-align:top;
	padding-left:30px;
	background-size:22px 22px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	#padding-bottom: 5px;
	border-bottom:1px solid #e0e0e0;
}
.rightpanelinfo{
	background-image:url(/images/ico_info.svg);
}
.rightpanelusage{
	margin-top:54px;
	background-image:url(/images/ico_guide.svg);
}

.dashboardusage{
	position:relative;
	height: 55px;

	background: #FFFFFF;

	font-size:13px;
	color:#000000;
	font-weight:normal;
	line-height:20px;	
	vertical-align:top;

	cursor:pointer;
	margin-top:15px;
	border-bottom:1px solid #e0e0e0;
}
.dashboardusage:hover{
	#background-color:#ffa9bd26;
	#background-color:#ffa9bd;
	color:#dd587b;
}
.toolblockcategory{
	margin-top:-15px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:700;
	color:#dd587b;
	line-height:16px;
	padding-left:20px;
	background-image:url(/images/ico_tool01.svg);
	background-size:16px 16px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
.dashboardsusume{
	/*
	box-sizing: border-box;

	position:relative;
	width: 255px;
	height: 120px;

	background: #FFFFFF;
	border: 1px solid #cccccc;
	border-radius: 5px;
	#box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

	padding:20px;
	font-size:21px;
	line-height:20px;	

	cursor:pointer;
	margin-right:60px;
	margin-bottom:60px;
	*/
	position:relative;
	display:inline-block;
	width:270px;
	//height:238px;
	height:290px;
	background: #FFFFFF;
	border-radius: 16px;

	vertical-align:top;
	margin-right:20px;
	margin-top:20px;
	padding:35px 30px 20px 30px;
	#cursor:pointer;

}
.dashboardsusume:hover{
	filter: drop-shadow(3px 10px 10px rgba(0,0,0,0.1 ));
}
.toolall, .listall, .planall{
	display:block;
	text-align:right;
	text-decoration:none;
	color:#dd587b;
	font-size:14px;
	font-weight:normal;
	margin-top:40px;
	margin-right:0px;
	position:relative;
	padding-right:35px;
}
.toolall:after, .listall:after, .planall:after{
	position:absolute;
	top:0px;
	right:16px;
	width:17px;
	height:17px;
	content:'';
	background-image:url(/images/arrow_red.svg);
	background-size:6px 6px;
	background-position:5px 10px;
	background-repeat:no-repeat;
}
.listall[isshow='0']{
	display:none;
}
.dashboarddetailitem[top10="1"]{
	display:none;
}
.beginner[isshow='0'], .dashboardover[isshow='0'], .dashboardexpire[isshow='0'], .dashboardfreeexpire[isshow='0']{
	display:none;
}
.beginner{
	position:relative;
	margin-top:30px;
	width:100%;
	#height: 207px;
	border-radius: 16px;
	filter: drop-shadow(3px 10px 10px rgba(0,0,0,0.1 ));
	background-color:#ffffff;
	padding:40px 60px 40px 60px;
}
.beginner>div{
	display:table-cell;
}
.beginner>div:nth-child(1){
	width:50%;
}
.beginner>div:nth-child(2){
	width:50%;
	padding-left:120px;
}
.dashboardbeginnertitle{
	font-size: 30px;
	font-weight: bold;
	line-height: 24px;
	font-style: normal;
	text-align: left;
	color: #000000;
	margin-bottom:20px;
}
.dashboardbeginnertext{
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	font-style: normal;
	text-align: left;
	color: #000000;
}
.dashboardbeginnertooltext{
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	font-style: normal;
	text-align: left;
	color: #000000;

	background-image:url(/images/ico_tool.svg);
	background-size:25px 25px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:40px;

	margin-bottom:40px;
}
.dashboardbeginnertoolbutton{
	width: 260px;
	height: 50px;

	border-color: #dd587b;
	border-width: 2px;
	border-style: solid;
	border-radius: 25px;


	background: #ffffff;

	margin:0 auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	font-style: normal;
	text-align: center;
	color: #dd587b;
	cursor:pointer;

	background-image:url(/images/arrow_red.svg);
	background-size:6px 6px;
	background-position:right 17px center;
	background-repeat:no-repeat;
}

.dashboardover, .dashboardexpire, .dashboardfreeexpire{
	position:relative;
	margin-top:30px;
	width:100%;
	#height: 207px;
	border-radius: 16px;
	background-color:#dd587b;
	padding:40px 60px 40px 60px;
}
.dashboardover>div, .dashboardexpire>div, .dashboardfreeexpire>div{
	display:table-cell;
}
.dashboardover>div:nth-child(1), .dashboardexpire>div:nth-child(1), .dashboardfreeexpire>div:nth-child(1){
	width:50%;
}
.dashboardover>div:nth-child(2), .dashboardexpire>div:nth-child(2), .dashboardfreeexpire>div:nth-child(2){
	width:50%;
	padding-left:120px;
}
.dashboardovertitle, .dashboardexpiretitle, .dashboardfreeexpiretitle{
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	font-style: bold;
	text-align: left;
	color: #ffffff;
	margin-bottom:20px;

	background-image:url(/images/ico_attention.svg);
	background-size:40px 40px;
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-left:55px;

}
.dashboardovertext, .dashboardexpiretext, .dashboardfreeexpiretext{
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	font-style: normal;
	text-align: left;
	color: #ffffff;
}
.dashboardovertoolbutton, .dashboardexpiretoolbutton2{
	position:absolute;
	width: 260px;
	height: 50px;
	bottom:40px;

	border-color: #dd587b;
	border-width: 2px;
	border-style: solid;
	border-radius: 25px;


	background: #ffffff;

	margin:0 auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	font-style: normal;
	text-align: center;
	color: #dd587b;
	cursor:pointer;
}
.dashboardexpiretoolbutton1{
	position:absolute;
	width: 260px;
	height: 50px;
	bottom:100px;

	border-color: #ffffff;
	border-width: 2px;
	border-style: solid;
	border-radius: 25px;


	background: #dd587b;

	margin:0 auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	cursor:pointer;
}
.dashboardplanarea{
}
.dashboardplanblock{
	display:inline-block;
	position:relative;
	width: 440px;
	height: 423px;
	border-radius: 16px;
	background: #ffffff;
	padding:30px;
	margin-right:20px;
	margin-bottom:20px;
	vertical-align:top;
}
.dashboardplanblock:hover{
	filter: drop-shadow(3px 10px 10px rgba(0,0,0,0.1 ));
}
.dashboardplanslogan{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: center;
	color: #000000;
	margin-bottom:13px;
}
.dashboardplanname{
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	font-style: normal;
	text-align: center;
	color: #dd587b;
	margin-bottom:15px;
}
.dashboardplantitle{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: center;
	color: #dd587b;
	margin-bottom:28px;
}
.dashboardplanprice{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	font-style: normal;
	text-align: center;
	color: #000000;
	margin-bottom:27px;
}
.dashboardplanprice>span{
	font-size:22px;
}
.dashboardplanline{
	height:1px;
	width:100%;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:27px;
}
.dashboardplanfunctionlist{
	font-size: 14px;
	font-weight: normal;
	line-height: 28px;
	font-style: normal;
	text-align: left;
	color: #000000;
	column-count: 2;
	column-width: 50%;
	column-gap: 20px;
	vertical-align:top;
	height:140px;
	overflow:hidden;
}
.dashboardplanfunctionlist li::marker{
	color:#dd587b;
}
.dashboardplanfunctionlist>*{
	margin-top:0px;
}
.dashboardplanbutton{
	width: 180px;
	height: 40px;
	border-radius: 20px;
	background-color: #dd587b;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	margin:0 auto;
	margin-bottom:0px;
	cursor:pointer;
	#border-color:#dd587b;

	background-image:url(/images/arrow_right_white.svg);
	background-size:6px 6px;
	background-position:right 17px center;
	background-repeat:no-repeat;


}
.dashboardplanbutton:hover{
	background-image:url(/images/arrow_red.svg);
	background-color: #ffffff;
	color: #dd587b;
	border:2px solid #dd587b;
}

/*
.dashboardsusume:hover{
	#background-color:#fff9f6;
	background-color:#ffa9bd;
	color:#ffffff;
}
.dashboardsusume:hover *{
	color:#ffffff;
}
*/
/*************************SP**********************************/
@media (max-width:1400px){
	.spcontent h2{
		font-size:26px !important;
	}
}
.spcontent h2{
	font-size:36px;
	line-height:40px;
	font-weight:700;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	position:relative;
	padding-top:32px;
}
.spcontent h2:before{
	content:'';
	position:absolute;
	width:134px;
	height:1px;
	background-color:#EA718D;
	top:0px;
	left:0px;
}

/**********************FAQ**********************************/
@media (max-width:1400px){
	.faqitemarea{
		width:calc(100vw - 50px) !important;
	}
	.faqquestion{
		font-size:14px !important;
		line-height:18px !important;
	}
	.faqanswer{
		font-size:14px !important;
		line-height:18px !important;
		padding-left:35px !important;
		margin-right:70px !important;
	}
	.faqanswer:before{
		left:0px !important;
	}
	.faqtoggle{
		width:22px !important;
		height:22px !important;
	}
	.faqitemarea{
		margin-top:10px !important;
	}
	.faqcategoryarea{
		margin-top:40px !important;
	}
	.faqcategoryarea>*{
		margin-right:36px !important;
	}
	.faqcategory{
		font-size:14px !important;
		line-height:14px !important;
	}
	.faqsearchblock{
		width:calc(100vw - 50px) !important;
		height:46px !important;
		position:relative !important;
		margin-bottom:70px;
		top:20px !important;
	}
	.faqsearchbutton{
		width:46px !important;
		height:46px !important;
		background-size:24px 24px !important;
	}
	.faqsearchinput{
		width:calc(100vw - 50px - 46px - 40px) !important;
		height:38px !important;
		font-size:14px !important;
		#border:1px solid red !important;
		line-height:38px !important;
	}
}
.faqsearchblock{
	width: 458px;
	height: 64px;
	/* UI Properties */
	border: 1px solid #707070;
	opacity: 1;
	position:absolute;
	top:45px;
	right:0px;
	z-index:2;
}
.faqsearchblock>*{
	display:inline-block;
	vertical-align:top;
}
.faqsearchbutton{
	width:64px;
	height:64px;
	background-color:#EA718D;
	background-image:url(/images/search.svg);
	background-size:32px 32px;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.faqsearchinput{
	outline:0px;
	border:0px;
	font-size:20px;
	line-height:60px;
	width:380px;
	margin-left:10px;
	height:60px;
}
.faqcategoryarea{
	margin-top:55px;
}
.faqcategoryarea>*{
	display:inline-block;
	margin-right:90px;
}
.faqcategory{
	font-size:20px;
	line-height:40px;
	font-weight:500;
	letter-spacing: 0px;
	color: #EA718D;
	opacity: 1;	
	cursor:pointer;
}
.faqcategory[isactive='1']{
	color:#000000;
	cursor:unset;
}
.faqitemarea{
	width:1200px;
	#background-color:#cccccc;
	margin-top:35px;
}
.faqitem{
	border-bottom:1px dashed #707070;
	padding-top:35px;
	padding-bottom:35px;
	position:relative;
}
.faqquestion{
	font-size:22px;
	line-height:40px;
	font-weight:500;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	padding-left:35px;
	margin-right:70px;
	position:relative;	
}
.faqquestion:before{
	content:'Q. ';
	display:inline-block;
	position:absolute;
	top:0px;
	left:0px;
}
.faqanswer{
	font-size:22px;
	line-height:40px;
	font-weight:500;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;	
	margin-top:43px;
	padding-left:70px;
	margin-right:40px;
	position:relative;
	display:none;
}
.faqanswer:before{
	content:'A. ';
	display:inline-block;
	color: #EA718D;
	position:absolute;
	top:0px;
	left:35px;
}
.faqtoggle{
	display:block;
	position:absolute;
	top:35px;
	right:0px;
	width:26px;
	height:26px;
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}
.faqtoggle[isshow='0']{
	background-image:url(/images/faqopen.svg);
}
.faqtoggle[isshow='1']{
	background-image:url(/images/faqclose.svg);
}
/*******************************CompanyInfo********************/
@media (max-width:1400px){
	.infoarea{
		margin-top:40px !important;
	}
	.infoline{
		padding-top:24px !important;
		padding-bottom:24px !important;
	}
	.infoline>*{
		display:block !important;
	}
	.infoitem{
		font-size:14px !important;
		line-height:26px !important;
		width:calc(100% - 30px) !important;
	}
	.infoitemsmall{
		font-size: 12px !important;
		line-height:20px !important;
	}
}
.infoarea{
	margin-top:100px;
}
.infoline{
	padding-top:36px;
	padding-bottom:36px;
}
.infoline:not(:last-child){
	border-bottom:1px dashed #707070;
}
.infoline>*{
	display:inline-block;
	vertical-align:top;
}
.infoline>.infoitem:nth-child(1){
	width:150px;
	margin-right:76px;
}
.infoline>.infoitem:nth-child(2){
	width:800px;
}
.infoitem{
	font-size: 22px;
	font-weight:500;
	line-height:40px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}
.infoitemsmall{
	font-size: 18px;
	line-height:26px;
}
.infoarea a{
	color:#a7a7a7;
	text-decoration:none;
}
.infoarea a:hover{
	color:#EA718D;
}
/*********************Service Term**********************/
@media (max-width:1400px){
	.blocklistplaintext{
		font-size:14px !important;
		line-height:26px !important;
		width:100% !important;
		margin-top:50px !important;
	}
	.blocklistblock{
		#width:calc(100% - 70px) !important;
		width:100% !important;
	}
	.blocklisttitle{
		font-size:18px !important;
		line-height:28px !important;
	}
	.blocklistcontent{
		font-size:14px !important;
		line-height:26px !important;
	}
}
.blocklistplaintext{
	font-size:18px;
	font-weight:500;
	line-height:28px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	width:1200px;
	margin-top:117px;
}
.blocklistblock{
	width: 1200px;
	border: 1px solid #A7A7A7;
	border-radius: 12px;
	opacity: 1;
	padding:27px 37px 27px 37px;
	margin-top:52px;
}
.blocklisttitle{
	font-size:22px;
	font-weight:500;
	line-height:28px;
	color: #000000;
	opacity: 1;
	padding-bottom:20px;
	border-bottom:1px solid #A7A7A7;
}
.blocklistcontent{
	font-size:18px;
	font-weight:500;
	line-height:28px;
	color: #000000;
	opacity: 1;
	padding-top:20px;
	padding-bottom:0px;
}
.blocklistcontent ol{
	padding-left:20px;
	#list-style: none;
	#list-style-position: inside;
	margin-bottom:50px;
}
.blocklistcontent li{
	margin-top:15px;
	margin-bottom:15px;
}
/***************************Contact**********************************************/
@media (max-width:1400px){
	.inputformarea{
		margin:0px 0px 0px 0px !important;
	}
	.inputformitem{
		margin-top:40px !important;
	}
	.inputformitem>div:nth-child(3){
		display:block;
		width:calc(100% - 10px) !important;
	}
	.inputformitemtitle, .inputformitemnecessary, .inputformarea input, .inputformarea select, .inputformarea textarea{
		font-size:14px !important;
	}
	.inputformarea input, .inputformarea select, .inputformarea textarea{
		width:calc(100% - 10px) !important;
	}
	.inputformitemtitle{
		width:calc(100% - 60px) !important;
	}
	.inputformarea input[type='checkbox']{
		width:25px !important;
	}
	.inputformbutton{
		margin-top:50px !important;
		width:calc(100% - 20px) !important;
		font-size:14px !important;
		height:50px !important;
		line-height:50px !important;
	}
	.inputformbuttongray{
		width:calc(100% - 0px) !important;
	}		
}
.inputformarea{
	margin:100px 90px 100px 90px;
}
.inputformitem{
	margin-top:70px;
}
.inputformitem>*{
	display:inline-block;
}

.inputformitemtitle{
	width:150px;
	height:32px;
	font-size:22px;
	font-weight:500;
	line-height:32px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	vertical-align:top;
}
.inputformitemnecessary{
	width:50px;
	height:32px;
	font-size:21px;
	font-weight:500;
	line-height:28px;
	letter-spacing: 0px;
	color: #EA718D;
	opacity: 1;
	vertical-align:top;
}
.inputformarea input{
	width:740px;
	height:32px;
	outline:none;
	border-top:0px;
	border-right:0px;
	border-left:0px;
	border-bottom:1px solid #a7a7a7;
	font-size:22px;
	font-weight:500;
	line-height:32px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}
.inputformarea input:focus{
	outline:none;
}
.inputformarea textarea{
	width:740px;
	height:340px;
	font-size:22px;
	font-weight:500;
	line-height:32px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}
.inputformarea textarea:focus{
	outline:none;
}
.inputformarea input[type='checkbox']{
	width:25px;
}
.inputformarea select{
	outline:none;
	padding:10px;
	font-size:22px;
	font-weight:500;
	line-height:32px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;

}
.inputformbutton{
	width: 420px;
	height: 81px;
	background-color:#ffffff;
	border: 1px solid #EA718D;
	opacity: 1;
	margin:0 auto;
	margin-top:100px;
	text-align:center;
	font-size:24px;
	font-weight:700;
	line-height:81px;
	letter-spacing: 0.48px;
	color: #EA718D;
	opacity: 1;
	cursor:pointer;
	position:relative;
}
.inputformbuttongray{
	width:420px;
	height:10px;
	background-color:#f0f0f0;
	margin:0 auto;
	margin-top:1px;
}
/******************************************Detail Page and others*************************/
@media (max-width:1400px){
	.computer{
		display:none !important;
	}
	.mobilephone{
		display:table !important;
	}
	.detailtitleimg{
		width:78px !important;
		height:78px !important;
	}
	.spindexbox{
		width:calc(100% - 70px) !important;
	}	
	.spindexboxtitle{
		font-size:22px !important;
	}
	.spindexboxcolumn{
		display:block !important;
		width:calc(100% - 70px) !important;
		margin-top:0px !important;
	}
	.spindexboxcolumn>a{
		font-size:21px !important;
		margin-bottom:0px !important;
	}
	.spcontent h2{
		width:calc(100% - 23px) !important;
	}
	.spcontent h3{
		padding-left:23px !important;
		width:calc(100% - 23px) !important;
		height:68px !important;
		line-height:68px !important;
		font-size:22px !important;
	}
	.spcontent h4{
		width:calc(100% - 40px) !important;
		height:unset !important;
		line-height:36px !important;
		font-size:21px !important;
		padding:24px 23px 24px 23px !important;
	}
	.spcontentimg{
		width:calc(100% - 23px) !important;
		height:unset !important;
		margin:0 auto;
	}
	.subtitle1{
		padding-left:13px !important;
		width:calc(100% - 46px) !important;
		height:40px !important;
		line-height:40px !important;
		font-size:18px !important;
		padding-right:23px !important;
		#overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.subtitle1:after{
		display:block !important;
		width:calc(100% - 0px) !important;
		top:50px !important;
	}
	.sptable th, .sptable td{
		padding:15px 20px 15px 20px !important;
	}
	.linkbox{
		width:unset !important;
		border:0px solid #ffffff !important;
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	.linkbutton{
		width:325px !important;
		font-size:20px !important;
		height:64px !important;
		line-height:64px !important;
		margin:0 auto !important;
		background-size:325px 64px !important;
	}
	.linkdescription{
		font-size:20px !important;
		margin-bottom:13px !important;
	}
	.picturebox{
		width:calc(100% - 0px) !important;
		height:unset !important;
		border: 2px solid #DDDDDD !important;
		border-radius: 12px !important;
		padding-bottom:30px !important;
	}
	.picturebox>*{
		display:block !important;
		position:relative !important;
	}
	.picturebox>img{
		width:calc(100% - 60px) !important;
		height:unset !important;
		margin:0 auto !important;
		margin-top:25px !important;
		left:unset !important;
		top:unset !important;
	}
	.pictureboxtitle{
		width:calc(100% - 60px) !important;
		height:unset !important;
		margin:0 auto !important;
		left:unset !important;
		font-size:20px !important;
		line-height:30px !important;
		top:unset !important;
	}
	.pictureboxcontent{
		width:calc(100% - 60px) !important;
		height:unset !important;
		margin:0 auto !important;
		left:unset !important;
		top:unset !important;
		font-size:14px !important;
		line-height:26px !important;
	}
	.reditembox{
		width:calc(100% - 0px) !important;
		--height:414px !important;
		border: 2px solid #EA718D !important;
		border-radius: 12px !important;
		#margin-bottom:20px !important;
	}
	.reditembox:before{
		top:-20px !important;
		left:10px !important;;
		width:150px !important;
		height:150px !important;
		background-size:150px 150px !important;;
	}
	.reditemword{
		top:-20px !important;
		left:30px !important;
		#border:1px solid red;
		font-size:10px !important;
		line-height:35px !important;
		width:110px !important;
		height:35px;
	}
	.reditem{
		left:40px !important;
		width:calc(100% - 70px) !important;;
		--height:60px !important;
		font-size:14px !important;
		line-height:24px !important;
		padding-bottom:20px !important;	
	}
	.reditem:before{
		background-size:18px 18px !important;
		width:18px !important;
		height:18px !important;
		left:-25px !important;
		top:10px !important;
	}
	.reditem:nth-child(2){
		margin-top:140px !important;
	}
	.reditem:nth-child(3){
		--top:230px !important;
	}
	.reditem:nth-child(4){
		--top:320px !important;
	}
	.leftrobotbox{
		#border:1px solid red;
		margin-top:40px !important;
		margin-bottom:80px;
		height:350px !important;

	}
	.leftrobotbox:before{
		top:210px !important;
		left:5px !important;
		width:118px !important;
		height:118px !important;
		border-radius:59px !important;
		background-size:118px 118px !important;
	}
	.leftrobotbox:after{
		top:0px !important;
		left:0px !important;
		width:338px !important;
		height:281px !important;
		background-image:url(/images/leftrobotword-mobile.svg) !important;
		background-size:338px 281px !important;
		background-position-y:-60px;
	}
	.leftrobotword{
		width:290px !important;
		height:140px !important;
		left:20px !important;
		top:20px !important;
		overflow-y:hidden;
		line-height:24px !important;
	}
	.rightrobotbox{
		#border:1px solid red;
		margin-top:40px !important;
		margin-bottom:80px;
		height:350px !important;

	}
	.rightrobotbox:before{
		top:210px !important;
		left:215px !important;
		width:118px !important;
		height:118px !important;
		border-radius:59px !important;
		background-size:118px 118px !important;
	}
	.rightrobotbox:after{
		top:0px !important;
		left:-40px !important;
		width:338px !important;
		height:281px !important;
		background-image:url(/images/rightrobotword-mobile.svg) !important;
		background-size:338px 281px !important;
		background-position-y:-60px;
	}
	.rightrobotword{
		width:290px !important;
		height:140px !important;
		left:5px !important;
		top:20px !important;
		overflow-y:hidden;
		line-height:24px !important;
	}
	.labelbox{
		width: calc(100% - 0px) !important;
	}
	.labelbox:before{
		top:10px !important;
		left:10px !important;
		width:32px !important;
		height:32px !important;
		background-size:32px 32px !important;

	}
	.labelboxword{
		margin-left:50px !important;
		margin-top:10px !important;
		#border:1px solid red;
		width:calc(100% - 70px) !important;
		height:77px !important;
		#overflow:unset !important;
		white-space: unset !important;
		text-overflow: unset !important;

		line-height:24px !important;
	}
	.tabbox{
		width: calc(100% - 35px) !important;
		height:unset !important;
		margin-top:120px;
		margin-bottom:80px;
		padding:21px 21px 21px 21px !important;
	}
	.tabbox:before{
		top:-40px !important;
		width:130px !important;;
		height:40px !important;
		font-size:21px !important;
		line-height:44px !important;
		padding-left:50px !important;

	}
	.tabbox:after{
		width:20px !important;
		height:20px !important;
		top:-30px  !important;
		left:21px !important;
		background-size:20px 20px !important;
	}
	.tabboxword{
		#width:100% !important;
		line-height:24px !important;
	}
	.subtitle2{
		padding-left:0px !important;
		width:calc(100% - 46px) !important;
		height:40px !important;
		line-height:40px !important;
		font-size:18px !important;
		padding-right:23px !important;
		#overflow:hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.subtitle2:after{
		display:block !important;
		width:calc(100% - 0px) !important;
		top:50px !important;
	}
	.picturelist{
		margin-top:40px;
		margin-bottom:40px;
		width:calc(100% - 0px) !important;
		#border:1px solid red;
	}
	.picturelist>div{
		display:block;
	}
	.picturelistbox{
		width:calc(100% - 0px) !important;
		margin:0 auto !important;
		margin-bottom:30px !important;
	}
	.picturelistbox>img{
		width:calc(100% - 0px) !important;
		height:unset !important;
		border-radius: 20px;
	}
	.picturelistboxword{
		width:calc(100% - 0px) !important;
		height:unset !important;
		margin-top:0px !important;
		line-height:24px !important;
	}
	.blockblank{
		width:50px !important;
	}
}
.detailh2{
}
.detailh2:before{
	background-color:#ffffff !important;
}
.detailtitleimg{
	vertical-align:middle;
	width:101px;
	height:101px;
	margin-right:18px;
}
.spindexbox{
	width: 1360px;
	border: 4px solid #DDDDDD;
	border-radius: 21px;
	opacity: 1;
	margin-top:60px;
	margin-bottom:60px;
	padding:27px 34px 27px 34px;
	vertical-align:top;
}
.spindexboxtitle{
	font-size:26px;
	line-height:36px;
	color:#EA718D;
}
.spindexboxcolumn{
	display:inline-block;
	width:400px;
	margin-top:27px;
	margin-left:20px;
	vertical-align:top;
}
.spindexboxcolumn>a{
	font-size:24px;
	line-height:36px;
	display:block;
	text-decoration:none;
	color:#000000;
	margin-bottom:40px;
}
.spindexboxcolumn>a:before{
	content:'- ';
}
.spcontent h3{
	font-size:32px;
	line-height:100px;
	background: #F9E0E6 0% 0% no-repeat padding-box;
	border-radius: 21px;
	opacity: 1;
	height:100px;
	padding-left:35px;
	width:1400px;
}
.spcontent h4{
	font-size:28px;
	line-height:80px;
	background: #eeeeee 0% 0% no-repeat padding-box;
	border-radius: 21px;
	opacity: 1;
	height:80px;
	padding-left:35px;
	width:1400px;
}
.highlight1{
	background: #6DE9D5 0% 0% no-repeat padding-box;
}
.spcontentimg{
	vertical-align:middle;
	width:900px;
	height:600px;
	display:inline-block;
}
.spimagedescription{
	display:inline-block;
}
.subtitle1{
	display:inline-block;
	font-size:28px;
	background: #F2DA39 0% 0% no-repeat padding-box;
	line-height:60px;
	padding-left:35px;
	padding-right:35px;
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
}
.subtitle1:after{
	content:' ';
	background-color:#eeeeee;
	position:absolute;
	width:1400px;
	height:2px;
	top:80px;
	left:0px;
}
.highlight2{
	border-bottom:1px solid red;
}
.liststyle1{
	margin-top:40px;
	margin-bottom:40px;
}	
.liststyle2{
	margin-top:40px;
	margin-bottom:40px;
	list-style: none; 
	counter-reset: li;
}	
.liststyle2 li{
	counter-increment: li;
	position:relative;
}
.liststyle2 li:before{
	content: counter(li); 
	color: #EA718D;
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}
.liststyle2 li:after{
	position:absolute;
	content:'.';
	top:0px;
	left:-5px;
	color:#EA718D;
}
.liststyle3{
	margin-top:40px;
	margin-bottom:40px;
	list-style: none; 
}
.liststyle3 li{
	position:relative;
}	
.liststyle3 li:before{
	content:'';
	background-size: 22px 22px;
	background-image: url(/images/check-box.svg);
	background-repeat: no-repeat;
	width:22px;
	height:22px;
	position:absolute;
	top:10px;
	left:-27px;
}
.sptable{
	text-align:center;
	margin:0 auto;
}
.sptable th{
	padding:15px 32px 15px 32px;
	color:#EA718D;
	border-bottom:1px solid #888888;
}

.sptable th:not(:last-child){
	border-right:1px solid #888888;
}
.sptable td{
	padding:15px 32px 15px 32px;
	#color:#EA718D;
}
.sptable tbody tr:not(:last-child) td{
	border-bottom:1px solid #888888;
}
.sptable td:not(:last-child){
	border-right:1px solid #888888;
}
.computer{
	display:table;
}
.mobilephone{
	display:none;
}
.linkbox{
	width: 1000px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 4px solid #DDDDDD;
	border-radius: 21px;
	opacity: 1;
	margin:0 auto;
	margin-top:50px;
	margin-bottom:50px;
	vertical-align:middle;
	text-align:center;
	padding-top:100px;
	padding-bottom:100px;
}
.linkbutton{
	width:476px;
	height:100px;
	background-image:url(/images/linkbuttonlarge.svg);
	background-size:cover;
	background-repeat:no-repeat;
	text-align:center;
	line-height:100px;
	color:#ffffff;
	cursor:pointer;
	font-size:28px;
	font-weight:700;
	margin:0 auto;
}
.linkbutton:hover{
	opacity:0.6;
}
.linkdescription{
	font-size:32px;
	text-align:center;
	font-weight:700;
	margin-bottom:26px;
}
.picturebox{
	width: 1100px;
	height: 364px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 4px solid #DDDDDD;
	border-radius: 24px;
	opacity: 1;
	position:relative;
	margin-top:80px;
	margin-bottom:80px;
}
.picturebox>img{
	width:358px;
	height:270px;
	position:absolute;
	top:47px;
	left:42px;
}
.pictureboxtitle{
	font-size:26px;
	line-height:36px;
	letter-spacing: 0px;
	color: #EA718D;
	opacity: 1;
	width:623px;
	height:74px;
	top:47px;
	left:450px;
	position:absolute;
}
.pictureboxcontent{
	font-size:18px;
	line-height:36px;
	letter-spacing: 0px;
	opacity: 1;
	width:623px;
	height:134px;
	top:147px;
	left:450px;
	position:absolute;
}
.reditembox{
	width: 1100px;
	--height: 364px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 4px solid #EA718D;
	border-radius: 24px;
	opacity: 1;
	position:relative;
	margin-top:80px;
	margin-bottom:80px;
	padding-top:10px;
}
.reditembox:before{
	content:' ';
	position:absolute;
	top:33px;
	left:42px;
	width:278px;
	height:294px;
	background-image:url(/images/reditemrobot.svg);
	background-size:278px 294px;
	background-repeat:no-repeat;
}
.reditemword{
	position:absolute;
	top:40px;
	left:75px;
	font-size:24px;
	font-weight:700;
	line-height:55px;
	color:#ffffff;
	width:220px;
	text-align:center;
}
.reditem{
	--position:absolute;
	position:relative;
	left:410px;
	width:657px;
	--height:71px;
	font-size:24px;
	font-weight:700;
	padding-bottom:20px;	
	margin-top:20px;
}
.reditem:before{
	content:' ';
	background-image:url(/images/check-box.svg);
	background-size:36px 36px;
	background-repeat:no-repeat;
	width:36px;
	height:36px;
	left:-50px;
	top:10px;
	position:absolute;
}
.reditem:not(:last-child){
	border-bottom:1px dashed #c7c7c7;
}
.reditem:nth-child(2){
	--top:40px;
	--border-bottom:1px dashed #c7c7c7;
}
.reditem:nth-child(3){
	--top:140px;
	--border-bottom:1px dashed #c7c7c7;
}
.reditem:nth-child(4){
	--top:250px;
}
.leftrobotbox{
	position:relative;
	#border:1px solid red;
	margin-top:80px;
	margin-bottom:80px;
	height:250px;

}
.leftrobotbox:before{
	content:' ';
	position:absolute;
	top:0px;
	left:42px;
	width:221px;
	height:221px;
	background-color:#d6f3f2;
	border-radius:108px;
	background-image:url(/images/leftrobot.svg);
	background-size:221px 221px;
	background-repeat:no-repeat;
}
.leftrobotbox:after{
	content:' ';
	position:absolute;
	top:0px;
	left:250px;
	width:900px;
	height:245px;
	background-image:url(/images/leftrobotword.svg);
	background-size:900px 245px;
	background-repeat:no-repeat;
}
.leftrobotword{
	position:absolute;
	width:760px;
	height:200px;
	left:350px;
	top:20px;
}
.rightrobotbox{
	position:relative;
	#border:1px solid red;
	margin-top:80px;
	margin-bottom:80px;
	height:250px;

}
.rightrobotbox:before{
	content:' ';
	position:absolute;
	top:0px;
	left:920px;
	width:221px;
	height:221px;
	background-color:#f9ebbc;
	border-radius:108px;
	background-image:url(/images/leftrobot.svg);
	background-size:221px 221px;
	background-repeat:no-repeat;
}
.rightrobotbox:after{
	content:' ';
	position:absolute;
	top:0px;
	left:0px;
	width:900px;
	height:245px;
	background-image:url(/images/rightrobotword.svg);
	background-size:900px 245px;
	background-repeat:no-repeat;
}
.rightrobotword{
	position:absolute;
	width:760px;
	height:200px;
	left:40px;
	top:20px;
}
.labelbox{
	width: 1121px;
	height: 100px;
	/* UI Properties */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 12px;
	position:relative;
	margin-top:40px;
	margin-bottom:40px;
}
.labelbox:before{
	content:' ';
	position:absolute;
	top:17px;
	left:26px;
	width:66px;
	height:66px;
	background-size:66px 66px;
	background-repeat:no-repeat;

}
.labelboxword{
	margin-left:120px;
	margin-top:32px;
	#border:1px solid red;
	width:980px;
	height:37px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.labelbox[type='warning']{
	border: 2px solid #EA718D;
}
.labelbox[type='warning']:before{
	background-image:url(/images/type-warning.svg);
}
.labelbox[type='question']{
	border: 2px solid #FFC300;
}
.labelbox[type='question']:before{
	background-image:url(/images/type-question.svg);
}
.labelbox[type='good']{
	border: 2px solid #3C92CA;
}
.labelbox[type='good']:before{
	background-image:url(/images/type-good.svg);
}
.labelbox[type='bad']{
	border: 2px solid #F0571B;
}
.labelbox[type='bad']:before{
	background-image:url(/images/type-bad.svg);
}

.tabbox{
	position:relative;
	width:1068px;
	height:120px;
	margin-top:120px;
	margin-bottom:80px;
	padding:24px 26px 24px 26px;
}
.tabbox:before{
	display:block;
	position:absolute;
	left:-2px;
	top:-60px;
	width:190px;
	height:60px;
	font-size:24px;
	line-height:60px;
	font-weight:700;
	color:#ffffff;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	padding-left:70px;

}
.tabbox:after{
	content:' ';
	position:absolute;
	width:28px;
	height:28px;
	top:-44px;
	left:26px;
	background-size:28px 28px;
	background-repeat:no-repeat;
}
.tabbox[type='check']{
	border: 2px solid #EA718D;
}
.tabbox[type='check']:before{
	content:'CHECK POINT';
	background: #EA718D 0% 0% no-repeat padding-box;

}
.tabbox[type='check']:after{
	background-image:url(/images/type-check.svg);
}
.tabbox[type='hint']{
	border: 2px solid #28C1D9;
}
.tabbox[type='hint']:before{
	content:'HINT';
	background: #28C1D9 0% 0% no-repeat padding-box;

}
.tabbox[type='hint']:after{
	background-image:url(/images/type-hint.svg);
}
.tabbox[type='memo']{
	border: 2px solid #53DC76;
}
.tabbox[type='memo']:before{
	content:'MEMO';
	background: #53DC76 0% 0% no-repeat padding-box;

}
.tabbox[type='memo']:after{
	background-image:url(/images/type-memo.svg);
}
.subtitle2{
	display:inline-block;
	font-size:28px;
	#background: #F2DA39 0% 0% no-repeat padding-box;
	line-height:60px;
	#padding-left:35px;
	padding-right:35px;
	position:relative;
	margin-top:20px;
	margin-bottom:30px;
}
.subtitle2:after{
	content:' ';
	background-color:#eeeeee;
	position:absolute;
	width:1400px;
	height:2px;
	top:80px;
	left:0px;
}
.picturelist{
	margin-top:40px;
	margin-bottom:40px;
	width:1400px;
}
.picturelist>div{
	display:inline-block;
}
.picturelistbox{
	width:660px;
	margin-right:30px;
	margin-bottom:60px;
}
.picturelistbox>img{
	width:660px;
	height:418px;
	border-radius: 20px;
}
.picturelistboxword{
	width:660px;
	height:70px;
	margin-top:10px;
}
.urllink{
	cursor:pointer;
}
.blockblank{
	width:100%;
	height:100px;
}

/*****************************Article list*******************/
@media (max-width:1024px){
	.articlelistblock{
		top:inherit !important;
		height:inherit !important;
	}
	.articlelistblock{
		margin:30px 2px 30px 2px !important;;
		height:144px !important;
	}
	.articlelistblock>img{
		width:90px !important;;
		height:90px !important;;
		border-radius:10px !important;;
	}
	.articlelistcontentblock{
		left:100px !important;;
		height:95px !important;;
	}
	.articlelistblockh3{
		font-size:13px !important;
		line-height:1.88 !important;
	}
	.articlelistsummary{
		top:54px !important;
		left:100px !important;
		height:35px !important;
		font-size:13px !important;
	}
	.articlelisthashtag{
		top:110px !important;
		height:15px !important;
		font-size:10px !important;
	}
	.articlelisttail{
		bottom:-12px !important;
		padding-left:8px !important;
	}
	.articlelisttail .articleitemimg{
		width:10px !important;
		height:10px !important;
	}	
	.articlelisttime, .articlelistviews, .articlelistarthur{
		font-size:10px !important;
	}
}
.articlelistblock{
	position:relative;
	border:0px solid #333333;
	margin:50px 5px 0px 5px;
	width:100%;
	height:340px;
	cursor:pointer;
	border-bottom:1px solid #ccc;
}
.articlelistblock>img{
	width:225px;
	height:225px;
	border-radius:25px;
}
.articlelistcontentblock{
	position:absolute;
	top:0px;
	left:250px;
	height:200px;
	padding:0px;
	overflow-y:hidden;
}
.articlelisttitle{
	display:inline;
}
.articlelistblockh3{
	margin:0px;
	display:inline-block;
	font: normal normal bold 18px 'ヒラギノ角ゴ Pro W3';
	letter-spacing: 0px;
	color: #2D3132;
	opacity: 1;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow:ellipsis;
}
.articlelistsummary{
	#margin:0px;
	#position:absolute;
	#top:135px;
	#left:250px;
	#height:75px;
	display:inline;
	font: normal normal normal 18px 'ヒラギノ角ゴ Pro W3';
	letter-spacing: 0px;
	color: #6B6B6B;
	opacity: 1;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow:ellipsis;
}
.articlelisthashtag{
	position:absolute;
	top:280px;
	left:0px;
	height:25px;
	font: normal normal normal 17px 'ヒラギノ角ゴ Pro W3';
	letter-spacing: 0px;
	color: #ADADAD;
	opacity: 1;
	padding:0px 5px 0px 5px;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow:ellipsis;
	z-index:5;
}
.articlelisttail{
	position:absolute;
	bottom:-15px;
	right:0px;
	background-color:#ffffff;
	padding-left:20px;
}
.articlelisttail .articleitemimg{
	width:17px;
	height:17px;
}	
.articlelisttime, .articlelistviews, .articlelistarthur{
	padding:0px 10px 0px 10px;
	height:35px;
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding-left:5px;
	padding-top:15px;
	font: normal normal normal 24px Renner;
	letter-spacing: 0px;
	color: #ADADAD;
	opacity: 1;
	white-space: nowrap;
}
/************************************PLAN LIST**************************/
@media (max-width:1024px){
	.indexplanarea{
		width:calc(100% - 0px) !important;
		height:unset !important;
		word-wrap:initial !important;
		white-space:initial !important;
	}
	.indexplanblock{
		display:block !important;
		width:calc(100% - 30px) !important;
		margin:0 auto !important;
		padding-left:10px !important;
		padding-right:10px !important;
		height:unset !important;
		margin-bottom:30px !important;
	}
	.indexplanblock[isactive='0']{
		margin-left:0px !important;
	}
	.indexplanblock[isactive='1']{
		transform:scale(1) !important;
		border: 2px solid #A7A7A7 !important;
		border-radius: 20px !important;
		margin-left:0px !important;	
	}
	.indexplanareapointer{
		display:none !important;
	}
	.indexplantitle{
		font-size:28px !important;
		line-height:45px !important;
		margin-top:20px !important;
	}
	.indexplanslogan{
		font-size:18px !important;
		line-height:32px !important;
		letter-spacing: 0px;
		#margin-top:20px !important;
	}
	.indexplanprice{
		font-size:40px !important;
		line-height:80px !important;
		#margin-top:40px !important;
	}
	.planbutton{
		position:relative !important;
		margin-top:30px !important;
		margin-bottom:30px !important;
		bottom:unset !important;
		width:60vw !important;
		font-size:18px !important;
	}
}
.indexplanarea{
	height:700px;
	width:900px;
	overflow-x:hidden;
	margin:0 auto;
	vertical-align:top;
	word-wrap:no-wrap;
	white-space: nowrap;
	#display:flex;
	position:relative;
}
.planblocksarea2>.indexplanarea{
	width:900px;
}
.indexplanblock{
	display:inline-block;
	position:relative;
	vertical-align:top;
	#width:283px;
	width:350px;
	height:626px;
	background-color:#ffffff;
	z-index:1;
	padding-left:40px;
	padding-right:40px;
}
.indexplanblock[isactive='0']{
	border: 2px solid #A7A7A7;
	border-radius: 20px;
	margin-left:20px;	
}
.indexplanblock[isactive='1']{
	#transform: scale(1.2);
	#transform-origin: 0% 0% 0px;
	border: 2px solid #EA718D;
	border-radius: 20px;
	margin-left:20px;
}
.indexplanblock>*{
	overflow-x:hidden;
}
.indexplanareapointer{
	display:block;
	width:1200px;
	margin:0 auto;
	position:relative;
}
.planblocksarea2 .indexplanareapointer{
	width:900px;
}

.indexplanblockleft{
	position:absolute;
	width:42px;
	height:42px;
	background-image:url(/images/arrow-left.svg);
	background-size:cover;
	background-repeat:no-repeat;
	cursor:pointer;

	left:500px;
	bottom:0px;
}
.indexplanblockright{
	position:absolute;
	width:42px;
	height:42px;
	background-image:url(/images/arrow-right.svg);
	background-size:cover;
	background-repeat:no-repeat;
	cursor:pointer;

	right:500px;
	bottom:0px;
}
.planblocksarea2 .indexplanblockleft{
	left:350px;
}
.planblocksarea2 .indexplanblockright{
	right:350px;
}
#indexplanindicator{
	display:none;
	position:absolute;
	width:200px;
	height:42px;
	right:250px;
	bottom:0px;
}
.indexplantitle{
	font-size:32px;
	font-weight:700;
	line-height:45px;
	letter-spacing: 3.12px;
	color: #000000;
	opacity: 1;
	text-align:center;
	margin-top:40px;
}
.indexplanfunctionlist{
	height:320px;
	white-space:break-spaces;
	line-height:30px;
	text-align:left;
}
.indexplanfunctionlist *{
	#font-size:21px;
	margin:0px;
	margin-block-start:0px;
	margin-block-end:0px;
}
.indexplanslogan{
	font-size:18px;
	font-weight:400;
	line-height:32px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	text-align:center;
	#margin-top:40px;
}
.indexplanprice{
	font-size:40px;
	font-weight:500;
	line-height:80px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	text-align:center;
	#margin-top:40px;
}
.indexplanfunctiontitle{
	font-size:26px;
	font-weight:500;
	line-height:40px;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	text-align:left;
	margin-top:20px;
}
.planbutton{
	position:absolute;
	bottom:30px;
	width:268px;
	height:62px;
	margin:0 auto;
	font-size:22px;
	font-weight:700;
	line-height:62px;
	background: #EA718D 0% 0% no-repeat padding-box;
	border-radius: 12px;
	opacity: 1;
	color:#ffffff;
	text-align:center;
}
/*********************Simple Function**********************/
@media (max-width:1024px){
	.simpledescription{
		width:88vw !important;
		margin:0 auto;
	}
	.simpleaddbutton{
		width:85vw !important;
		margin:0 auto !important;
	}
	.rightcorner{
		position:relative !important;
	}
	.inputpalaceholder{
		width:60vw !important;
		font-size:11px !important;
		line-height:19px !important;
	}
}
.simpledescription{
	width:400px;
	
	#border-color: #000000;
	#border-width: 1px;
	#border-style: dashed;


	font-size: 14px;
	font-weight: normal;
	line-height: 26px;
	font-style: normal;
	text-align: left;
	color: #000000;

	margin-bottom:73px;
	padding:5px;
}
.simpleaddbutton{
	height:50px;
	width:200px;
	border-radius:25px;
	font-size: 14px;
	font-weight: bold;
	line-height: 50px;
	font-style: normal;
	text-align: center;
	color: #ffffff;
	background-color:#dd587b;
	cursor:pointer;
	background-image:url(/images/ico_add.svg);
	background-size:14px 14px;
	background-position:18px 18px;
	background-repeat:no-repeat;
}
.simpleaddbutton:hover{
	background-color:#EA718D;
}
.simpleline{
	width:100%;
	height:1px;
	border-bottom:1px dashed #e0e0e0;
	margin-top:50px;
	margin-bottom:50px;
}
.simpletogglearea{
	position:relative;
}
.simplearea{
	border-radius: 16px;
	background: #f5f6f7;
	padding:20px;	
}
.mypagesetting h6{
	font-size: 14px;
	font-weight: normal;
	line-height: 24px;
	font-style: normal;
	text-align: left;
	color: #000000;	
	margin-top:15px;
	margin-bottom:15px;
}
.inputpalaceholder{
	font-size: 12px;
	font-weight: normal;
	line-height: 20px;
	font-style: normal;
	text-align: left;
	color: #999999;
	margin-top:13px;
	margin-bottom:40px;

}
.rightcorner{
	vertical-align:top;
	position:absolute;
	top:0px;
	right:0px;
}
.simpletogglearea input[type="checkbox"] {
	display:inline-block;
          width: 0;
          height: 0;
          visibility: hidden;
}
.simpletogglearea label {
        display: inline-block;
        width: 60px;
        height: 30px;
        background-color: #cccccc;
        border-radius: 15px;
        position: relative;
        cursor: pointer;
        transition: 0.5s;
        #box-shadow: 0 0 50px #477a85;
}
.simpletogglearea input:checked+label {
        background-color: #dd587b;
}
.simpletogglearea label::after {
	content: "";
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	position: absolute;
	border-radius: 10px;
	top: 5px;
	left: 5px;
	transition: 0.5s;
}
.simpletogglearea input:checked + label:after {
	left: calc(100% - 5px);
	transform: translateX(-100%);
}
.simplespecialdesc{
	display:inline-block;
	height:30px;
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	font-style: normal;
	text-align: right;
	color: #000000;
	vertical-align:top;
}
.simplespecialhelp{
	display:inline-block;
	width:30px;
	height:30px;
	background-image:url(/images/ico_help.svg);
	background-size:20px 20px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	cursor:pointer;
}
.radios{
	color:#dd587b;
}
.radiotext{
	font-size:14px;
}
#simplefunctionlist td:nth-child(3){
	color:#dd587b;
	font-weight:700;
}
/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 10px; /* Specified height */
  background: #eeeeee; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
	border-radius:5px;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 40px; /* Set a specific slider handle width */
  height: 10px; /* Slider handle height */
  background: #FFC300; /* Green background */
  cursor: pointer; /* Cursor on hover */
	border-radius:5px;
}

.slider::-moz-range-thumb {
  width: 40px; /* Set a specific slider handle width */
  height: 10px; /* Slider handle height */
  background: #FFC300; /* Green background */
  cursor: pointer; /* Cursor on hover */
	border-radius:5px;
}


/*********************Tables****************************/
@media (max-width:1024px){
.innerformobile{
	padding:20px 12.5px 20px 12.5px !important;
}
.fucklayout2{
	width:calc(100vw - 3vw - 3vw) !important;
	margin:0 auto;
}
.fucklayout2 td{
	display:block !important;
	border-bottom:0px !important;
	padding:5px !important;
	width:100%;
	#background-color:#ffffff !important;
}
.fucklayout2 td:nth-child(3){
	text-align:left !important;
}

.fucklayout{
	width:calc(100vw - 3vw - 3vw) !important;
	margin:0 auto;
}
.fucklayout td:not(:nth-child(4)){
	#display:block !important;
	border-bottom:0px !important;
	padding:0px !important;
	#background-color:#ffffff !important;
}
.fucklayout td:nth-child(1){
}
.fucklayout td:nth-child(2){
	width:unset !important;
	text-align:left !important;
}
.fucklayout td:nth-child(3){
	text-align:right !important;
}
.fucklayout td:nth-child(4){
	width:0%;
	padding-right:unset !important;
}
.tasktotal{
	position:absolute !important;
	right:0px;
	top:-30px;
	text-align: left;
}
.generalfunction table td, .mypagesetting table td {
	padding:2vw !important;
}
.taskcheck{
	padding-left:0px !important;
	margin:0 auto;
}

#mypagetasklist{
	width:85vw !important;
	margin:0 auto;
}
#mypagetasklist tr{
	display:block;
}
#mypagetasklist thead{
	display:none;
}
#mypagetasklist td:nth-child(3), #mypagetasklist td:nth-child(7){
	display:none;
}
#mypagetasklist td{
	display:inline-block;
	padding-left:0px !important;
}
#mypagetasklist td:nth-child(1){
	width:10vw;
	vertical-align:bottom;
	text-align:center;
}
#mypagetasklist td:nth-child(2){
	width:13vw;
}
#mypagetasklist td:nth-child(4){
	color:#dd587b;
	font-weight:bold;
	width:61vw;
}
#mypagetasklist td:nth-child(5){
	padding-left:10vw !important;
	width:45vw;
}
#mypagetasklist td:nth-child(6){
	text-align:right;
	width:38vw;
}


#generalfunctiontasklist{
	width:85vw !important;
	margin:0 auto;
	margin-bottom:10vw !important;
}
#generalfunctiontasklist tr{
	display:block;
}
#generalfunctiontasklist thead{
	display:none;
}
#generalfunctiontasklist td:nth-child(7){
	display:none;
}
#generalfunctiontasklist td{
	display:inline-block;
	padding-left:0px !important;
}
#generalfunctiontasklist td:nth-child(1){
	width:10vw;
	vertical-align:bottom;
	text-align:center;
}
#generalfunctiontasklist td:nth-child(2){
	width:13vw;
}
#generalfunctiontasklist td:nth-child(3){
	width:70vw;
}
#generalfunctiontasklist td:nth-child(5){
	#padding-left:10vw !important;
	width:45vw;
}
#generalfunctiontasklist td:nth-child(6){
	text-align:right;
	width:38vw;
}

#mypagetasklist2{
	width:85vw !important;
	margin:0 auto;
}
#mypagetasklist2 tr{
	display:block;
}
#mypagetasklist2 thead{
	display:none;
}
#mypagetasklist2 td:nth-child(4), #mypagetasklist2 td:nth-child(7){
	display:none;
}
#mypagetasklist2 td{
	display:inline-block;
	padding-left:0px !important;
}
#mypagetasklist2 td:nth-child(1){
	width:10vw;
	vertical-align:bottom;
	text-align:center;
}
#mypagetasklist2 td:nth-child(2){
	width:10vw;
}
#mypagetasklist2 td:nth-child(3){
	width:61vw;
}
#mypagetasklist2 td:nth-child(5){
	padding-left:10vw !important;
	width:45vw;
}
#mypagetasklist2 td:nth-child(6){
	text-align:right;
	width:38vw;
}

#mypageplanlist{
	width:85vw !important;
	margin:0 auto;
}
#mypageplanlist tr{
	display:block;
}
#mypageplanlist thead{
	display:none;
}
#mypageplanlist td{
	display:inline-block;
	padding-left:0px !important;
}
#mypageplanlist td:nth-child(1){
	width:85vw;
}
#mypageplanlist td:nth-child(2){
	width:42vw;
}
#mypageplanlist td:nth-child(3){
	width:42vw;
	text-align:right;
}
#mypageplanlist td:nth-child(4){
	width:85vw;
	text-align:right;
}

#mypagetokenlist{
	width:85vw !important;
	margin:0 auto;
}
#mypagetokenlist tr{
	display:block;
}
#mypagetokenlist thead{
	display:none;
}
#mypagetokenlist td{
	display:inline-block;
	padding-left:0px !important;
}
#mypagetokenlist td:nth-child(1){
	width:32vw;
}
#mypagetokenlist td:nth-child(2){
	width:52vw;
}
#mypagetokenlist td:nth-child(3){
	width:42vw;
	text-align:left;
}
#mypagetokenlist td:nth-child(4){
	width:42vw;
	text-align:right;
}

#simplefunctionlist{
	width:85vw !important;
	margin:0 auto;
}
#simplefunctionlist tr{
	display:block;
}
#simplefunctionlist thead{
	display:none;
}
#simplefunctionlist td{
	display:inline-block;
	padding-left:0px !important;
}
#simplefunctionlist td:nth-child(1){
	width:0vw;
}
#simplefunctionlist td:nth-child(2){
	width:20vw;
}
#simplefunctionlist td:nth-child(3){
	width:60vw;
	text-align:left;
}
#simplefunctionlist td:nth-child(4){
	width:20vw;
}
#simplefunctionlist td:nth-child(5){
	width:60vw;
	text-align:right;
}

}