@charset "utf-8";

.header-top-left img {opacity:0;}
.header-top-right img {width: auto; height: 40px;}
.header-top-right img {margin-top:10px;}
ul.header-cta::after {display:none;}
.hide-menu {display:none!important;}

.price-table {
margin:0 auto 60px;
border-spacing:0;
width:60%;
min-width:380px;
max-width:760px;
}
.price-table p {margin:0; width:100%; text-align:center;}
.price-table td {padding:10px 40px; border: 1px solid #fff;}
.price-table th {padding:10px; background-color:#F4F4F4;}

.t4oo-fv {padding-bottom:40px;}
.t4oo-fv-copy-wrap {width:100%; margin-bottom:0; line-height:1.5; text-shadow: 1px 1px 6px #000;}
.t4oo-fv-copy-wrap:after {display:none;}
.t4oo-fv-subcopy {text-align:right;}
.service-cta-wrap {height:initial;}
.service-cta .service-cta-wrap {flex-direction:column; align-items:center;}
span.t4oo-fv-copy-logo {text-align:right; background-size:90%; height:200px; margin:-80px 0 -50px auto;}

.issue-strong dt {
 background-image:url(assets/footer_left_bg.png); border-radius:0;
 filter:drop-shadow(0px 0px 0px #000) brightness(.1);
}
.issue-arrow {background-position:bottom; background-size:250%;}

.t4oo-function-main-wrap dd::before {top:-120px; right:-540px; opacity:1; transform:scale(0.35)}
.wrap05 dd::before {content:url(assets/logo_slack.png);}
.wrap02 dd::before {content:url(assets/logo_kintone.png);}
.wrap03 dd::before {content:url(assets/logo_wordpress.png);}


.sp-only {display:none;}
@media screen and (max-width: 880px) {
 .pc-only {display:none;}
 .sp-only {display:inline;}
 .header-top-left img {opacity:1;}
 .header-top-left p {display:none;}
 .t4oo-function-main-image {display:none;}
 .t4oo-function-main-wrap dl {width:100%;}
 .t4oo-function-main-wrap dd::before {right:-180px;}
}


@media screen and (max-width: 540px) {
 .t4oo-function-main-image {display:block;}
 
 .t4oo-function-main-wrap dt {margin-left:0;}
 .t4oo-function-main-wrap dt::before {display:none;}
 .t4oo-function-main-image {background-position:bottom right; background-size:contain; width:50%; margin-right:0; aspect-ratio:4;}
 .function-main-image05 {background-image:url(assets/logo_slack.png);}
 .function-main-image02 {background-image:url(assets/logo_kintone.png);}
 .function-main-image03 {background-image:url(assets/logo_wordpress.png);}
}



img.thumb {border-style: none;vertical-align: bottom;max-width: 100%;width: 100%; height: 100%;}

.width-half {padding-bottom: 60px;}
.form-wrap .width-half ul {margin-left: 32px;}
.form-wrap .width-half ul li {
	font-size: 1rem;
	margin: 0 0 16px 32px;
	position: relative;
}
.form-wrap .width-half ul li::before,.form-wrap .width-half ul li::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.form-wrap .width-half ul li::before {
	background-color: #0468be;
	width: 24px;
	height: 24px;
	border-radius: 50%;;
	left: -36px;
}
.form-wrap .width-half ul li::after {
	width: 9px;
    height: 4px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    transform: rotate(-45deg);
    left: -30px;
}
.form-wrap .width-half div {
	margin: 0 auto;
}
p.service-explane {
	display: block;
	text-align: left;
	color: #0468be;
	margin: 60px auto 30px;
	font-size: 14px;
}

@media screen and (min-width: 768px) {
	.display-flex {
		display: flex;
	}
	.width-half {
		margin: 60px 1%;
		width: 48%;
	}
	.width-half p.service-explane {
		margin-top: 0;
	}
	.form-wrap {
		display: flex;
		margin: 0 auto;
		max-width:960px;
	}
}