@charset "utf-8";

:root {
	--maxPage: 1208px;
}
body {
	font-family: Roboto, 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	font-weight: 400;
	background: #F6F8F6;
	/* letter-spacing: 0.02em; */
	color: #48455D;
	text-shadow: inherit;
	text-shadow: initial;
	text-shadow: revert;
	text-shadow: unset;
}
.content-wrapper{display: flex;}
.row {display: flex;flex-direction: row; }
#header{min-width: 980px;}
#header{min-width: 1080px;}

.content-wrapper.no-side{
	/* max-width: 1240px; */
	margin: 0 auto;
}
	
.fs12{font-size: 1.2rem;}
.hide{display: none;}
.block{
	display: block;
}
.bgWhite{background: #fff;}

.flexBtm{
	height: 100%;
	display: flex;
	align-items: flex-end;
}

/* body {background-image: url(../../images/KS+_ChatTOP.jpg);}
.page{opacity: 0.5;} */

/*----  コンテンツ  ----*/
.page .mv{
	position: relative;
	width: 100%;
}
.page .mv .bg {
	display: flex;
	flex-direction: column;
	align-content: flex-end;
	flex-wrap: wrap;
}
.page .mv.top{
	height: auto;
}
.page .mv.fig{
	height: auto;
}
.page .mv img.bg{
	width: 100%;
	box-shadow: 0px 2px 4px 0px rgb(51 51 51 / 10%);
}
.page #top .mv,
.page #top .mv .bg {
	height: calc(500vw / 12.4);
	min-height: 350px;
}
.page .mv,
.page .mv .bg {
	height: 152px;
	min-height: auto;
}

.page #top.jenka .mv,
.page #top.jenka .mv .bg {
	height: calc(420vw / 12.4);
	min-height: 420px;
}
.btn{
	display: flex;
}
.btn_box{
	padding: 32px 0;
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 32px;
}
.btn a.Btn_inBox{
	box-shadow: none;
	box-sizing: border-box;
	display: inline-flex;
	padding: 0.5em 4em;
	padding: 0.8em 4em;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #17AFEC;
	color: #17AFEC;
	font-size: 1.3rem;
	text-decoration: none;
	border-radius: 20px;
	position: relative;
	line-height: 101%;
}

.btn_box.ptb10{padding-top: 10px;padding-bottom: 10px;}

.mb-30{
	margin-bottom: -30px;
}
.btn_box.full {margin-bottom: 0;}

.full .btn a.Btn_inBox {
	padding: 0.8em;
	width: 100%;
	justify-content: center;
	font-size: 1.8rem;
	font-weight: 700;
	border-radius: 3em;
	margin: 0 30px;
}
.full .btn a.Btn_inBox:after{
	top: 1.0em;
}
.full  .btn.row1{
	text-align: center;
	justify-content: center;
}
.full  .btn.row1 a.Btn_inBox {
	/* width: 50%; */
}

a{
	color: #009CDB;
	text-decoration: none;
}
a:hover{
	opacity: 0.6;
/* background: #17AFEC; */
}
.btn a.Btn_inBox:after{
	position: absolute;
	content: '';
	width: 24px;
	height: 24px;
	top: 0.85em;
	right: 0;
	background-image: url(../images/btn_arrow_blue.svg);
	background-repeat: no-repeat;
}

.btn a.Btn_inBox.ext:after{
	background-image: url(../images/btn_arrow_ext.svg);
	top: 0.4em;
	right: 0.2em;
}
	

.btn a.Btn_inBox:hover{
	background: #17AFEC;
	border-color: #fff;
	color: #fff;
}
.btn a.Btn_inBox:hover:after{
	background-image: url(../images/btn_arrow_white.svg);
}


.btn a.Btn_inBox.ext:hover:after{
	background-image: url(../images/btn_arrow_ext_white.svg);
}


.link a.Btn_inBox{
	text-decoration:none;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #009CDB;
	position: relative;
	padding-left: 1em;
}
.link a.Btn_inBox:hover{
	opacity: 0.6;
}

.link a.Btn_inBox:after{
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	top: 0.25em;
	left: 0;
	background-image: url(../images/btn_arrow_red.svg);
	background-repeat: no-repeat;
}



.page .mv h1{
	position: relative;
}
.page .mv h1::before{
	position: absolute;
	content: '';
	background: #41495A;
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	width: 24px;
	height: 24px;
	top: 0px;
	left: 0px;
}

.copy h1.aiagentx::before {
	-webkit-mask-image: none;
	mask-image: none;
	display: none;
}
.page .mv .copy h1.aiagentx img{
	width: 260px;
	margin-bottom: 5px;
}
.page .mv .copy h1.aiagentx{
	margin-bottom: 0;
	font-weight: 700;
	font-size: 2.4rem;
}
.page .mv .copy h4.aiagentx{
	text-align: center;
	font-weight: normal;
	font-size: 1.4rem;
}

/* トップ */
.mv .bg{background: #fff;}
.mv .bg .rotate {
	transform: rotate(40deg);
	position: relative;
	top: calc(-120vw / 12.4);
	right: calc(-110vw / 12.4);
}
.mvbg p {
	width: calc(34vw / 12.4);
	height: calc(34vw / 12.4);
	/* width: calc(36vw / 12.4);
	height: calc(36vw / 12.4); */
}

/* トップ */
#top .mv .copy {
	top: calc(170vw / 12.4);
	left: calc(90vw / 12.4);
	text-align: center;
}
.open #top .mv .copy{
	margin-left: calc(60vw / 12.4);
}
.open #top.agent .mv .copy,
.open #top.jenka .mv .copy{margin-left: 0;}

#top .mv .copy img {
	width: calc(160vw / 12.4);
	margin-bottom: calc(30vw / 12.4);
}
#top.agent .mv .copy img ,
#top.jenka .mv .copy img {
	width: calc(292vw / 12.4);
	margin-bottom: 0;
}
#top .mv .copy h1::before,
#top .mv .copy h2::before {
	display: none;
}
#top .mv .copy h2 {
	padding-left: 0;
	margin-bottom: calc(16vw / 12.4);
	font-weight: 600;
	font-size: calc(24vw / 12.4);
	line-height: 100%;
	letter-spacing: 0em;
	text-align: center;
}
#top.agent .mv .copy h2,
#top.jenka .mv .copy h2 {
	font-weight: 700;
	font-size: calc(36vw / 12.4);
	line-height: 140%;
	text-align: left;
}

#top .mv .copy h3 {
	font-weight: 400;
	font-size: calc(14vw / 12.4);
	line-height: 100%;
	/* letter-spacing: 0.02em; */
}
#top.agent .mv .copy h3,
#top.jenka .mv .copy h3 {
	font-size: calc(16vw / 12.4);
	margin-bottom: calc(30vw / 12.4);
	text-align: center;
}

#top.agent .mv .copy h4,
#top.jenka .mv .copy h4 {
	text-align: center;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.1;
	margin-bottom: calc(30vw / 12.4);
}
#top.agent .mv .main-fig img{max-width: calc(524vw / 12.4);}
#top.jenka .mv .main-fig img {max-width: calc(368vw / 12.4);}
#top.agent .mv .main-fig{
	position: absolute;
	top:120px;
	right: 30px;
	top: calc(120vw / 12.4);
	right:	calc(30vw / 12.4);
}
#top.jenka .mv .main-fig {
	position: absolute;
	top: calc(40vw / 12.4);
	right: calc(60vw / 12.4);
}
#top.agent .mv .copy{
	top:150px;
	left: calc(60vw / 12.4);
	
	top: calc(150vw / 12.4);
	left:	calc(60vw / 12.4);
	text-align: left;
}

#top.jenka .mv .copy {
	top: calc(60vw / 12.4);
	left: calc(128vw / 12.4);
	top: calc(58vw / 12.4);
	left: calc(138vw / 12.4);
	text-align: left;
}

#top_mv{
	padding: calc(48vw / 12.4);
	display: block;
}
#top_mv{
	/* padding: calc(48vw / 12.4); */
}
#top_mv .box{
	display: flex;
	gap: 20px;
}
#top_mv .box-l{width: 16%;}
#top_mv .box-r{width: 84%;}

#top_mv .box-r{
	display: grid;
	gap: 8px;
	grid-template-columns: 1.5fr 1fr;
	grid-template-rows: auto;
}
.item0 {grid-column: 1 / 3;text-align: center;}
.item1 {grid-row: 2 / 4;}
.item2 {grid-row: 4 / 6;}
.item3 {grid-row: 6 / 8;}
.item4 {grid-row: 2 / 5;}
.item5 {grid-row: 5 / 8;}
#top_mv .box p{grid-column: 1 / 3;}

#top_mv .box-l{
	padding: 24px;
	gap: 8px;
	background: #FFFFFF;
	border: 2px solid #F2F2F2;
	border-radius: 5px;
	position: relative;
}
#top_mv .box-l::after{
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	width: 46px;
	height: 36px;
	top: 174px;
	right: -36px;
	background-image: url(../../images/joint.svg);
}
#top_mv .box-l h3{
	font-weight: 700;
	font-size: 1.6rem;
	text-align: center;
	/* letter-spacing: 0.04em; */
	white-space: nowrap;
	margin-bottom: 8px;
	}
#top_mv .box-l h4{
	font-weight: 400;
	font-size: 1.4rem;
	text-align: center;
	white-space: nowrap;}

#top_mv .box-r{
	padding: 24px;
	gap: 8px;
	background: #F6F8F7;
	border-radius: 5px;
}
#top_mv .box-r h3{font-size: 1.2rem;line-height: 1;margin-bottom: 12px;}
#top_mv .box-r h2 img{width: 220px;margin-bottom: 6px;}

.item li{position: relative;}
.item li:before{
	width: 20px;
	height: 20px;
	top: 12px;
	left: 20px;
	position: absolute;
	content: '';
	background: #fff;
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

#top_mv .box-l .item,
#top_mv .box-r .item{
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 24px;
	gap: 8px;
	border-radius: 5px;
	justify-content: flex-start;
	background: #fff;
	text-align: center;
}
#top_mv .box-l .item{
}
#top_mv .box-r .item h3{
	font-weight: 700;
	font-size: 1.8rem;
	/* letter-spacing: 0.04em; */
}
#top_mv .box-r .item h4{
	font-weight: 400;
	font-size: 1.4rem;
	/* letter-spacing: 0.04em; */
}
#top_mv .box-l .item ul,
#top_mv .box-r .item ul{
	display: flex;
	gap: 8px;
}
#top_mv .box-l .item li,
#top_mv .box-r .item li{
	display: flex;
	background: #F2F2F2;
	border-radius: 50%;
	flex-grow: 1;
	font-size: 1.0rem;
	align-items: center;
	text-align: center;
	width: 60px;
	height: 50px;
	padding: 0px 0 10px;
	justify-content: flex-end;
	flex-direction: column;
	flex-wrap: nowrap;
}
#top_mv .box-l .item li::before{background: #48455D;}
#top_mv .box .item li.nul{
opacity: 0;
}
#top_mv .box .item li.br{
	height: 58px;
	padding: 0px 0 2px;
}

#top_mv .box .box-l .item li{
	font-weight: bold
}


#top_mv .box p{
	text-align: left;
	width: 100%;
	line-height: 1.6;
}
#top_mv .box .row{
	width: 100%;
	display: flex;
	padding: 32px 40px;
	gap: 24px;
	border-radius: 8px;
	justify-content: space-between;
}

#top_mv .box-r .row div h3{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	/* letter-spacing: 0.04em; */
	color: #48455D;
}

.item1{border: 1px solid #F08300;}
.item2{border: 1px solid #0099D9;}
.item3{border: 1px solid #EB6EA5;}
.item4{border: 1px solid #48455D;}
.item5{border: 1px solid #999999;}

#top_mv .box-r .item li{color: #fff;}
#top_mv .box-r .item1 li{background: #F08300;}
#top_mv .box-r .item2 li{background: #0099D9;}
#top_mv .box-r .item3 li{background: #EB6EA5;}
#top_mv .box-r .item4 li{background: #48455D;}
#top_mv .box-r .item5 li{background: #999999;}
#top_mv .box-r .item li.etc{background: none;}
#top_mv .box-r .item2 li.etc{border: 1px solid #0099D9;color: #0099D9;}
#top_mv .box-r .item3 li.etc{border: 1px solid #EB6EA5;color: #EB6EA5;}
#top_mv .box-r .item4 li.etc{border: 1px solid #48455D;color: #48455D;}

.item2 li.etc::before{background: #0099D9;}
.item3 li.etc::before{background: #EB6EA5;}
.item4 li.etc::before{background: #48455D;}

#top_mv .box-r .row div:nth-child(1){border: 1px solid #F08300;}
#top_mv .box-r .row div:nth-child(2){border: 1px solid #0099D9;}
#top_mv .box-r .row div:nth-child(3){border: 1px solid #EB6EA5;}
#top_mv .box-r .row div:nth-child(3){border: 1px solid #48455D;}
#top_mv .box-r .row div:nth-child(3){border: 1px solid #48455D;}

#top_mv .box-r .item3 img{max-width: 160px;}

.top-box{
	position: relative;
	padding: 40px 80px	80px;
}
.top-box.crm{background: #fff;padding-right: 0;padding-top: 120px;}
.top-box.ai{background: #FFEFF6;padding-bottom: 10px;padding:40px 80px 40px 40px;}
.top-box.api{background: #F6F8F7;padding-bottom: 40px;padding:40px 80px}
.top-box.chat{background: #fff;padding-left: 0;padding-bottom: 0px;}
.top-box.dam{background: #fff;padding-right: 0;padding-top: 100px;}

.top-box h4{
	position: absolute;
	font-weight: 700;
	font-size: 160px;
	font-size: 16rem;
	line-height: 1.0;
	left: 0;
	top: 0;
	z-index: 1;
}
.top-box div{z-index: 2;}

.top-box.crm h4{top: 30px;color: rgba(249, 241, 232, 0.5);}
.top-box.ai h4{left: auto;right: 0;top: -90px;color: #F8ECF1;}
.top-box.api h4{top: -60px;color: #EEEEEE;}
.top-box.chat h4{left: auto;right: 0;color: #F0F3F7;}
.top-box.dam h4{color: #F0F3F7;}

#top_content .ai .block .row,
#top_content .chat .block .row{flex-direction: row-reverse;}
#top_content .ai .block .col:nth-child(1) {}
#top_content .ai .block .col:nth-child(2) {}

#top_content .ai .block .row .row.h3,
#top_content .api .block .row .row.h3{
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}
#top_content .ai .block .row .row.h3 h3,
#top_content .api .block .row .row.h3 h3{margin-bottom: 0;}
#top_content .ai .block h2{font-size: 16px;}
#top_content .ai .block h2 img{width: auto;}

#top_content .api .block .row .row.h3 h3{color: #48455D}

#top_content .block .col1{
	max-width: 346px;
	width: 100%;
}



#top_content .ai .block .col1,
#top_content .api .block .col1,
#top_content .chat .block .col1,
#top_content .dam .block .col1{max-width: 400px;}

#top_content .ai .block .col2,
#top_content .api .block .col2{
	width: 100%;
}

#top_content .ai .block .col2{text-align: center;}
#top_content .api .block .col2{text-align: center;}

#top_content .ai .block .col2 img,
#top_content .api .block .col2 img{max-width: 680px;}

#top_content .box .row div ul{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

#top_content .box .row div li{
	width: 45%;
	display: flex;
	background: #FFFFFF;
	border-radius: 6px;
	flex-grow: 1;
	font-size: 1.0rem;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 16px 0;
}
#top_content .box .row div li img{
	margin-bottom: 6px;
	width: 30px;
	height: 30px;
}
#top_content .box .row div p{
	font-size: 1.2rem;
	color: #fff;
	text-align: center;
}

#top_content .block{
	position: relative;
}

#top_content .block .num{
	position: absolute;
	top: 0;
	right: 0;
}

#top_content .block .numL{
	position: absolute;
	top: -100px;
	left: 0
}

#top_content .block h3{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
	margin-bottom: 20px;
	width: 114px;
	height: 24px;
	border-radius: 4px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 101%;
}
#top_content .block h2{
	font-weight: bold;
	font-size: 3.6rem;
	line-height: 1.5;
	margin-bottom: 32px;
}
#top_content .block h2 span{font-size: 2.4rem;}
#top_content .block p{
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 32px;
}

.bg_orange{background: #F08300;}
.bg_pink{background: #EB6EA5;}
.bg_white{background: #fff;color: #48455D;}
.bg_gray{background: #F6F8F7;}
.bg_gray2{background: #F2F3F8;}
.bg_dark_gray{background: #5B5E66;}
.bg_agent{background: #FFEFF6;}
.bg_jenka{background: #EBF3E7;}


#top_content .block .row{
	gap: 20px;
	gap: 40px;
}
#top_content .block .col img{width: 100%;}
#top_content .block .col li{
	display: flex;
	font-size: 1.8rem;
	gap: 20px;
	margin-bottom: 24px;
}
#top_content .block .col li span{
	font-size: 1.4rem;
}
#top_content .block .col li .icon_circle{
	display: flex;
	gap: 5px;
	background: #EFEFEF;
	border-radius: 100%;
	min-width: 80px;
	width: 80px;
	height:	80px;
	justify-content: center;
	align-items: center; 
}

#top_content .block .col li .icon_circle img{
	width: 32px;
}


/* page */

.page .inner{
	/* background: #fff; */
	margin: 24px;
}
.page .inner{
	margin-left: auto;
	margin-right: auto;
	max-width: calc(1015vw / 12.8);
	max-width: calc(1015vw / 12.4);
	/* max-width: calc(1032vw / 12.8 * 960 / 1032); */
}
.page.open .inner{
	max-width: calc(1080vw / 12.4);
	max-width: calc(960vw / 12.4);
	max-width: calc(1032vw / 12.8);
	max-width: calc(1032vw / 12.4);
}
.page .inner .contents{
	padding: 48px;
}
.contents.function h2{
	text-align: left;
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1;
	color: #333333;
	/* letter-spacing: 0.02em; */
	padding: 0px 0px 0px 20px;
	margin-bottom: 32px;
	border-left: 3px solid #17AFEC;
}

/* タブ */
.tab-menu{
	padding: 40px;
}
.tab-menu h2{
	display: flex;
}

.tab {
	display: flex;
	flex-direction: row;
	text-align: center;
	gap: 12px;
	width: 460px;
	margin: 0 auto;
}
.tab__item {
	flex: 1;
}
.tab__link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 16px 16px;
	gap: 10px;
	background: #FFFFFF;
	border: 1px solid #949494;
	border-radius: 5px;
	color: #949494;
	font-weight: 700;
	font-size: 1.6rem;
	cursor: pointer;
}
.tab__link img{
	margin-right: 0.5rem;
	width: 20px;height: 20px;
}
.tab__link:hover {	background: #F6F8F7;}
.tab__link.on{
	background: #FFEFDC;
	border: 1px solid #F08300;
	border-radius: 5px;
	color: #F08300;
} 
.tab__link.on:before {
	width: 50%;
}
.tab__link.on:after {
	width: 50%;
}
.tab-body {
	position: relative;
	height: fit-content;
	padding: 48px;
	padding: 48px 0 0;
	/* padding: 0; */
	background: #F6F8F7;
	background: #fff;
}
.tab-body__item {
	position: absolute;
	position: relative;
	width: 100%;
	width: auto;
	opacity: 0;
	height: 0;
	border-radius: 5px;
	transition: all 0.1s ease-out;
	display: none;
}
.tab-body__item.on {
	display: block;
	opacity: 1;
	height: auto;
	background: #FFFFFF;
}
.tab-body__item .grid-box{		padding: 0 48px 48px;}
/* .tab-body__item h3{padding-top: 48px;margin: 0 48px;} */

#ai .tab-body .row div.col{
	width: 50%;
}
#ai .tab-body img{
	max-width: 100%;
}
.tab-body .col h3{
	font-weight: 700;
	font-size: calc(24vw / 12.4);
	font-size: 2.4rem;
	line-height: 160%;
	margin-bottom: 30px;
}

.tab-body .col h3 span{
	font-size: calc(20vw / 12.4);
	font-size: 1.8rem;
}

.tab-body .col p{
		font-weight: 400;
		/* font-size: calc(14vw / 12.4); */
		line-height: 170%;
}
.tab-body .col.case{
	padding: 20px 20px;
	gap: 20px;
	background: #F2F3F8;
	border-radius: 8px;
}
.tab-body .col.case .row{
	display: flex;
	flex-direction: row;
	align-items: center;
} 
.tab-body .col.case h4{
	font-weight: 700;
	font-size: calc(18vw / 12.4);
	line-height: 28px;
	text-align: center;
	margin-bottom: 10px;
}
.tab-body .subtitle h3{
font-weight: 700;
font-size: calc(20vw / 12.4);
line-height: 170%;
text-align: center;
padding: 40px 0;
}

/* ページコピー */
.page .mv .copy{
	position: absolute;
	top: 78px;
	left: 55px;
	line-height: 1;
}


.page .mv .fig{
	position: absolute;
	line-height: 1;

	top: 78px;
	right: 55px;
	width: 350px;
	width: 590px;
}
.page .mv .fig img{
	width: 100%;
}

.page .mv .copy img{
	width: 35px;
	margin-bottom: 16px;
	width: 35px;
	margin-bottom: 18px;
}
.page .mv .copy h1,
.page .mv .copy h2,
.page .mv .copy h3{font-weight: 400;}
.page .mv .copy h1{
	font-size: 2.4rem;
	padding-left: 24px;
	margin-bottom: 18px;
}
.page .mv .copy h3{ 
	line-height: 1.4;
font-size: 1.8rem;
	margin-bottom: 18px;
}
.page .mv .copy p,
.page .mv .copy ul li{
	line-height: 1.5;
	font-size: 1.4rem;
	padding-left: 18px;
}
.page .mv .copy ul.check li{
	position: relative;
}
.page .mv .copy ul.check li:before{
				position: absolute;
content: '';
background: #41495A;
mask-position: center center;
-webkit-mask-position: center center;
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
width: 12px;
height: 12px;
top: 2px;
left: 0;
-webkit-mask-image: url(../images/check.svg);
mask-image: url(../images/check.svg);
}

.page .inner_block .contents{
	/* display: flex; */
	/* gap: 80px; */
	padding: 40px 40px 40px;
margin-top: 0;
}
#top_content.contents	.title,
.page .contents .title,
.page .inner_block .contents .title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 20px 0px 50px;
	padding: 20px 0px 40px;
}
.page .inner_block.bownow .contents .title.nmb{
	padding: 20px 0 0;
}
.page .inner_block .contents p.title{font-weight: bold;width: auto}
.page .inner_block .contents .step p.title{padding: 12px;}
.page .inner_block .contents .result p.title{padding: 4px;}
.page .inner_block .contents .title img.icon{
	width: 40px;
	height: 40px;
	width: 32px;
	height: 32px;
	margin-bottom: 10px;
}

#top_content.contents	.title h2,
.page .contents .title h2,
.page .inner_block .contents .title h2{
	font-weight: 700;
	font-size: 32px;
	font-size: calc(32vw / 12.4);
	text-align: center;
	line-height: 50px;
	line-height: 160%;
	
	/* letter-spacing: 0.2em; */
	margin-bottom: 10px;
}
.page .contents .title h2.fs24,
.page .inner_block .contents .title h2.fs24{
	font-size: calc(24vw / 12.4);
}


#top_content.contents	.title	img,
.page .contents .title img,
.page .inner_block .contents .title img{
	margin-bottom: 14px;
	margin-bottom: 20px;
}

.page .contents .menu .title img{
	margin-right: 10px;
	margin-bottom: 8px;
}

.page .inner_block .contents .title p{
font-weight: 400;
font-size: 1.6rem;
font-size: calc(18vw / 12.4);
text-align: center;
line-height: 1.6;
}
.page .contents .title p,
.page .inner_block .contents .title p{
	text-align: center;
	font-size: calc(16vw / 12.4);
	line-height: 1.6;
}

.page .inner_block .contents .monitor{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.page .inner_block .contents .monitor .exp{
	width: 100%;
	position: relative;
}
.page .inner_block .contents .monitor img{
	width: 90%;
}


.page .inner_block .contents .monitor .exp div{
	position: absolute;
	/* width: 180px; */
}
.page .inner_block .contents .monitor .exp div h4{
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 32px;
	/* font-size: calc(14vw / 10.08 * 0.75);
	line-height: calc(32vw / 10.08 * 0.75); */
	color: #F08300;
}
.page .inner_block .contents .monitor .exp div.right h4{
	text-align: right;
}
.page .inner_block .contents .monitor .exp div p{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 5px;
	margin-left: -5px;
	gap: 10px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 4px;
	max-width: 180px;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: calc(12vw / 10.08 * 0.75);
	line-height: 160%;
}
.page .inner_block .contents .monitor .exp div.left p{max-width: 140px;}
.page .inner_block .contents .monitor .exp div.right p{margin-right: -5px;}

.page .inner_block .contents .monitor {
	width: calc(850vw / 12.4);
	max-width: 850px;
	width: calc(880vw / 12.4);
	max-width: 880px;
	margin: 20px auto 0;
}
.page .inner_block .contents .monitor img{
	width: calc(760vw / 12.4);
	max-width: 760px;
	max-width: 820px;
	width: calc(820vw / 12.4);
}
.page .inner_block .contents .monitor .exp img{
	width: auto;
	position: absolute;
}
.page .inner_block .contents .monitor-fix {
	width: 100%;
max-width: 880px;
margin: 20px auto 0;
}
.page .inner_block .contents .monitor-fix img{
	width: 100%;
}

.exp div{
	/* display: flex;
	flex-direction: row;
	flex-direction: column; */
}
.exp .row div{
	flex-direction: column;
}
.exp div.left{
	left: 0;
	align-items: self-start;
}
.exp div.right{
	right: 0;
	align-items: flex-end;
}

.exp div img{top: 26px;}

.exp div.line{
	position: absolute;
	left: 0;
box-sizing: border-box;
border-style: solid;
border-color: #F08300;
}
.exp div.line:after{
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	width: 8px;
	height: 8px;
	bottom: -4px;
	right: -4px;
	background-image: url(../images/circle.svg);
}
.exp .right div.line{
	right: 0;
	left: auto;
}
.exp .right div.line:after{
	bottom: -4px;
	left: -4px;
}

.chat .exp div:nth-child(1){top: 15px;}
.chat .exp div:nth-child(2){top: 125px;}
.chat .exp div:nth-child(3){top: 253px;}
.chat .exp div:nth-child(4){top: -43px;}
.chat .exp div:nth-child(5){top: 65px;}
.chat .exp div:nth-child(5) img{top: 0;}
.chat .exp div:nth-child(6){top: 255px;}

.file .exp div:nth-child(1){top: -45px;}
.file .exp div:nth-child(2){top: 195px;}
.file .exp div:nth-child(3){top: 305px;}
.file .exp div:nth-child(3) img{top: 0;}
.file .exp div:nth-child(4){top: -45px;}
.file .exp div:nth-child(5){top: 70px;}
.file .exp div:nth-child(5) img{top: 0;}
.file .exp div:nth-child(6){top: 45px;}

.chat	.exp div.line,
.file .exp div.line{
	top: calc(28vw / 10.08 * 0.75);
	top: 28px;
}

.chat .exp div:nth-child(1) .line{width: 155px;height: 1px;border-width: 1px 0px 0px 0px;}
.chat .exp div:nth-child(2) .line{width: 400px;height: 1px;border-width: 1px 0px 0px 0px;}
.chat .exp div:nth-child(3) .line{width: 230px;height: 1px;border-width: 1px 0px 0px 0px;}
.chat .exp div:nth-child(4) .line{width: 205px;height: 45px;border-width: 1px 0px 0px 1px;}
.chat .exp div:nth-child(5) .line{width: 205px;
	height: 15px;
	border-width: 0px 0px 1px 1px;
	top: 15px;}
.chat .exp div:nth-child(5) .line:after{
	top:-4px;
	bottom: auto;}
.chat .exp div:nth-child(6) .line{width: 205px;height: 1px;border-width: 1px 0px 0px 0px;}

.file .exp div:nth-child(1) .line{width: 340px;height: 92px;border-width: 1px 1px 0px 0px;}
.file .exp div:nth-child(2) .line{width: 138px;height: 1px;border-width: 1px 0px 0px 0px;}
.file .exp div:nth-child(3) .line{width: 190px;
	height: 125px;
	border-width: 0px 1px 1px 0px;
	top: -96px;}
.file .exp div:nth-child(4) .line{width: 315px;height: 130px;border-width: 1px 0px 0px 1px;}
.file .exp div:nth-child(5) .line{width: 140px;height: 1px;border-width: 1px 0px 0px 0px;}
.file .exp div:nth-child(6) .line{width: 245px;height: 145px;border-width: 1px 0px 0px 1px;}

.file .exp div:nth-child(3) .line:after{
	top:-4px;
	bottom: auto;
}






.topix_box,
.topix_box2{
	display: grid;
	gap: 1%;
	margin-bottom: 3%;
	margin-bottom: 1%;
}
.topix_box{
	grid-template-columns: 33% 33% 33%;
}
.topix_box2,
.topix_box.half{
	grid-template-columns: 49.5% 49.5%;
}
.topix_box .box,
.topix_box1	.box,
.topix_box2	.box{
	padding: 20px 28px;
	padding: 40px 28px;
	background: #F2F3F8;
	border-radius: 8px;
}
#api .topix_box .box{	padding: 20px 28px;}

.topix_box .box .col,
.topix_box .box .col2{display: flex;gap: 30px;}
.topix_box .box .col2 div{width: 50%;}

.topix_box .box12{grid-column: 1 / 3;}
.topix_box .box23{grid-column: 2 / 4;}
.topix_box .box123{grid-column: 1 / 4;}

/* .box12,.box23{	grid-template-columns: 50% 50%;} */
.box123.left{	grid-template-columns: 66% 33%;}
.box123.right{grid-template-columns: 33% 66%;}

.topix_box .left .col2 div:nth-child(1){width: 55%;}
.topix_box .left .col2 div:nth-child(2){width: 45%;padding-right: 0;}
.topix_box .right .col2 div:nth-child(1){width: 40%;}
.topix_box .right .col2 div:nth-child(2){width: 60%;padding-right: 0;}

#api .topix_box .left .col2 div:nth-child(1){width: 65%;}
#api .topix_box .left .col2 div:nth-child(2){width: 35%;padding-right: 0;}

.topix_box .box div,
.topix_box2 .box div{
	line-height: 1.6;
	font-size: 1.4rem;
	font-size: calc(14vw / 10.08 * 0.75);
}
.topix_box .box h3,
.topix_box2 .box h3{
	text-align: center;
	font-weight: 700;
	font-size: 1.8rem;
	/* font-size: calc(18vw / 10.08 * 0.75); */
	line-height: 1.6;
	text-align: left;
	margin-bottom: 10px;
	/* letter-spacing: 0.08em; */
}

.topix_box .box p,
.topix_box2 .box p{
	margin-bottom: 10px;
	line-height: 1.6;
	font-size: calc(14vw / 12.4);
}

.topix_box .box figure,
.topix_box2 .box figure{
	margin: 0;
	/* min-height: calc(245vw / 10.08 * 0.75); */
	display: grid;
	align-items: center;
	padding: calc(24vw / 10.08 * 0.75);  ;
}

.topix_box .box img,
.topix_box2 .box img{
	width: auto;
	height: auto;
	max-height: calc(45vw / 10.08 * 0.75);
	max-height: 45px;
	/* display: block; */
	margin: 0 auto;
	margin-bottom: 10px;
}
.topix_box .box123 img{
	max-height: none;
	width: 100%;
}



	.topix_box .box123 figure{
	padding: 0;
}
.topix_box .box123 .col2 img{
	max-height: none;
	width: 100%;
}
/* .topix_box .box.box123 h4{text-align: left;} */
.topix_box .box.box123 h4{
	font-size: 12px;
	/* line-height: 28px; */
	margin-block: 10px;
	color: #F08300;}
.topix_box .box.box123 h4 span{
	padding: 3px 10px 3px;
	margin-right: 0.5em;
	color: #fff;
	background: #F08300;
	border-radius: 20px;
}

.topix_box .box123 figure img.icon{
	max-height: 48px;
	padding: 10px 0;
}

.topix_box .box.pink, .topix_box2 .box.pink{
	background: #FFEFF6;
	margin-top: 1%;
}
.topix_box .box.box123.pink h5{
	color: #EB6EA5
}


.topix_box .box.gray, .topix_box2 .box.gray{
	background: #F6F8F7;
}


.topix_box .box.box123 h4{
	display: flex;
	width: fit-content;
	align-items: center;
	line-height: 1;
}
.topix_box .box.box123 h4 img{
	width: 140px;
	margin: 0 10px 0 0 ;
}



ul.check  {
	margin-top: 20px;
}
ul.check li {
	line-height: 1.6;
	margin-top: 10px;
}
ul.check li h6{
	position: relative;
	font-size: 1.4rem;
	line-height: 1;
	padding-left: 18px;
	margin-bottom: 6px;
}
ul.check li h6::before{
				position: absolute;
content: '';
background: #F08300;
mask-position: center center;
-webkit-mask-position: center center;
mask-size: contain;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
width: 14px;
height: 14px;
top: 0;
left: 0;
-webkit-mask-image: url(../images/check.svg);
mask-image: url(../images/check.svg);
}

ul.check.black li h6::before{
background: #48455D;
}



.function_box{
	padding: 28px 28px;
	background: #F2F3F8;
	border-radius: 8px;
	margin-bottom: 30px;
}
.function_box .inner{
	background: #fff;
	margin: 0;
	
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 24px;
	gap: 40px;
	border-radius: 8px;
}

.function_box .inner .row{
	display: grid;
		grid-template-columns: 19% 79%;
		grid-template-columns: 18% 82%;
		width: -webkit-fill-available;
		
		border-width: 0px 0px 1px 0px;
		border-style: solid;
		border-color: #E3E3E3;
}

.function_title{
	box-sizing: border-box;
	padding: calc(12vw / 12.4);
	background: #F6F8F7;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #E3E3E3;
}
.function_title.setting{
	background: #F8F7F6;
}

.function_chart{
	padding: 0;
}

.function_chart dl{
	display: grid;
		grid-template-columns: 35% 65%;
}
/* .function_chart.check dl{
	grid-template-columns: 7% 7%	30% 56% ;
} */
/* .function_chart.check dl dd:nth-child(1),
.function_chart.check dl dd:nth-child(2){
	display: none;} */
	

.function_chart dl dt,
.function_chart dl dd{
	box-sizing: border-box;
	padding: calc(12vw / 12.4);
	font-size: 1.2rem;
	font-size: calc(12vw / 12.4);
	border-width: 1px 1px 0px 0;
	border-style: solid;
	border-color: #E3E3E3;
}

.function_chart dl dt{
	font-weight: 700;
	}
	/* .function_chart dl.chart_title{
		font-size: 1.0rem;
		background: #F6F8F7
	}
	.function_chart dl.chart_title dd{
		padding: 0.6rem 0;
		text-align: center;
		line-height: 1;
		font-weight: 700;
	} */

/* .function_box .inner div{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 0px;
	width: 50%; 
} */


/* .function_chart dl dd:nth-child(4n+1),
.function_chart dl dd:nth-child(4n+2){
	text-align: center;
} */
	
.function_box h3{
	position: relative;
	font-weight: 700;
	font-size: 1.4rem;
	line-height: 1.4;
	font-size: calc(14vw / 12.4);
	/* padding-left: 29px;
	margin-bottom: 24px; */
	
	padding-top: 24px;	
	color: #48455D;
	
}
.function_box h3 span{
	font-size: 1.2rem;
	font-weight: 400;
}
.function_box h3::before{
	position: absolute;
	content: '';
	background: #F08300;
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 0px;
}
.function_box h3.none{
	padding-top: 0;	}
.function_box h3.none::before{
	display: none;
	width: 0;
	height: 0;
}
.function_box h3.file::before{
	-webkit-mask-image: url(../images/icon/icon_ks_file.svg);
	mask-image: url(../images/icon/icon_ks_file.svg);
}
.function_box h3.card::before{
	-webkit-mask-image: url(../images/icon/icon_ks_meisi.svg);
	mask-image: url(../images/icon/icon_ks_meisi.svg);
}
.function_box h3.company::before{
	-webkit-mask-image: url(../images/icon/icon_ks_custom.svg);
	mask-image: url(../images/icon/icon_ks_custom.svg);
}
.function_box h3.cus::before{
	-webkit-mask-image: url(../images/icon/icon_ks_cus.svg);
	mask-image: url(../images/icon/icon_ks_cus.svg);
}
.function_box h3.chat::before{
	-webkit-mask-image: url(../images/icon/icon_ks_chat.svg);
	mask-image: url(../images/icon/icon_ks_chat.svg);
}
.function_box h3.setting::before{
	-webkit-mask-image: url(../images/icon/icon_setting.svg);
	mask-image: url(../images/icon/icon_setting.svg);
}
.function_box h3.sort::before{
	-webkit-mask-image: url(../images/icon/icon_nayose.svg);
	mask-image: url(../images/icon/icon_nayose.svg);
}
.function_box h3.person::before{
	-webkit-mask-image: url(../images/icon/icon_person.svg);
	mask-image: url(../images/icon/icon_person.svg);
}


.function_box h4{
	position: relative;
	color: #F08300;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
	padding-left: 20px;
	margin-bottom: 1.0em;
}
.function_box h4::before{
	position: absolute;
	content: '';
	background: #48455D;
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	width: 14px;
	height: 14px;
	top: 0px;
	left: 0px;
	-webkit-mask-image: url(../images/icon/blit.svg);
	mask-image: url(../images/icon/blit.svg);
}

.function_box p{
	font-size: 14px;
	line-height: 18px;
	padding-left: 20px;
	margin-bottom: 24px;
}

.step {
	gap: 12px;
}
.step p.title{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	padding: 12px;
	background: #F08300;
	font-size: 1.4rem;
	font-size: calc(14vw / 12.4);
	line-height: 20px;
	color: #FFFFFF;
	position: relative;
	margin-bottom: 12px;
}

.step p.title span {
	position: absolute;
	top: 6px;
	left: 6px;
}
.step p.title span img{
	width: 32px;
}

.step p.title img.pol-r{
	position: absolute;
	top: 16px;
	right: -10px;
	width: 12px;
	height: 12px;
}
.step p{

}
.result p.title{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 4px 12px;
	background: #48455D;
	
	color: #FFFFFF;
	font-size: 1.4rem;
	font-size: calc(14vw / 12.4);
}




/* --------- 〜1239px */
@media (max-width: 1239px){
/* .chat .exp div:nth-child(1){top: calc(14vw / 12.4);}
.chat .exp div:nth-child(2){top: calc(120vw / 12.4);}
.chat .exp div:nth-child(3){top: calc(240vw / 12.4);}
.chat .exp div:nth-child(4){top: calc(10vw / 12.4);}
.chat .exp div:nth-child(5){top: calc(120vw / 12.4);}
.chat .exp div:nth-child(6){top: calc(240vw / 12.4);}


.page .inner_block .contents .monitor .exp div{
	width: calc(180vw / 12.4);
}
	.page .inner_block .contents .monitor .exp div h4{
		font-size: calc(14vw / 12.4);
		line-height: calc(32vw / 12.4);
	}
.page .inner_block .contents .monitor .exp div p{
		font-size: calc(12vw / 12.4);
		padding: 	calc(4vw / 12.4);
	}
	.page .inner_block .contents .monitor .exp img{
	}
	.exp div img {
					top: calc(26vw / 12.4);
	} */
.page .inner_block .contents .monitor img{
	width: 760px;
	width: 820px;
	
}
	.page .inner_block .contents .monitor{
		width: 850px;
		width: 880px;
		margin-top: 40px;
	}
.page .inner_block .contents .overflow{
	/* width: 720px; */
	overflow-x: scroll;
	}
	
	

	
}



/* 機能一覧 */
.func-block .grid-box{
	display: grid;
	gap: 72px;
	margin-bottom: calc(72px - 48px);
}
/* .tab-body h3 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
	font-weight: 700;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: 0.02em;
	color: #06A8E9;
}
.tab-body h3:before,
.tab-body h3:after {
		position: absolute;
		content: '';
		border-top: solid 1px #06A8E9;
		width: 36%;
}
.tab-body h3:before {left: 0;}
.tab-body h3:after {right: 0;} */
.grid-box .box{
	display: grid;
	gap: 24px;
	width: 100%;
	height: auto;
	grid-template-areas:
			"txt fig";
	grid-template-rows: 1fr;
	grid-template-columns: 	1fr 240px;
}
.grid-box .box .txt{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
	/* letter-spacing: 0.02em; */
}
.grid-box .box .txt h4{
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.0;
	/* letter-spacing: 0.02em; */
	margin-bottom: 2.0rem;
}
.grid-box .box .txt h4 img{
	width: 20px;
	height: 20px;
	margin-right: 0.5rem;
}
.grid-box .box .fig{}
.grid-box .box .fig img{
	width: 100%;
	border: 1px solid #eee;
	border-radius: 6px
}
.page {
	/* background-image: url(../../lp/images/case-bg.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top ; */
}

/* #plan,
#case,
#column,
#faq,
#download,
#support {padding: 60px 0 40px;} */


/* #plan,
#case,
#column,
#faq,
#download,
#support,
#contact {padding: 60px 10px 30px;}

#function h2,
#case h2,
#merit h2,
#plan h2,
#support h2,
#contact h2{font-size: calc(80vw / 7.68);} */


/* .page #plan h2,
.page #case h2,
.page #column h2,
.page #faq h2,
.page #support h2{
	font-weight: 700;
font-size: 3.2rem;
line-height: 1.1;
letter-spacing: 0.03em;
margin-bottom: 12px;
text-align: center;
} */
/* .page #plan h2.mini,
.page #case h2.mini,
.page #column h2.mini,
.page #faq h2.mini,
.page #support h2.mini{
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
}
.page #plan h3,
.page #case h3,
.page #column h3,
.page #faq h3,
.page #support h3{
font-weight: 700;
font-size: 1.6rem;
line-height: 100%;
letter-spacing: 0.1em;
margin-bottom: 60px;
color: #AAAAAA;
text-align: center;
} */

/* 料金プラン */
#plan {
	/* background-image: url(../../lp/images/case-bg.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top ; 
	padding: 120px 0 40px;*/
}
#plan h3,
#plan h4,
#plan h5,
#plan p,
#plan figure{text-align: center;}
#plan h2{
font-weight: 900;
font-size: 6.0rem;
line-height: 110%;
/* letter-spacing: 0.03em; */
margin-bottom: 12px;
}

#plan h4{
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}
#plan .row{
	max-width:624px;
	max-width:632px;
	margin: 0 auto;
	padding: 0 0 90px 0;
	gap: 24px;
	flex-wrap: wrap;
	align-content: stretch;
}
#plan .row div{
	background: #fff;
	gap: 10px;
	max-width: 296px;
	max-width: 300px;
	border-radius: 10px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	box-shadow: inset -0px -0px 4px rgba(0,0,0,.15);
}
#plan .row div.full{
	max-width: none;
	width: 100%
}
#plan .row div.full .inner{
	max-width: none;
}
#plan .row .chat.full{
	margin-top: 30px;
	background: #F2F3F8;
	border: none;
	margin-bottom: 30px;
	border-radius: 8px;
	box-shadow:none;
}
#plan .row .chat.full .inner{
/* background: #f8f8f8; */
padding-top: 10px;
padding: 30px 20px 20px;
}
#plan .row .chat.full h2{
	font-size: 16px;
	line-height: 1.6;
/* color: var(--orange); */
	padding: 10px 0 10px;
}
#plan .row .chat.full h3{color: #4C4C4C;}
#plan .row .chat.full h4 {
				border-bottom: 2px solid #ccc;
}
#plan .row div .inner{
	padding: 40px 32px;
	box-shadow: none;
}
#plan .row figure{margin: 0;}
/* #plan .row img{width: 32px;} */
#plan .row h3{
font-weight: 700;
font-size: 3.6rem;
line-height: 100%;
/* letter-spacing: 0.02em; */
padding: 20px 0;
margin-bottom: 0;
color: #333;
}
#plan .row h4{
font-weight: 700;
font-size: 14px;
line-height: 16px;
padding: 0 0 20px 0;
}
#plan .row h5{
font-size: 18px;
line-height: 26px;
padding: 20px 0;
/* letter-spacing: 0; */
}
#plan .row p{
	text-align: left;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 160%;
	/* letter-spacing: 0.02em; */
}
#plan .row div.chat{
border: 2px solid #FFFFFF;
}
#plan .row div.crm{
border: 2px solid var(--orange);;
}
#plan .row div.chat,
#plan .row div.chat h3{
color: #4C4C4C;
}
#plan .row div.chat h4{
border-bottom: 2px solid #ccc;
}
#plan .row div.crm,
#plan .row div.crm h3{
	/* color: var(--orange); */
}
#plan .row div.crm h4{
border-bottom: 2px solid var(--orange);
}
/* #plan .row .crm.full h5,
#plan .row .crm.full p{
	color: #4C4C4C;
} */
#plan .row div .chat.full .col{
	display: flex;
	width: 100%;
	max-width: none;
	/* gap: 16px; */
	border: none;
	box-shadow:none;
}
#plan .row div .chat.full .col div{max-width: none;}
#plan .row div .chat.full .col .left{width: 25%}
#plan .row div .chat.full .col .right{width: 75%}
#plan .row div .chat.full div{
	background: none;
	box-shadow:none;
}
#plan .row div .chat.full .col .left h3{
	/* padding: 10px 0; */
}
#plan .row div .chat.full .col .left h4{
	border: none;
	padding: 0;
}
#plan .row div .chat.full .col .right h5{
	font-size: 16px;
	line-height: 1.6;
	padding: 0;
	text-align: left;
	margin-bottom: 10px;
}
#plan .row div .option,
#plan .row .option h5,
#plan .row .option p{
color: #4C4C4C;
}
#plan .row .option h3{
font-weight: 700;
font-size: 2.4rem;
line-height: 100%;
/* letter-spacing: 0.02em; */
padding: 20px 0;
margin-bottom: 0;
color: #4C4C4C;
}
#plan .row .option h4{
font-weight: 700;
font-size: 14px;
line-height: 16px;
padding: 20px 0;
border-bottom: 2px solid #ccc;
color: #4C4C4C;
}





#plan .row .crm .btn{
	display: flex;
}
#plan .row .crm .btn a.Btn_inBox{
	box-shadow:none;
	box-sizing: border-box;
	display: inline-flex;
	padding: 9px 80px;
	margin: 0 auto;
	background: #0379D5;
	border: 1px solid #0379D5;
	color: #fff;
	font-size: 1.8rem;
	text-decoration: none;
	border-radius: 40px;	
}
#plan .row .crm .btn a.Btn_inBox:hover{
	background: #fff;
	border-color: #0379D5;
	color: 	#0379D5;
}


	
#plan .row{padding-bottom: 30px;}
#plan .row div{max-width: none;margin: 0 auto;
	/* width: 95%; */
}
#plan .row div .inner {
	padding: 30px 20px;
}
/* #plan .row div.crm {margin-bottom: 30px;} */
#plan .row div .chat.full .col{
	display: flex;
	flex-direction: column;
}
#plan .row div .chat.full .col .left,
#plan .row div .chat.full .col .right {width: 100%;}
#plan .row div .chat.full .col .left h4 {
	border-bottom: 2px solid #ccc;
	padding: 20px 0;
	padding: 0 0 20px 0;
}
#plan .function table{
	width: 100%;
	box-sizing: border-box;
	display: table;
	border-spacing: 0;
	font-size: 1.2rem;
	text-align: center;
	border-width: 1px 1px 0px 0px;
	border-color: #E3E3E3;
	border-style: solid;
}
#plan .function table th,
#plan .function table td{
	padding: 12px;
}
#plan .function table th{
	background: #F0EEEC;
	border-width: 0px 0px 1px 1px;
	border-color: #E3E3E3;
	border-style: solid;
	text-align: left;
}
#plan .function table th img{
	width: 100%;
	max-width: 120px
}
#plan .function table th.taC{
	white-space: nowrap;
}
#plan .function table th.sub{
background: #F8F7F6;
}


#plan .function table td{
	text-align: center;
	border-width: 0px 0px 1px 1px;
	border-color: #E3E3E3;
	border-style: solid;
}

.plan .row .option{
	width: 50%;
}
.plan .row div .inner{
	padding: 30px 32px;
	box-shadow: none;
	margin: 0;
}
.plan .row figure{margin: 0;}
/* #plan .row img{width: 32px;} */
.plan .row h3{
/* font-weight: 700;
font-size: 3.6rem;
line-height: 100%;
padding: 20px 0;
margin-bottom: 0;
color: #333; */
}
.plan .row h4{
font-weight: 700;
font-size: 14px;
line-height: 16px;
padding: 0 0 20px 0;
}
.plan .row h5{
font-size: 18px;
line-height: 26px;
padding: 20px 0;
/* letter-spacing: 0; */
}
	.plan .row p{
	text-align: left;
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 160%;
	/* letter-spacing: 0.02em; */
}
.plan .row{	gap: 10px;}
.plan .row div .option,
.plan .row .option h5,
.plan .row .option p{
color: #4C4C4C;
}
.plan .row .option{
	
	box-sizing: border-box;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;

	
	border: 1px solid #BBBBBB;
	border-radius: 10px;
margin-bottom: 30px;
}
.plan .row .option h3{
font-weight: 700;
font-size: 2.4rem;
line-height: 100%;
/* letter-spacing: 0.02em; */
padding: 20px 0;
margin-bottom: 0;
color: #4C4C4C;
display: flex;
justify-content: center;
}
.plan .row .option h4{
font-weight: 700;
font-size: 14px;
line-height: 16px;
padding: 20px 0;
padding: 0 0 20px 0;
border-bottom: 2px solid #ccc;
color: #4C4C4C;
display: flex;
justify-content: center;
}

.plan .row .option h5{
	text-align: center;
display: flex;
justify-content: center;}



.support .row h5 {
font-size: 14px;
padding: 20px 0;
/* letter-spacing: 0; */
font-weight: normal;
/* margin-bottom: 30px; */
}

.support .row .check{
	margin-bottom: 30px;
	margin-top: 0;
}

.support .row {
				gap: 10px;
}
.support .row .option {
				width: 50%;
}
.support .row .option.full {
				width: 100%;
}

.support .row div .inner {
				padding: 20px 30px;
				box-shadow: none;
				margin: 0;
				width: 100%;
}
.support .row p {
				text-align: left;
				font-weight: 400;
				font-size: 1.4rem;
				line-height: 160%;
				/* letter-spacing: 0.02em; */
}
.support .row .option{
	
	box-sizing: border-box;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;

	
	border: 1px solid #BBBBBB;
	border-radius: 10px;
margin-bottom: 30px;
}

.support .row.colall .option{
	width: 100%;
}


.support .row .option h3{
font-weight: 700;
font-size: 2.4rem;
line-height: 100%;
/* letter-spacing: 0.02em; */
padding: 20px 0;
margin-bottom: 0;
color: #4C4C4C;
display: flex;
justify-content: center;
}
.support .row .option h4{
font-weight: 700;
font-size: 14px;
line-height: 16px;
padding: 0 0 20px 0;
border-bottom: 1px solid #ccc;
color: #4C4C4C;
display: flex;
justify-content: center;
}

.support .row .option h5{
	text-align: center;
display: flex;
justify-content: center;}



.topix_box{position: relative;}
.topix_box.ai .soon,
.topix_box.jenka .soon{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px 12px;
	position: absolute;
	right: 32px;
	top: 28px;
	top: 40px;
	font-weight: 700;
	font-size: 12px;
	color: #FFFFFF;
	border-radius: 400px;
}


.topix_box.ai .soon{background: #EB6EA5;}
.topix_box.jenka .soon{background: #22928E;}

.topix_box.ai .box.box123 h5{color: #EB6EA5}
.topix_box.jenka .box.box123 h5{color: #22928E;}
	
.topix_box.ai .box.box123 h5,
.topix_box.jenka .box.box123 h5{
	font-weight: 700;
	font-size: calc(18vw / 12.4);
	line-height: 1;
	text-align: center;
width: auto;
display: block;
}

.topix_box.ai .box.box123 h4  {
	display: flex;
	width: fit-content;
	align-items: center;
	line-height: 1;
	font-size: 28px;
	color: 	#EB6EA5;
}
.topix_box.ai .box.box123 h4 img{
	width: 280px;
	margin: 0 10px 0 0 ;
	display: inline;
}

.plan .topix_box .box.box123 h4{
	/* display: block;
	text-align: center; */
	width: 100%;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	
}
.plan .topix_box.jenka .box.box123 h4{
	font-size: 36px;
	color: #48455D;
}
.plan .topix_box .box.box123 h6{
	font-weight: 700;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	padding: 0 0 20px 0;
	margin-bottom: 30px;
}

.plan .topix_box.ai .box.box123 h6{border-bottom: 1px solid #EB6EA5;}
.plan .topix_box.jenka .box.box123 h6{border-bottom: 1px solid #22928E;}

/* AIエージェント X */
#ai.contents{				margin: 12px 0 0;}
#ai .agent{padding: 40px;}
#ai.filebox .agent{padding: 40px 0;}
.page #top.agent .mv .bg .rotate{opacity: 0.3;}

#ai .inner{
	max-width: 800px;
	margin: 0 auto;
}
#ai .menu .inner_block,
#api .menu .inner_block{
	margin: 48px 0;
}
.page .inner_block.filebox,
.page .inner_block.analize {
	margin: 12px 0;
	margin: 12px 0 -32px;
}
.page .inner_block.bownow  {
	margin: -10px 0 -32px;
}
.page .inner_block.filebox .contents,
.page .inner_block.analize .contents,
.page .inner_block.bownow .contents{
	padding:40px 0;
	/* padding:40px; */
}

.page .inner_block.analize .contents.tab-body{
	padding: 0;
}

.page .inner_block.filebox .btn_box,
.page .inner_block.analize	.btn_box{
	padding: 60px 0 32px;
}
.filebox .tab-body {
	padding: 0;}

#api .row,
#ai .row{
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}

#ai .row.reverse{
	flex-direction: row-reverse;
}

#ai.analize .row{
	gap: 40px;
}
	#ai.filebox .row {
	gap: 10px;
}

#ai .pad{
	padding: 0 48px;
}
#ai .row div{
	width: 100%;
}


#ai .row div.col2{
	width: 100%;
}
#ai .row div.box{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 20px;
	
	font-weight: 400;
	font-size: calc(16vw / 12.4);
	line-height: 1.4;
	letter-spacing: 0;

}
#ai .row div.box h3{
	font-weight: 700;
	font-size: calc(16vw / 12.4);
	line-height: 1.6;
	margin-bottom: 10px;
}

#ai.analize .row div{width: 50%;}
#ai.analize .row div.full{width: 100%;}



/* JENKA X */
#api.contents{				margin: 12px 0 0;}
#api .jenka{padding: 40px;}
.page #top.jenka .mv .bg .rotate{opacity: 0.3;}

.page .jenka .inner_block{
	margin: 0;
}
#api .inner{
	/* max-width: 800px; */
	margin: 0 auto;
}

#api .jenka.bg_jenka .row{
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-bottom: 10px;
}
#api .pad{
	padding: 0 48px;
}
#api .row div{
	width: 100%;
}
#api .row div.box{
	background: #FFFFFF;
	border-radius: 8px;
	padding: 36px 48px;
	font-weight: 400;
	/* font-size: calc(16vw / 12.4); */
	line-height: 1.4;
	letter-spacing: 0;
}
#api .row div.box h3{
	font-weight: 700;
	font-size: calc(16vw / 12.4);
	font-size: 1.8rem;
	line-height: 1.6;
	margin-bottom: 10px;
}
#api .row div.box p{
	font-size: 1.6rem;
	line-height: 1.6;
}
#api .row div.box img{
	max-width: 670px;
}

#api .bownow.bg_jenka .row .box {
	text-align: center
}
#api .bownow .row div.box img{
	max-width: 470px;
}
#api .bownow.bg_jenka .row{
	/* padding-bottom: 60px; */
}
#api .bownow.bg_jenka .title {
	/* padding-top: 60px; */
}


#api .row.bownow{
	gap: 10px;
}
#api .row.bownow .col.case {
}
#api .row.bownow .col.case .box{
	padding: 20px 28px;
	width: auto;
	border-radius: 8px;
}
#api .row.bownow .col.case .gray{background: #F2F3F8;}
#api .row.bownow .col.case .pink{background: #FDF6F6;}


#api .row.bownow .col.case .gray 	ul,
#api .row.bownow .col.case .pink 	ul{padding-left: 1em;}
#api .row.bownow .col.case .gray 	li,
#api .row.bownow .col.case .pink 	li{list-style: disc;}
#api .row.bownow .col.case .row{justify-content: space-between;}
#api .row.bownow .col.case .row img{
	max-height: 128px;
}

#api .row.bownow .col.case h4{	 
		display: flex;
		justify-content: center;
		align-items: center;
		height: 28px;
		background: #5B5E66;
		border-radius: 50px;
		color: #fff;
		margin-bottom: 20px;
}
#api .row.bownow .col.case p{
	font-weight: 700;
	font-size: 18px;
	line-height: 122%;
	text-align: center;
	margin-top: 10px;
}

#api .row.bownow .col.case .pink h4{background: #D20000;}
#api .row.bownow .col.case p.fcPink{color: #D20000;}

.campaign{
	position: absolute;
	top: 0;
	left: 0;
}
/* #api .inner_block.bownow {
	margin: -10px 0 -60px;
}
#api .contents.casestudy{
	margin: 60px 0;
} */

.page .inner_block.bownow .contents{
	padding: 0;
}
#api .bownow{padding: 40px;}
/* #api .contents.casestudy .title{padding: 60px 0px 40px;} */
#api .bownow .contents .priceBox ul.blit li{padding-left: 0;text-align: left;}
#api .bownow .contents .priceBox ul.blit li:before {display: none;}

.page #api .bownow.inner_block{margin: 0;}


.campaign img{
	width: calc(134vw / 12.4);}

#top.jenka .mv .copy h4.release{
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	padding: 0.5rem 2rem;
	background: #22928E;
	border-radius: 400px;
	margin-bottom: 0;
}



.balloon{position: relative;margin-right: 140px;}
.balloon:before,
.balloon:after{
	position: absolute;
	content: '';
	background-repeat: no-repeat;
}
.balloon:before{
	top: 60px;
	right: -20px;
	width: 20px;
	height: 24px;
	background-image: url(../../images/polly.svg);
}
.balloon:after{
	top: 20px;
	right: -140px;
	width: 100px;
	height: 157px;
	background-image: url(../../images/xross.svg);
}

#ai .agent h4,
#api .jenka h4{
	font-weight: 700;
	font-size: calc(20vw / 12.4);
	line-height: 1.6;
	text-align: center;
	/* letter-spacing: 0.02em; */
	margin-top: 30px;
}
#ai .agent .usecase .col,
#ai .agent .topic .col,
#api .jenka .usecase .col,
#api .jenka .topic .col,
#api .bownow .usecase .col{
	display: flex;
	padding: 20px;
	gap: 10px;
	background: #FFFFFF;
	border-radius: 8px;
	flex-direction: column;
	line-height: 1.7;
}

#api .jenka .usecase .col,
#api .bownow .usecase .col{
	padding: 20px 28px;
	padding: 20px;}
	
#api .bownow .usecase .col img{
	max-width: 280px;
}
#ai .agent .topic .col img,
#api .jenka .topic .col img{
	
	width: fit-content;
	max-width: none;
	max-height: 150px;
	margin: 0 auto;
}

#ai .agent .topic .col h3,
#api .jenka .topic .col h3{
font-size: calc(18vw / 12.4);
line-height: 1.4;
text-align: center;
height: 3.2em;
align-content: center;
}
#ai .agent .usecase .col h3,
#api .jenka .usecase .col h3,
	#api .bownow .usecase .col h3{
	font-size: 18px;
	line-height: 140%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 0;
}
#ai .agent .topic .col h5{
	text-align: left;
	font-size: 1.6rem;
	height: auto;
	color: #EB6EA5;
}
#ai .agent .topic .col h5{
		position: relative;
		/* padding: 0 65px; */
		text-align: center;
}

#ai .agent .topic .col h5:before {
		position: absolute;
		top: calc(50% - 1px);
		left: 0;
		width: 100%;
		height: 2px;
		content: '';
		background: #EB6EA5;
}

#ai .agent .topic .col h5 span {
		position: relative;
		padding: 0 1em;
		padding: 0 0.3em;
		background: #fff;
}









#ai .agent .topic .col h4,
#ai .agent .usecase .col h4,
#api .jenka .usecase .col h4{
	display: flex;
	width: fit-content;
	align-items: center;
	line-height: 1;
	font-size: 12px;
	color: #EB6EA5;
	margin-top: 0;
	text-align: left;
	/* align-items: flex-start; */
}
#ai .agent .topic .col h4	span,
#ai .agent .usecase .col h4 span,
#api .jenka .usecase .col h4 span{
	padding: 3px 12px 3px;
	margin-right: 0.5em;
	color: #fff;
	background: #EB6EA5;
	border-radius: 20px;
	white-space: nowrap;
}
#ai .agent .usecase .col h4{
	font-size: 12px;
	color: #EB6EA5;}
	

	#api .jenka .usecase .col h4 span{
		background: #F08300;}
#api .jenka .usecase .col h4{
	color: #F08300;}
	
	
	
	#api .bownow .usecase .col h3,
	#api .bownow .topix_box .box h3{
}

	#api .bownow .topix_box.topix .box h3{
		height: 3.2em;
		display: grid;
		align-items: center;
		margin-top: 12px;
		margin-bottom: 0;
	}
	
	#api .bownow .usecase .col h4,
	#api .bownow .topix_box .box h4{
		display: flex;
		width: fit-content;
		align-items: center;
		line-height: 1;
		font-size: 12px;
		color: #D20000;
		margin-top: 0;
		text-align: left;
		/* align-items: flex-start; */
	}
	#api .bownow .usecase .col h4 span,
	#api .bownow .topix_box .box h4 span{
		padding: 3px 12px 3px;
		margin-right: 0.5em;
		color: #fff;
		background: #D20000;
		border-radius: 20px;
		white-space: nowrap;
	}
	
	#api .bownow .usecase 	ul.check li h6::before,
	#api .bownow .topix_box 	ul.check li h6::before {
	background: #D20000;
}
#api .bownow ul.check{
	margin-top: 12px;
}
	#api .bownow .topix_box .box figure{
		/* padding: 12px 0 0; */
	}
	#api .bownow .topix_box .box img.icon {
		max-height: 72px;
	}

#api .bownow .priceBox .bownowPrice{
	margin-top: 60px;
}

#api .bownow .priceBox .box figure{
	margin: 0;
	padding: 0;
	text-align: center;
}

#api .bownow .priceBox .box figure img,
#api .bownow .priceBox .box .bgGray{
	max-width: 100%;
	max-width: 680px;
}
#api .bownow .priceBox .box .bgGray{
	background: #F6F8F7;
	margin: auto;
	display: block;
}
#api .bownow .priceBox .box .bgGray .inner{
	padding: 32px;
	background: none;
}
#api .bownow .priceBox .box .bgGray img{
	width: 100%;
	margin-bottom: 3px;
}

	
	/* #ai .agent .usecase .col h4 span{
		font-size: 10px;
		background: #F08300;
	} */

#ai .agent.info,
#api .jenka.info{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 0 48px;
	margin: 48px 0 0;
	padding: 24px;
	gap: 10px;
	background: #EBF2EE;
	border-radius: 8px;
	font-size: calc(16vw / 12.4);
	line-height: 1.6;
	/* margin-bottom: -30px; */
}
#ai .agent.info h3,
#api .jenka.info h3{
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
gap: 24px;
font-size: calc(24vw / 12.4);
}

#ai .btn a.Btn_inBox,
#api .btn a.Btn_inBox{
padding: 0.8em;
width: 400px;
justify-content: center;
font-size: 1.8rem;
font-weight: 700;
border-radius: 3em;
}

.full .btn.row1 a.Btn_inBox {
				padding: 0.8em;
width: 400px;
justify-content: center;
font-size: 1.8rem;
font-weight: 700;
border-radius: 3em;
}

#ai .btn a.Btn_inBox:after,
#api .btn a.Btn_inBox:after{
	/* top: 1.1em; */
}
#ai .menu .btn a.Btn_inBox,
#api .menu .btn a.Btn_inBox{
	font-size: 1.3rem;
	font-size: 1.4rem;
	font-weight: normal;
	width: 16em;
}



.page .contents .menu .title{
	padding-bottom: 20px;
}
.page .contents .menu .title h2{
	font-size: 2.8rem;
	align-items: center;
	margin-bottom: 20px;
}
.page .contents .menu .title h2 img{
	width: 294px;
	margin-bottom: 0;
}

#ai .menu .row,
#api .menu .row{
	gap: 20px;
}
#ai .agent .topic .col {position: relative;}
#ai .agent .topic .col img.numl,
#ai .agent .topic .col img.numr{position: absolute;top: 30px;max-width: none;width: auto;}
#ai .agent .topic .col img.numl{left:30px;}
#ai .agent .topic .col img.numr{right:30px;}


.priceBox{
	background: #F2F3F8;
	padding: 28px;
	border-radius: 8px;
}
#ai .priceBox .inner,
.priceBox .inner{
	max-width: none;
	background: #fff;
	padding: 24px;
}
#api .bownow .priceBox {
	margin-top: 60px;
}

.priceBox table{
border-collapse: collapse;
margin-bottom: 12px;
}
.priceBox table tr td:nth-child(1) {width: 17%;}
.priceBox table tr td:nth-child(2) {width:20%;}
.priceBox table tr td:nth-child(3) {width: 28%;}
.priceBox table tr td:nth-child(4) {width: 35%;}

.priceBox table tr td:nth-child(4) {
	font-size: 1.2rem;
}

.priceBox th,
.priceBox td{
	font-size: 14px;
	padding: 24px 12px;
	align-content: center;
	border: 1px solid #E3E3E3;
	text-align: left;
}
.priceBox th{background: #F6F8F7;}
.priceBox td{}

.priceBox tr.header th{
	padding: 8px 0;
	background: #F2F2F8;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}

.priceBox td.price{
	font-size: 24px;
	font-weight: normal;
}


.priceBox td.price span.mini{
	font-size: 12px;
}
.priceBox ul.blit{
font-size: 12px;
line-height: 140%;
color: #757575;

}
.priceBox .td p.blit,
.priceBox td p.blit,
.priceBox ul.blit li{
	position: relative;
	padding-left: 1.2em;
}
.priceBox .td p.blit:before,
.priceBox td p.blit:before,
.priceBox ul.blit li:before{
	position: absolute;
	content: '■';
	width: 1em;
	height: 1em;
	top: 0;
	left: 0em;
}

.bownow .priceBox tr.header th,
.bownow .priceBox tr.header td{
	padding: 8px 0;
	background: #F2F2F8;
	background: #e3e3e3;
	font-size: 12px;
	line-height: 1;
	text-align: center;
	color: #fff;
}

.bownow .priceBox tr.header td.std{background: #FF6464;}
.bownow .priceBox tr.header td.bis{background: #D20000;}


.listbox ul.blit li{
	position: relative;
	padding-left: 1.0em;
	list-style: none;
}

.listbox ul.blit li:before{
	position: absolute;
	content: '・';
	width: 1em;
	height: 1em;
	top: 0;
	left: 0em;
}


/* #bownow */
#api .priceBox table{width: 100%;
	display: table;
}
#api .priceBox table tr th{width: 25%;}
#api .priceBox table tr td{width: auto;text-align: center;}
#api .priceBox th, #api .priceBox td {padding: 12px 12px;}
.priceBox td.price.red{background: #FDF6F6;}
#bownow #api .row {margin-bottom: 60px;padding: 36px;}
#bownow #api .row div.box img{max-height: 280px;max-width: auto;}

.point_bownow{
	display: flex;
	flex-direction: column;
	background: #D20000;
	border-radius: 8px;
	position: relative;
	
	font-size: 24px;
	line-height: 117%;
	font-weight: 700;
	color: #FFFFFF;
	
	margin-bottom: 92px;
	
}
.point_bownow .inner{
	 padding: 20px 28px;
		text-align: center;
		/* gap: 10px;
		align-items: center; */
	}
.point_bownow::before{
	content: '';
	position: absolute;
	top: 0;
	left: calc( 50% - 10.5px);

		width: 0;
	height: 0;
	border-left: 10.5px solid transparent;
	border-right: 10.5px solid transparent;
	border-top: 14px solid #FFFFFF;
}



/* 導入事例 */
#case{}

/* コラム */
#column{}

/* よくある質問 */
#faq{}

/* ユーザーサポート */
#support{}

/* お問い合わせ */
#contact{}




/* ノーカラムダウンロード */

#download .logo img {
				width: 330px;
				height: auto;
				margin-bottom: 30px;
}

#download{
	font-size: 1.5rem;
	line-height: 1.75;}
#download h2{
font-weight: 900;
font-size: 4.8rem;
line-height: 110%;
/* letter-spacing: 0.03em; */
margin-bottom: 0.5rem;
text-align: center;
}
#download h2.mini{
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
}
#download h3{
font-weight: 700;
font-size: 1.6rem;
line-height: 100%;
/* letter-spacing: 0.1em; */
margin-bottom: 20px;
color: #AAAAAA;
text-align: center;
}

.fcRed {color: #df1f3d;}
.fcBlue {color: #1B9ACD;}
.fcPink {color: #EB6EA5;}
.fcOrange {color: #F08300;}
.fcPink {color: #EB6EAc;}

.taC {text-align: center !important;}
.mb10{margin-bottom: 10px;}
.header-in .logo {
	/* margin-top: 10px;
	padding: 0 20px; */
}
.page {
	/* background-image: url(../../lp/images/case-bg.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: right top ; */
}
#download #downloadBox{
		/* background: #eff2f3; */
		/* border-radius: 6px; */
		display: flex;
		justify-content: center;
}

#download #downloadBox .contents {
	padding: 0;
	/* max-width: 960px; */
}
#download #downloadBox .inner{
}
#download .contents p {
	/* text-align: center; */
	margin-bottom: 20px;
}
#download .contents h3 {
				color: #009de1;
		font-weight: 700;
		font-size: 2.8rem;
		line-height: 1.1;
		letter-spacing: 0em;
		padding-top: 40px;
		margin-bottom: 10px;
		text-align: center;
}
#download .contents h4 {
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.6;
	letter-spacing: 0;
	margin-bottom: 10px;
}
#download .contents h5 {
		font-weight: 600;
		font-size: 1.8rem;
		line-height: 1.6;
		letter-spacing: 0;
		margin-bottom: 10px;
}


#download .box-kspuls,
#download .box-24365{
	margin-bottom: 30px;
	padding: 40px;
}

#download .box-kspuls .box,
#download .box-24365	.box{
	display: flex;
	gap: 40px;
	border-radius: 12px;
}

#download .box-kspuls{background-color: #E0E0E0;}
#download .box-24365{background-color: #FFDB8E;}

#download .box-kspuls ul,
#download .box-24365	ul{
	display: flex;
	gap: 20px;
}

#download .box-24365 .box{
	margin-bottom: 40px;
}

#download .box-24365 .box:nth-last-child(1){
	margin-bottom: 0;
}


#download .body ul li{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

#download .body img{
	width: 100%;
	max-width: 180px;
}
#download .body a img{
	width: auto;
	max-width: none;
	height: 66px;
}

#download .appBox {
		margin-bottom: 30px;
		max-width: 960px;
}
#download .appBox li{
		margin: 0 30px;
		padding: 20px;
		background: #009de1;
		color: #fff;
		text-align: center;
		width: 100%;
		border-radius: 6px;
}
#download .appBox {
		margin-top: 30px;
}
#download .appBox .col1 li{
		/* margin: 0 auto; */
}



#download .appBox h5{
		font-size: 2.4rem;
		margin-bottom: 20px;
		
}
#download .appBox li img{
		max-width: 180px;
		margin-bottom: 20px;
}

#download .appBox li a:hover img{
		opacity: 0.6;
}





body.contact .header-in{
	height: 36px;
}
body.contact .gnav,
body.contact .pc-footer .footer_in #page-top,
body.contact .pc-footer .footer_in .footer-box,
body.contact .pc-footer .ft_menu .footer_in .flex{
	display: none;
}
body.contact .pc-footer .ft_menu .flex{justify-content: center;}


/* --------- 1280px〜 */
:root {
	/* --maxPage: 1048px; */
}
@media screen and (min-width: 1280px){
/* .header .header-in{max-width: none;}
#top_mv .box-l h3{font-size: (16vw / 10.08* 12.8);}
#top_mv .box-l h4{font-size: (14vw / 10.08* 12.8);} */
}



/* --------- 1240px〜 */

:root {	--maxPage: 1008px;}


/* --------- 1240px〜1368px */
@media (min-width: 1240px) and (max-width: 1368px) {
:root {	--maxPage: calc(100vw - 232px - 48px - 80px);}
}

@media screen and (min-width: 1240px){
	

	.maxPageWidth{
		width: var(--maxPage);
		margin-left: auto;
		margin-right: auto;
		
						/* min-width: 930px; */
	}


.header .header-in{max-width: none;}
.page .mvbg p {
	width: 34px;
	height: 34px;
	width: calc(34vw / 12.4);
	height: calc(34vw / 12.4);}
.page #top .mv .bg .mvbg p	{
	width: calc(34vw / 12.4);
	height: calc(34vw / 12.4);}


	#top_content.contents .title h2,
	.page .contents .title h2,
	.page .inner_block .contents .title h2{
		font-size: 3.2rem;
	}
	.contents .title h2 span{		font-size: 2.0rem;}
	
	.page .contents .title h2.fs24,
	.page .inner_block .contents .title h2.fs24{font-size: 2.4rem;}
	
	
	.topix_box .box p.title, .topix_box2 .box p.title{font-size: 1.4rem;}
	.topix_box .box p, .topix_box2 .box p {font-size: 1.4rem;}
	.topix_box .box div, .topix_box2 .box div{font-size: 1.4rem;}
	
	.function_box h3{font-size: 1.4rem;}
	.function_chart dl dt, .function_chart dl dd {font-size: 1.2rem;}
	.function_chart dl dt, .function_chart dl dd, .function_title {padding: 12px;}
	
	.page .inner_block .contents .monitor .exp div h4 {font-size: 1.4rem;line-height: 32px;}
	.chat .exp div.line, .file .exp div.line {top: 28px;}
	
	
	.page .contents .title p,
	.page .inner_block .contents .title p {font-size: 1.6rem;}
	.page .inner_block .contents .title p.sub_title{font-size: 1.8rem;}
	.maxPageWidth .step p.title{font-size: 1.4rem;}
	
	.contents .title p{
		font-style: normal;
		font-weight: 400;
		font-size: 1.6rem;
		line-height: 1.8;
	}
	
	#ai .row div.box {
		font-size: 1.6rem;
		
		/* height: 156px; */
		font-weight: 400;
		font-size: 16px;
		line-height: 160%;

		
	}
	
	#ai .row div.box h3{font-size: 1.6rem;}
	#ai .agent h4,
	#api .janka h4{font-size: 2.0rem;}
	.tab-body .col h3{font-size: 2.2rem;}
	.tab-body .col h3 span{font-size: 1.8rem;}
	.tab-body .col.case h4{font-size: 1.8rem;}
	#ai .agent .topic .col h3,
	#api .jenka .topic .col h3{font-size: 1.8rem;}
	.tab-body .col p{font-size: 1.4rem;}
	.tab-body .subtitle h3{font-size: 2.0rem;}
	#ai .agent.info h3,
	#api .jenka.info h3{font-size: 2.4rem;}
	#ai .agent.info p,
	#api .jenka.info p{font-size: 1.6rem;}
	.topix_box.ai .box.box123 h5, .topix_box.jenka .box.box123 h5{font-size: 1.8rem;}
	
	.tab-body .col h3 {
		font-weight: 700;
		font-size: 2.4rem;
		line-height: 1.6;
		margin-bottom: 24px;
	}
	.tab-body .col h3{font-size: 2.2rem;}
	.tab-body .col p{
		font-style: normal;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	
}


/* --------- 980px〜 */
/* 1240 = 232 + 1008 */
@media screen and (min-width: 980px){
	

	/* 
	.page #top .mv .copy{
		top: calc(106vw / 10.08* 0.75);
		left: calc(75vw / 10.08* 0.75);
	}
	.page #top .mv h2::before{
		width: calc(22vw / 12.4);
		height: calc(22vw / 12.4);
	}
	.page #top .mv .copy h2{
		font-size: calc(24vw / 12.4);
		padding-left: calc(30vw / 12.4);
		margin-bottom: calc(22vw / 12.4);
		font-size: calc(24vw / 10.08 * 0.75);
		padding-left: calc(30vw / 10.08	* 0.75);
		margin-bottom: calc(24vw / 10.08	* 0.75);
	}
		*/
	
	.page .mv .copy{
		top: 65px;
		top: 54px;
		left: 24px;
	}
	.page .mv .copy img{
		width: calc(35vw / 10.08 * 0.75);
		margin-bottom: calc(18vw / 10.08 * 0.75);
	}
	.page .mv h1::before{
		width: 28px;
		height: 28px;
	}
	.page .mv .copy h1{
		font-size: calc(24vw / 12.4);
		padding-left: calc(30vw / 12.4);
		margin-bottom: calc(22vw / 12.4);
		font-size: calc(24vw / 10.08 * 0.75);
		padding-left: calc(30vw / 10.08	* 0.75);
		margin-bottom: calc(24vw / 10.08	* 0.75);
		font-size: 2.8rem;
		padding-left: 30px;
		padding-left: 32px;
		margin-bottom: 18px;
	}
	.page .mv .copy h3{ 
		font-size: calc(20vw / 10.08 * 0.75);
		margin-bottom: calc(20vw / 10.08 * 0.75);
	}
	.page .mv .copy p{
		font-size: calc(15vw / 10.08 * 0.75);
	}
	.page .mv .fig{
		top: calc(106vw / 10.08 * 0.75);
		right: calc(75vw / 10.08 * 0.75);
		width: calc(590vw / 10.08 * 0.75);
	
	}
	.page .mv .copy ul li{
		font-size: calc(14vw / 10.08 * 0.75);
		padding-left: calc(18vw / 10.08 * 0.75);
	} 
	.page .mv .copy ul.check li:before{
		width: calc(12vw / 10.08 * 0.75);
		height: calc(12vw / 10.08 * 0.75);
		top: calc(2vw / 10.08 * 0.75);
		/* left: 0; */
	}
	
	/* AIエージェント X */
	.page .mv h1.aiagentx{
		padding-left: 0;
		
		display: flex;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 1.1;
		margin-bottom:0;
		flex-direction: column;
		align-items: center;
		
	}
	.page .mv h1.aiagentx::before {display: none;}
	.page .mv h1.aiagentx img{width: 260px;margin-bottom:5px}

}

/* --------- 769px〜 */
@media screen and (min-width: 769px) {
	
	.maxPageWidth{
		/* min-width: 930px; */
	}
	#ai .pad,
	#api .pad{
		padding: 0 24px;
		padding: 0 25px;
	}
	
	#download .wrapFlex ul {
		display: flex;
	}
	.topix_box .box.box123 img.mw660 {
		max-width: 660px;
		display: flex;
	}
	
	#ai .tab-body .row.filebox{
		justify-content: space-between;}
	#ai .tab-body .row.filebox div.col:nth-child(1){	width: 50%;}
	#ai .tab-body .row.filebox div.col:nth-child(2){width: 48%;}
	
	#ai.filebox .row.topic .row div.col2{
		font-size: 1.2rem;
		gap: 8px;
	}
	#ai.filebox .row.topic .row div.col2 img{max-width: 100%;}
	#ai.filebox .row.topic .row div.col2:nth-child(1){	width: 50%;}
	#ai.filebox .row.topic .row div.col2:nth-child(2){	width: 50%;}
	#ai.filebox .topic .col h4{
		line-height: 1.2;
		margin-bottom: 5px;
	}
	#ai.filebox .row.topic .col:nth-child(1) div.col2:nth-child(1){	width: 55%;}
	#ai.filebox .row.topic .col:nth-child(1) div.col2:nth-child(2){	width: 45%;}
	
}


/* --------- 〜1240px */
@media (max-width: 1240px){
	.page.open .inner{
		margin-left: auto;
		margin-right: auto;
		max-width: 960px;
	}
	#ai .agent .topic .col .row {
		display: flex;
		/* flex-direction: column; */
	}
	#ai .agent .topic .col2 img,
	#api .jenka .topic .col2 img{
		/* max-height: none; */
	}
/* #ai .agent .topic .col{
	min-width: 396px;
} */
}

/* --------- 〜1080px */
@media (max-width: 1080px){

	
}

/* --------- 〜768px */
@media (max-width: 768px){

	#header{
		display: block;
		min-width: auto;
		height: 0;
		opacity: 0;
	}
	.header .header-in{height: 0;}
	.header {}
	/* メニューボックス */
	#menuBox{z-index: 10002;}
	/* .menu-box	{}
	.contents-header{height: 40px;} */

	.menu-box .menu-content{
		/* position: fixed;
		z-index: 9999;
		top: 0;
		left: 0;
		height: 20px;
		padding: 0;
		width: 100%!important;
		overflow: hidden; */
	}
	.menu-box .menu-content .inner{
		/* padding: 0 10px;
		width: 100%; */
	}
	/* .menu-box .menu-content,
	.menu-box.fixed .menu-content{
		padding: 10px 0;
		box-shadow: 4px 0px 4px 2px rgba(51, 51, 51, 0.15);
	} */
	.menu-box{overflow: hidden;padding: 0}
	.menu-box.close{min-width: 0;}
	.menu-box.fixed{min-width: auto}
	.menu-content{
		width: 100%;
		transition: all 0.4s;
	}
	.menu-content.open{height: 100%;}
	.scrl{
		/* margin-top: 10px; */
		margin: 25px 0;
		margin: 12px 0;
		padding: 0;
		height: calc(100vh - 50px) !important;
		overflow: auto;
	}
	.menu-box ul.menu{margin-bottom: 20px;}
	.menu-box ul.menu,
	.close .scrl,
	.scrl,
	.menu-box.close ul.menu,
	.close .menu-content ul.menu li a {width: 100%;}
	.close .menu-content .logo img {width: auto;}
	.close .menu-content ul.menu li a {
		justify-content: flex-start ;
		padding-left: 32px;
		width: auto;
	}
	.menu-content ul.menu li a,
	.close .menu-content ul.menu li a{
		height: 3em;
	}
	.menu-content ul.menu li a::before {
		width: 18px;
		height: 18px;
		top: 10px;
		left: 8px;
	}
	.close .menu-content li.dropBtn a:after{
		width: 12px;
		height: 12px;
		top: 10px;
		right: 10px;
	}
	.menu-content ul.contact,
	.close .menu-content ul.contact {
		width: 100%;
		display: flex; 
		justify-content: space-evenly;
	}
	.menu-content ul.menu li a span,
	.close .menu-content ul.menu li a span{
		display: inline-block;
		font-size: 1.6rem;}
	.menu-content .logo{margin-bottom: 0;}
	.menu-content .logo img.open,
	.close .menu-content .logo img.open {display: block;}
	.close .menu-content .logo img.close {display: none;}
	.close .menu-content ul.contact li a img.open{display: block;}
	.close .menu-content ul.contact li a img.close{display: none;}
	
	.footer_contact{
		/* display: none; */
		padding: 0 0 24px;
	}
	
	.page .inner_block.filebox .btn_box,
	.footer_contact .btn_box {
					/* padding: 24px 0 14px; */
					font-size: 1.4rem;
					line-height: 1.6;
					margin-bottom: 0;
	}
.page .inner_block.filebox .btn_box,
.page .inner_block.analize	.btn_box{
		padding: 30px 0 12px;
	}
.footer_contact .btn_box {padding: 24px 0 0;}

	
	/* ハンバーガー */
	/* .menu-trigger {
		display: block;
		position: fixed;
		z-index: 100001;
		width: 40px;
		height: 40px;
		cursor: pointer;
		margin: auto 1rem auto auto;
		top: 0;
		right: 0;
		left: auto;
		bottom: auto;
		text-align: center;
		vertical-align: middle;
		zoom: 1;
	}
	.menu-trigger span{
		position: absolute;
		width: 25px;
		height: 2px;
		background: #019bd9;
		cursor: pointer;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: linear 0.4s;
		transition: linear 0.4s;
	}
	.menu-trigger span::after,
	.menu-trigger span::before{
		position: absolute;
		width: 25px;
		height: 2px;
		background: #019bd9;
		cursor: pointer;
		transition: linear 0.4s;
	}
	.menu-trigger span::before {
		content: '';
		top: -400%;
		left: 0;
	}
	.menu-trigger span::after {
		content: '';
		top: 400%;
		left: 0;
	}
	.menu-trigger.open{}
	.menu-trigger.open span{background: none;}
	.menu-trigger.open span::after,
	.menu-trigger.open span::before{background: #019bd9;}
	.menu-trigger.open span::before{
		transform: rotate(-45deg);
		top: 0;
	}
	.menu-trigger.open span::after{
		transform: rotate(45deg);
		top: 0;
	} */
	.page{min-width: auto} 
	.page .inner .contents{
		padding: 10px;
	}
	.page .mv .copy {
		top: calc(38vw / 7.68);
		left: calc(70vw / 7.68);
		top: calc(34vw / 7.68);
		left: calc(60vw / 7.68);
	}
	.copy h2::before {
		width: 20px;
		height: 20px;
	}
	
.page .mv .copy h1 {
					font-size: 1.8rem;
					padding-left: 24px;
					margin-bottom: 0;
					line-height: 1;
	}
	
	
	.page .mv .copy h1.aiagentx{
	margin-top: 0
	}
	.page .mv .copy h4.aiagentx{
		display: none;
	}
	.page .mv .copy h1.aiagentx img{
		width: 160px;
		margin-top: -5px;
	}
	
	.pc-footer{min-width: auto;}
	.breadcrumb ul {padding: .8rem .5rem;}
	.pc-footer .footer_in {min-width: auto;}
	
	.page {width: 100vw;min-width: auto;padding-top: 0;margin-bottom: 20px;}
	.page .inner {}

	.page #top .mv, .page .mv .bg {
		height: calc(400vw / 7.68);
		height: 100vh;
		height: 90vh;
		/* height: 80vh; */
		/* height: calc(667vw / 3.75); */
	}
	.page	#top .mv .bg .rotate {
		top: calc(-160vw / 7.68);
		right: calc(-130vw / 7.68);
	}
	#top .mvbg p {
		width: calc(55vw / 7.68);
		height: calc(55vw / 7.68);
	}
	.page	#top .mv .copy {
		padding-left: 0;
		top: auto;
		left: auto;
		top: calc(480vh / 6.67);
		top: calc(780vw / 6.67);
		top: calc(730vw / 6.67);
		/* bottom: calc(60vw / 3.75); */
		width: 80%;
		width: 100%;
		text-align: center;
	}
	
	
	.page	#top .mv .copy h2{font-size: calc(35vw / 7.68);text-align: center;}
	/* .page .mv .copy h3{font-size: calc(22vw / 7.68);} */
	
	.page	#top .mv .copy img {
			width: calc(240vw / 7.68);
			margin-bottom: calc(25vw / 7.68);
	}
	

	
	img.full{
		width: 100%;
	}
	#top_mv{display: none}
	#top_mv{gap: 80px;padding: 0;}
	
	#top_mv .box{
		width: 94%;
		margin: 3%;
		padding: 3% 0;
		display: block;
	}
	#top_mv .box-l,
	#top_mv .box-r{
		width: auto;
		display: block;
	}
	#top_mv .box-l::after{
		position: absolute;
		content: '';
		background-repeat: no-repeat;
		width: 48px;
		height: 33px;
		top: auto;
		left: auto;
		bottom: -16px;
		right: calc(50vw - 44px);
		background-image: url(../../images/joint2.svg);
	}
	
	#top_mv .box-l .item{
		flex-direction: row;
		padding: 24px 0 0;
	}
#top_mv .box-r .item {
	flex-direction: column;
	margin-bottom: 10px;
}
.item0{
	margin-bottom: 20px;
}
	
	
	
	#top_mv .box .row{flex-direction: column;}
	.page .inner_block{margin: 0;}
	#top_mv .box .row div{width: auto;padding: 16px 20px}
	#top_mv .block{
	width: 90%;
	margin: 5%;
	}
	#top_mv .block h2 {font-size: calc(40vw / 7.68);}
	#top_mv .block h2 span {font-size: calc(32vw / 7.68);}
	#top_mv .block .row {flex-direction: column;}
	#top_mv .block .num {top: -3.0rem;}
	
	
	#ai .priceBox .inner, .priceBox .inner{
		padding: 10px 10px 30px;
	}
	.priceBox .th{
				background: #F6F8F7;
	}
	#ai.filebox .priceBox .row,
	#api .bownow .priceBox .row{
		gap: 0;
		padding: 0;
		margin: 0;
	}
	#ai.filebox .priceBox .row .row,
	#api .bownow .priceBox .row .row{
		gap: 0;
		display: flex;
		flex-direction: row;
	}
	#ai.filebox .priceBox .row div.col1,
	#ai .bownow .priceBox .row div.col1{
		width: auto;
	}
	#ai.filebox .priceBox .row div.col2,
	#ai .bownow .priceBox .row div.col2{
		width: 50%;
	}
	
	#api .bownow .priceBox .box figure img {
		max-width: 100%;
		margin-bottom: 0;
	}
	
	.priceBox .viewSP{
		margin-bottom: 10px;
		border-right: 1px solid #E3E3E3;
		border-bottom: 1px solid #E3E3E3;
	}
	.priceBox img.viewSP{
		margin-bottom: 10px;
		border-right: none;
		border-bottom: none;
	}
	.priceBox .blit.viewSP{
		border-right: none;
		border-bottom: none;
		background: #f7f8f7;
		padding: 0 16px 12px;
	}
	


	.priceBox .th,
	.priceBox .td {
					font-size: 14px;
					padding: 12px;
					align-content: center;
					border-top: 1px solid #E3E3E3;
					border-left: 1px solid #E3E3E3;
					text-align: left;}
					
					.priceBox .price {
									font-size: 24px;
									font-weight: normal;
									text-align: center;
									line-height: 1.2;
					}
					
					.priceBox .price span{
						font-size: 12px;
					}
					.priceBox .td p.blit{
						font-size: 1.2rem;
					}
	
	.page .inner {
		max-width: none;
	}
	.page .inner_block .contents {
width: 90vw;
width: auto;
	padding: 5vw;
	padding: 12px;
	}
	.page .mv, .page .mv .bg {
		/* height: 80vh;	 */
		height: 75px;
		height: 50px;
	}

	
	.page .mv h1::before{display: none;}
	
	.page .mv .copy{}
	.page .mv .fig {
		width: 90vw;
		right: 5vw;
		top: 45vh;
	}
	.mvbg p {
		width: calc(36vw /	7.68);
		height: calc(36vw / 7.68);
		width: calc(32vw /	7.68);
		height: calc(32vw / 7.68);
		/* opacity: 0.5; */
	}
	.page .contents .title,
	.page .inner_block .contents .title{
		padding: 19px 0px 10px;
	}
	.page .inner_block.filebox .contents .title,
	.page .inner_block.analize .contents .title{
		padding: 19px 0 0;
	}
	
	
	.page .inner_block .contents .title h2{
		font-size: calc(24vw /	3.8);
	}
	.page .inner_block .contents .title p{
		font-size: calc(14vw /	3.8);
	}
	.page .inner_block .contents .title p{
		font-size: calc(14vw /	3.8);
		text-align: left;
	}
	.page .inner_block .contents .monitor .exp div h4{
		/* font-size: 1.4rem;
		line-height: 2.4; */
	}
	.page .inner_block .contents .monitor-fix {margin: 0}


/* .page #top.agent .mv .bg .rotate {
	opacity: 0.6;
	opacity: 0.3;
	opacity: 0.2;
} */
	.page #top.agent .mv .copy,
	.page #top.jenka .mv .copy {
	top: calc(100vw / 6.67);
	left:0;
	width: 100%;
	}
	.page #top.jenka .mv .copy{
		top: calc(80vw / 6.67);
		left: 10px;
		padding: 0 10px;
		width: auto;
	}
	.page #top.jenka .mv .copy,
	.page #top.jenka .mv .copy h2 {
		text-align: left;
	}
	

	.page #top.jenka .mv .copy h3 {display: none;}
	
	.page #top.agent .mv .copy img{
		width: calc(240vw / 3.8);
		margin-bottom: calc(1vw / 	3.8);
	}
.page #top.jenka .mv .copy img {
			width: 100%;
			margin-top: 10px;
		}
		.page #top.agent .mv .copy img.logo{
			width: 65%;
		}
		.page #top.jenka .mv .copy img {
			margin-bottom: 20px;
		}
		
	
		
	.page #top.agent .mv .copy .sp-fig img{
		width: 100%;
		margin-top: 10px;
	}
	
	.page #top.jenka .mv .copy .sp-fig img{
		width: 90vw;
	}
	.page #top.agent .mv .copy h2,
	.page #top.jenka .mv .copy h2{
		font-size: calc(28vw / 3.8);
		margin-bottom: calc(16vw / 3.8);
		margin-bottom: calc(32vw / 3.8);
	}
	.page 	#top.agent .mv .copy h3,
	.page 	#top.jenka .mv .copy h3  {
		font-size: calc(16vw / 3.8);
		text-align: center;
		margin-bottom: calc(32vw / 3.8);
	}
	.page 	#top.agent .mv .copy h4,
	.page 	#top.jenka .mv .copy h4 {
		font-size: calc(14vw / 3.8);
		margin-bottom: calc(20vw / 3.8);
	}
	.page #top.jenka .mv .copy h4 {margin-bottom: 0;}
	.page #top.agent .mv, .page #top.agent .mv .bg{height: calc(910vw / 3.8);}
	.page #top.jenka .mv, .page #top.jenka .mv .bg{height: calc(640vw / 3.8);}
#ai.contents {
					margin: 0;
	}
	
		
	.page .mv .copy p.btn{
		margin-bottom: calc(32vw / 3.8);
		padding: 0;
	}
	.page .mv .copy .sp-fig{
		margin-top: -10px;
	}
	
	
	#top_content .box{}
	
	
	.top-box,
	.top-box.ai,
	.top-box.api,
	.top-box.crm,
	.top-box.chat,
	.top-box.dam{padding:40px 3% 3%;}

	
	#top_content .block .row{
		display: block;
	}
.top-box h4{
	font-size: calc(72vw /	3.6);
	font-weight: 700;
		left: auto;
		right: 0;
		top: 0;
	}
.top-box.crm h4,
.top-box.ai h4,
.top-box.api h4,
.top-box.chat h4  {top: 0;}

#top_content .block .col1 {max-width: none;}
	
	
#top_content .block h3 {
	font-size: calc(16vw /	3.6);
	line-height: 1;
	padding: 0.4em 2em;
	letter-spacing: 0;
	width: fit-content;
}

#top_content .block h2 {font-size: calc(32vw /	3.6);}
#top_content .block h2 span{font-size: calc(24vw /	3.6);}

#top_content .block p {font-size: calc(16vw /	3.6);}
		.page .mv .fig{
			width: 95vw;
			margin: 0 auto;
		}
		
		#top_content .ai .block h2 {
			font-size: calc(18vw /	3.6);
			text-align: center;
		}
		#top_content .ai .block h2 img{width: 80%;}
		
		.topix_box .box, .topix_box2 .box{
			margin-bottom: 10px;
			padding: 4vw;
			padding: 12px;
		}
		.topix_box.step .box{
			padding: 0;
			
		}
		.bownow .topix_box .box h3,
		.topix_box .box h3,
		.topix_box2 .box h3{
			font-size: calc(16vw /	3.6);
			height: 3.2em;
			display: flex;
			align-content: center;
			flex-direction: row;
			flex-wrap: nowrap;
			/* justify-content: center; */
			text-align: start;
		}
		.bownow .topix_box .box h3,
		.topix_box .box h3{
			display: block;
			height: auto;
		}
		.viewSP .col2.sp2 .box h3{
			display: flex;
					height: 3.2em;
					flex-direction: row;
					flex-wrap: wrap;
					align-content: center;
					justify-content: center;
					align-items: center;
		}
		
		
		.topix_box.result  h3{
text-align: center;
		}
		
		.box h3.taC{
			text-align: center;
		}
		#api .bownow .topix_box.topix .box h3{
			height: auto;
			line-height: 140%;
		}
		#api .bownow .topix_box .box h4,
		.topix_box .box.box123 h4 {
		font-size: calc(12vw /	3.8);
		line-height: 120%;
	}
	#api .bownow .topix_box .box h4 span
		.topix_box .box.box123 h4 span{
			font-size: calc(12vw /	3.8);
			white-space: nowrap;
			align-items: flex-start;
		}
		
		.topix_box.ai .box.box123 h5, .topix_box.jenka .box.box123 h5{
			font-size: calc(12vw /	3.8);
			margin-top: 60px;
		}

		.topix_box .box.pink h5,
			.topix_box2 .box.pink h5{
				/* display: block;
				width: 100%;
				text-align: center; */
				width: 100%;
				display: flex;
				text-align: center;
				flex-direction: row;
				flex-wrap: wrap;
				justify-content: center;
			}
		.topix_box .box.pink h4,
		.topix_box2 .box.pink h4{
			font-size: calc(15vw / 3.8);
		}
		.plan .topix_box.jenka .box.box123 h4,
		.plan .topix_box .box.box123 h4{
								display: flex;
										flex-direction: column;
										align-content: center;
										align-items: center;
										justify-content: center;
										flex-wrap: wrap;
										text-align: center;
		}
		/* エージェントクロス */
		#ai .agent,
		#ai .jenka {
						padding: 4vw;
		}
		#ai.filebox .agent {
			padding: 4vw;
			padding: 5px;
		}
	#ai .row div {width: auto;}
	#ai .row div.col2{padding-bottom: 10px;}
#ai .row div.box{
	font-size: calc(14vw / 3.8);
	padding: 4vw;
}

#ai.analize .row div.full {
				width: auto;
				margin: 10px;
}
.balloon {margin-right: 0;}
.balloon:before{display: none;}
.balloon:after{display: none;}
.balloon img{
	float: right;
	width: calc(77vw / 3.8);
	margin-left: 10px;
}
#ai .pad,
#api .pad,
.tab-menu,
.tab-body .col.case{
	padding: 4vw;
	padding: 0;
}
#ai .pad,
#api .pad{padding-bottom: 10px;}

#ai .row,
#api .bownow .row {
	flex-direction: column;
	/* padding: 10px; */
}

#ai.filebox .row {
	padding: 10px;
	padding: 10px 10px 0;
	margin-bottom: 0;
}
#ai .row.reverse,
#api .row.reverse {
	flex-direction: column;
	gap: 16px;
	padding-bottom: 26px;
}
#ai .row.spcol2 {
				flex-direction: row;
}
#ai .row.spcol2 .box {
	width: 50%;
}
.page .contents .menu .title {
				padding-bottom: 0;
				padding-bottom: 16px;
}



#ai .agent .topic .col img.numl, #ai .agent .topic .col img.numr{
	top: 5vw;
}
#ai .agent .topic .col img.numr{left: 5vw;right: auto;}
#ai .agent .topic .col img.numl{left: 5vw;}
#ai .agent .topic .col{padding: 16px;}
#ai .agent .topic .col h5 span {
				padding: 0.5em 0.5em;
			text-align: left;
			display: inline-block;
			line-height: 1.2;
}
#ai .agent .topic .col h4{
	font-size: calc(14vw / 3.8);
	font-size: 14px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}
#ai .agent .topic .col img, #api .jenka .topic .col img{
	max-width: 100%;
	max-height: none;
}
#ai .agent .topic .col .row{
	margin: 0;
	padding: 0;
}
.page .inner_block .contents .agent .title,
.page .inner_block .contents .jenka .title{
	/* padding: 20px 0; */
}

.page .contents .agent .title h2,
.page .contents .jenka .title h2{
	font-size: calc(20vw / 3.8);
}
.page .inner_block.filebox .contents,
.page .inner_block.analize .contents{
	padding:40px 0;
	padding:0;
}




#ai .row .case .row{flex-direction: row;				align-items: flex-start;}
#ai .row .case .row img{max-width: 	calc(77vw / 3.8);}
#ai .tab-body .row div.col{width: auto;padding: 12px;}



.tab__link {font-size: calc(12vw / 3.8);}
.tab-body{padding: 0;}
.tab {width: auto;}
.tab-body .col h3,
#ai .agent .topic .col h3,
#ai .jenka .topic .col h3,
	.tab-body .subtitle h3 {
		font-size: calc(16vw / 3.8);
		margin-bottom: 10px;
	}
	#ai .agent .topic .col h3{
		font-size: calc(18vw / 3.8);
	}
.tab-body .col p {
	font-size: calc(14vw / 3.8);
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
}
	.tab-body .col h3 span{font-size: calc(16vw / 3.8);}
	.tab-body .col.case h4{
		font-size: calc(18vw / 3.8);
		font-weight: 700;
		line-height: 1.6;
	}
	.tab-body .subtitle h3 {
	font-size: calc(18vw / 3.8);
	padding: 0;
	margin-bottom: 0;
}
	
	#ai .agent.info,
	#api .jenka.info{margin: 10px;padding: 10px;}
	#ai .agent.info h3,
	#api .jenka.info h3{font-size: calc(16vw / 3.8);}
	#ai .agent.info p,
	#api .jenka.info p{font-size: calc(14vw / 3.8);text-align: left}
	#ai .btn{padding: 0 14vw;}
	/* #top_content.contents .title, .page .contents .title, .page .inner_block .contents .title{padding:20px 0;} */
	.page .contents .title p, .page .inner_block .contents .title p{
		font-size: calc(14vw / 3.8);
		margin-bottom: 10px;
	}
	.page .contents .title p{
		text-align: left;
	}
	.page .contents .menu .title h2,
		#top_content.contents .title h2{
			font-size: calc(16vw / 3.8);
			margin-bottom: 0;
		}
		.page .contents .title h2, .page .inner_block .contents .title h2,
		.page .contents .title h2.fs24, .page .inner_block .contents .title h2.fs24{
			font-size: calc(24vw / 3.8);
			font-size: calc(22vw / 3.8);
		}
		
		.page .contents .title p.pad{
			padding: 0 10px;
		}
			
		.page .contents .title h2 img{
			width:50vw; 
			width: 	calc(140vw / 3.8)
		}
		.page .contents .agent.bg_gray2 .title h2{
		font-size: calc(22vw / 3.8);
		}
		#api .jenka,
		#api .inner_block.bownow,
		#api .bownow.bg_jenka,
		#api .bownow.bg_gray2 {
						padding: 0 24px 24px;
						padding: 0 12px 24px;
		}
		#api .row div.box{
			padding: 16px;
		}
		#api .row div.box p{
			margin-bottom: 1em;
		}
		#api .row div.box img{
			width: 100%;
		}
		#api .bownow .row div.box img{
			max-width: none;
		}
		#api .row {margin: 0}
		#api .jenka .row,
		#api .bownow .row{
			padding: 0;
			margin-bottom: 10px;
		}
		
		#api .tab-body{
		padding: 16px;
		}
		#api .topix_box .box {
						padding: 10px;
						padding: 20px;
						display: flex;
						gap: 10px;
						flex-direction: column;
						flex-wrap: nowrap;
		}
		
		#ai .agent .topic .col h4	span,
		#ai .agent .usecase .col h4 span,
		#api .jenka .usecase .col h4 span{
			padding: 6px 12px 6px;}
		
		#ai .row div.box h3{font-size: calc(14vw / 3.8);}
		#ai .agent h4,
		#ai .jenka h4
			{font-size: calc(16vw / 3.8);text-align: left;}
		
		#ai .agent .topic .col h5 {
			font-size: calc(16vw / 3.8);
		}
		
		#api .topix_box .left .col2 div:nth-child(1),
		#api .topix_box .left .col2 div:nth-child(2) {
			width: 100%;
		}
		.topix_box .box123 .col2 img{
			width: 65%;
			margin: 0 auto;
			display: block;
		}
		.topix_box .box123 .col2 img.jenka-logo{
			width: 45%;
		}
		
		.sprow{
			display: flex;
			gap: 10px;
		}
		.sprow .box{
			width: 50%;
		}
		.topix_box .box.fs12 p{
	font-size: calc(12vw /	3.6);
}
		
		.campaign {
			right: 0;
			left: auto;
		}
		
		.campaign img{
		transform: rotate(20deg);
		width: 134px;
	}
		
		.headcontact{
			display: block;
			text-align: center;
		}
		
		.headcontact .btn a.Btn_inBox{
			margin: 0 auto;
			display: block;
		}
		
		
.priceBox {
	padding: 10px;
}
#api .bownow .priceBox {
	margin-top: 10px;
}
.support .row,		
.plan .row{		
		flex-direction: column;
		gap: 0;
		}
		.support .row	.option,
.plan .row .option {
			width: 100%;
		}
		.plan .row .option,
		.support .row .option {	margin-bottom: 10px;}
		.page .inner_block .scrl{
			overflow: scroll;
			width: 100vw;
			}

	.plan .row div .inner,
	.support .row div .inner {
		padding: 12px;
	}

			
	.topix_box,
	.topix_box .box .col,
	.topix_box .box .col2,
	.topix_box2,
	.topix_box2 .box .col,
	.topix_box2 .box .col2{
		display: block;
	}

		/* .topix_box.grid1-2{
			display: grid;
		} */

	
	.topix_box .box div,
	.topix_box2 .box div {
		font-size: calc(24vw /	7.68);
		font-size: calc(14vw /	3.6);
		margin-bottom: 20px;
		}
		
		#api .topix_box .box div{
			margin-bottom: 0;
		}
		#api .row div {
						width: 100%;
						width: auto;
						flex-direction: column;
		}
	#api 	.btn_box{
		/* padding: 1px 0; */
	}
	#api .row.bownow{
		display: block;
	}

	#api .row.bownow .col.case {
		margin-bottom: 20px;
	}
	#api .row.bownow .col.case .box{
		padding: 10px 10px 20px;
	}
	
	#api .row.bownow .col.case .row {
		flex-direction: row;
		align-items: flex-start;
		align-items: flex-end;
		padding: 0 5vw;
	}
	#api .row.bownow .col.case .row img{
	max-width: calc(100vw / 3.8);
}
	
	#api .bownow .usecase .col{
	width: auto;}
	#api .bownow .usecase .col img{max-width: none;}
	
	#api .bownow .point_bownow{
		margin-bottom: 20px;
	}
	
#api .bownow .priceBox .bownowPrice{
	margin-top: 20px;
}

	#api .priceBox table tr th{
		font-size: 12px;
		padding: 0;
		text-align: center;
	}

	#api .priceBox table tr td.price.fs18{
		font-size: 18px;
	}


	
	.topix_box .box .col2 div,
.topix_box .left .col2 div:nth-child(1),
.topix_box .left .col2 div:nth-child(2),
.topix_box .right .col2 div:nth-child(1),
.topix_box .right .col2 div:nth-child(2){
		width: 100% ;
		}
		
		.topix_box .col2.sp2{
			display: flex;
			gap: 2vw;
		}
		.topix_box .box .col2.sp2 div,
		.topix_box .col2.sp2 .box{width: 50% ;}
		
		.topix_box .box.half{display: none ;}
		
.step p.title{	font-size: calc(14vw /	3.6);}
.topix_box .box p, .topix_box2 .box p {
	font-size: calc(14vw /	3.6);
}
.step p.title img.pol-r{
	display: none;
}

.function_box {
	padding: 10px;
	padding: 0;
}
	.function_box .inner{
		display: block;
		padding: 0;}
		
		.function_title{padding: 12px;}
		
		
		
	.function_box .box .col2 div,
	.function_box .left .col2 div{
		margin-bottom: 20px;
	}
	
	.function_chart{
		border-width: 0 0 0 1px;
		border-style: solid;
		border-color: #E3E3E3;
	}
	
	/* .function_chart dl{
		grid-template-columns: 30% 54%	8% 8% ;
	}
	
	.function_chart dl dd:nth-child(4n+1){order: 3;}
	.function_chart dl dd:nth-child(4n+2){order: 4;}
	.function_chart dl dd:nth-child(4n+3){order: 1;}
	.function_chart dl dd:nth-child(4n+4){order: 2;}
	
	.function_chart dl dd:nth-child(4n+1),
	.function_chart dl dd:nth-child(4n+2){
		padding: 2px;
		display: grid;
		justify-content: center;
		align-content: center;
		align-items: center;
	} */

	/* .function_chart dl dd:nth-child(1){order: 3;}
	.function_chart dl dd:nth-child(2){order: 1;}
	.function_chart dl dd:nth-child(3){order: 2;} */
	
	
	.function_box .inner .row{
		display: block;
	}
	.function_chart dl dt{
		font-size: calc(12vw /	3.8);
		padding: 8px;
	}
	.function_chart dl dd {
		font-size: calc(12vw /	3.8);
		padding: 8px;
	}
	
	.function_box h3{
		font-size: calc(14vw /	3.8);
		padding: 0 0 0 24px;
	}
	.function_box h3.none {
		padding-left: 0;
	}
		.full .btn a.Btn_inBox .btn.row{

		}
	.full .btn a.Btn_inBox {
		font-size: calc(14vw /	3.8);
	}
	/* ノーカラムダウンロード */
	#download .logo{
		text-align: center;
	}
	#download .logo img {
		width: 90vw;
		width: auto;
		max-width: 90vw;
		height: 26px;
		}
	.page #download .inner{
		margin: 0 6px;
		width: auto;
		max-width: none;
	}
	#download{
	font-size: 100%;
	line-height: 1.6;}
	#download .box-kspuls .box, #download .box-24365 .box{
		flex-direction: column;
		gap: 10px;
	}
	
	#download .icon,
	#download .body h4{
		text-align: center;
	}
	#download .body img {
		margin: 0 auto;
		display: block;}
	
	#download{padding: 10vw 0;}
	#download h2{font-size: 8.5vw;margin-bottom: 3vw;}
	#download h3{font-size: 5.5vw;margin-bottom: 3vw;}
	#download h4{font-size: 5.5vw;padding-top: 3vw;margin-bottom: 30px;line-height: 1.6;display: block;text-align: left;}
	#download .contents h4,
	#download .contents h4.sub {font-size: 5.5vw;padding-top: 3vw;margin-bottom: 10px;line-height: 1.6;display: block;}
	#download .contents h4.sub {text-align: center;font-size: 5.0vw;margin-block: 3vw;}
	#download .contents h5{font-size: 4.0vw;}
	#download .box-kspuls, #download .box-24365{padding: 20px;}
	.btn a.Btn_inBox{
		font-size: 4.0vw;
	}
	.btn a.Btn_inBox{
		padding: 8px 3em;
	}
#ai .btn a.Btn_inBox, #api .btn a.Btn_inBox{
	padding: 0.6em;
}
	
	.btn a.Btn_inBox:after {
		top: 0.65em;
	}
	.btn a.Btn_inBox.ext:after{
		top: 0.2em;
	}
	.full .btn a.Btn_inBox:after {
					top: 0.9em;
	}
	.btn.row{
		display: flex;
		flex-direction: column;	
		gap: 20px;
	}
	.full .btn a.Btn_inBox{
		width: auto;
		margin-bottom: 10px
	}
	
	#download #appBox h5{font-size: 4.0vw;}
	#download #appBox li{margin-bottom: 30px;}
	#download #appBox .col1 li{margin: 0 30px;}
	#download p.fcRed{font-size: 3.0vw;}
	#download #appBox li{width: auto;}
	
	#download .box-kspuls ul, #download .box-24365 ul {
		display: block;}
	
	
	.page .mv .bg .rotate {
					top: calc(-385vw / 7.68);
					right: calc(-260vw / 7.68);
	}
	
	
}