@charset "utf-8";

/* ロゴの位置調整 */
.aivoicebot #header .container .col-xs-7,
.aivoicebot #header .container .col-sm-4 {
	padding-left:0px !important;
}
#header h1 img {
	height: 40px;width:auto;
}
@media (max-width: 767px) {
	#header h1 {
		padding-left:10px;
		text-align: left;
	}
	#header h1 img {
		height: 25px;
		width:auto;
	}
	/* ロゴの位置調整 */
	.aivoicebot #header .container {
		padding-left:0px !important;
		padding-right: 0px !important;
	}
}

.content {
	clear:both !important;}



/* PC　ヘッダーボタン -----------------------*/
.cta-btn-head a{
	width:auto;
	line-height: 1.2;
	padding: 10px 15px;
	border-radius: 10px;
}
.cta-btn-head a span {
	font-size:70%;
}
@media screen and (min-width:768px) and ( max-width:1024px){
	.cta-btn-head a {font-size:14px;padding:5px 25px;}
}

/* トップ画像　(id:top-img) ----------------------------*/
.top-img {
/*	max-width:1600px;
	margin:0 auto;*/
	background:#fff;
	background: url(/wordpress2/wp-content/uploads/bg_aitop1.png) no-repeat right top #fff;
	background-size:contain;
}
.top-img .container {
	padding-top:50px;
	padding-bottom:40px;
	position: relative;
}
.logo-aivoice {
	margin:40px 0 20px;
}
.logo-aivoice img {
	background:rgba(255,255,255,0.5);
	padding:10px 10px 10px 0;
}
.aivoice-ruby span{/*
	background:rgba(255,255,255,0.5);
	padding:2px 20px 5px;*/
}
.top-attention { /* 「※画像はイメージです。」部分 */   
	position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
	color:#666;
}

.top-features {
	margin-top:80px;
}
.top-features p {
	padding:10px 1%;
	border-bottom:1px dotted #ccc;
	width:600px;
	 background: rgba(255,255,255,0.8);
}
.top-features p:first-child {
	border-top:1px dotted #ccc;
}
.top-features p i {
	margin-right:1em;
	color:#71c4f4;
}
@media (max-width: 1200px) {
	.top-img {background-size:cover;}
}
@media (max-width: 767px) {
	.top-img {/*
		background:url(/wordpress2/wp-content/uploads/bg_aitop2.png) no-repeat right 0px,url(/wordpress2/wp-content/uploads/img_aitop02.png) no-repeat right bottom;
		background-size:auto 35%,auto 230px;
		*/background:url(/wordpress2/wp-content/uploads/bg_aitop03.png)right top;background-size:auto;
	}
	.top-img-sp {
		background:url(/wordpress2/wp-content/uploads/img_aitop05.png) no-repeat top center;
		background-size:auto 230px;
		height:230px;
		margin: 20px calc(50% - 50vw) 0px;
		width: 100vw;
	}
	.top-img .container{padding-top:10px;}
	.top-img .top-txt {/*background:url(/wordpress2/wp-content/uploads/bg_aitop2.png) no-repeat left bottom;background-size:auto 100%;padding-bottom:60px;*/text-align: left;}
	.top-img .txt01 {font-size:80%;}
	.logo-aivoice {margin-top:20px;}
	.logo-aivoice img {max-width:90%;height:auto;background:none;padding:0px;}
	.aivoice-ruby span{font-size:70%;}
	.top-features {/*margin-bottom:200px;*/margin-top:0px;}
	.top-features p {width:100%;text-indent: -1em;padding-left: 2em;font-size: 80%;line-height: 1.3;}
	.top-attention {position: relative;text-align: right;font-size:10px;margin-bottom:20px !important;}
}


/* トップメッセージ　(id:top-msg) ---------------------------*/
#top-msg {
	background:#fff;
	padding:50px 0 70px;
}
#top-msg p {
	font-size:24px;
	text-align:center;
	line-height:2;
}
#top-msg p span.txt01 {font-size:36px;}
#top-msg p span.txt02 {font-size:30px;font-weight:bold;}
#top-msg p img.msg-logo {height:45px;width:auto;vertical-align:top;}

@media (max-width: 767px) {
	#top-msg p{}
	#top-msg p,
	#top-msg p span.txt01 {font-size:100%;}
	#top-msg p span.txt02 {font-size:130%;}
	#top-msg p img.msg-logo {height:35px;vertical-align: middle;}
}




/* 問合せ　(id:cta01) -------------------------------*/

.cta .cta-right a {
	padding:15px 10px;
	color:#c00;
	background:#fff;
	border:none;
	line-height: 1;
	border-radius: 10px;
}
.cta .cta-right a.demo {
	color:#0700AF;
}
.cta .cta-right a span {
	display: inline-block;
	font-size:60%;
}
@media (max-width: 1200px) {
	.cta .container {flex-wrap: wrap;}
	.cta .cta-left {width:100%;}
	.cta .cta-right,
	.cta .cta-left {padding:10px;}
}
@media (max-width: 767px) {
	.cta {padding-bottom:20px;}
	.cta .cta-right a {width:90%;}
}

/* お悩み　エリア (id:content01) ----------------------------*/
#content01 {
	background:#f5f5f5;
	padding:65px 15px 100px;
}
div.worries { 
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
div.worries div {
	background:#fff;
	padding:20px 1%;
	width:23%;
	margin-bottom:20px;
}
div.worries div span {
	display:block;
	text-align:center;
	margin-bottom:30px;
}
div.worries div span img {
	height: 100px;
	width:auto;
}
.content01b {
	background:#fff;
	padding:10px 10px 30px;
}
.content01b .txt-red {
	color:#c00;
	font-size:150%;
	margin-bottom:30px;
	line-height:2;
}

@media (max-width: 767px) {
	div.worries div {width:48%;/*width:100%;*/padding:10px;font-size:80%;line-height: 1.5;}
	div.worries div span {margin-bottom:15px;}
	div.worries div span img {height:60px;}
	.content01b .txt-red {line-height: 1.5;font-size:110%;}
}

/* AIボイスの特徴(id:content02) --------------------------------*/
/*
.features-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.features-block .content02-block {
	width:49%;
}
@media (max-width: 767px) {
	.features-block {
		display: block;
	}
	.features-block .content02-block {
		width: auto;
	}
}*/
.content02-flex {
	padding-top:0px;
	align-items: flex-start;
}
.content02-flex2 {
	align-items: center !important;
}
.content02-title {margin-bottom:30px;}
.content02-img {width:30%;}
#content02-figure {
	text-align: center;
	margin-top:100px;
}
#content02-figure .ct02-f-t {
	color:#2e3192;
	font-size:180%;
	font-weight:bold;
	margin-bottom:30px;
}
#content02-figure .ct02-f-b {
margin-top:50px;
	margin-bottom: 50px;
	font-size:120%;
	line-height: 1.8;
/*
	background:#fcfce7;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
	padding:30px;*/
}
.number01, .number02, .number03, .number04, .number05, .number06 {
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
@media (max-width: 767px) {
	.content02-title{padding:10px;}
	.content02-text {padding-top:0px;}
	.content02-text p {font-size:13px;}
	.content02-img {width:auto;max-width:250px;}
	#content02-figure {padding:10px;}
	#content02-figure .ct02-f-t {font-size:130%;}
	#content02-figure .ct02-f-b {text-align: left !important;line-height: 1.5;font-size:100%;}
}

/* オススメの業務領域 (id:content03) -------------------------------- */
.content03-block {/*width:50%;*/}
.content03-title {border-bottom:1px #dcdcdc solid;padding-bottom:18px;margin-bottom:20px;}
.content03-text {width:60%;}
.content03-text ul li::before {
	content:'\f14a';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color:#2ca6e0;
  margin-right:10px;
}
.content03-text ul {
	margin-left:0px;
}
.content03-text ul li {
	list-style: none;
	padding-left: 2em;
	text-indent: -1.5em;
}
.content03-img {width:40%;}
.content03 .txt03 {
	font-size:30px;
	line-height:1.8;
	margin:100px 0 50px;
}
.content03-block li span {background: linear-gradient(transparent 65%, #ffff00 65%);}

@media (max-width: 767px) {
	.content03-title {padding-bottom:10px;margin-bottom:10px;margin-top:10px;}
	.content03-text,
	.content03-img {width:100%;}
	.content03-img img {width:80%;}
	.content03 .txt03 {font-size:18px;margin:30px 0;}
}

/* サービス導入に必要なものエリア (id:content-need) ----------------------------*/
#content-need {
	padding:50px 0 100px;
}
#content-need .txt-cn1{
	font-size:20px;
	line-height:1.8;
}
table.service-composition {
	margin-top:50px;
}
table.service-composition th {
	background:#fff;
}
table.service-composition th,
table.service-composition td{
	text-align: center;
	width:25%;
	vertical-align: middle;
}
table.service-composition td{
/*	border-left:1px #ccc dotted;*/
}
@media (max-width: 767px) {
	
	table.service-composition th,
	table.service-composition td{
		font-size:80%;
	}
	#content-need .txt-cn1{
		font-size:18px;}
}


/* ご利用料金　(id:content04) ----------------------- */
#content04 {
	background:#f5f5f5;
	padding:65px 15px 100px;
}
.price-area {
	background:#fff;
	padding:20px 20px 50px;
}
.table-price {
	border-left:1px dotted #c9c9c9;
	border-right:1px dotted #c9c9c9;
}
.entry .table-price th{background:#fff;}
.table-price td{
	border-left:1px dotted #c9c9c9;
}
.border-left {
	border-left:1px dotted #c9c9c9;
}
.table-price th,
.table-price td{
	width: 33%;
	text-align: center;
	vertical-align: middle;
}
@media (max-width: 767px) {
	#content04{padding:50px 10px;}
	.price-area {padding:20px 10px;}
}
/* テーブル共通 */
.bg-blue{background-color: #f5fbfe !important;}
.bg-orange {background:#fef8f5 !important;}
.bg-gray {background:#f5f5f5 !important;}
.noborder-t { border-top:none !important;}

@media (max-width: 767px) {
	.table-price th,
	.table-price td{font-size:80%;width:auto;}
}

/* 流れ (id:content05) ----------------------------*/

@media (max-width: 767px) {
	.content05-block {padding-bottom:25px;}
	.content05-img img {width:100px;}
	.content05-title {padding-top:20px;padding-bottom:20px;}
	.triangle02  {border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid #0071bc;
	}
}

/* よくあるご質問エリア (id:content06) ----------------------------*/
#content06 {
	padding:50px 0 100px;
	background:url(/wordpress2/wp-content/uploads/bg-stripe01.png) ;
	background-size:15px;
	border-top:1px #f5f5f5 solid;
}
.content06-form .thanks {text-align: center;}
.qa01 {
  background-color: #f8f8f8;
	border:1px #e8e8e8 solid;
  border-radius: 15px 15px;
	padding:30px;
	margin-bottom:20px;
}
.qa01 .su-spoiler {
	margin-bottom:0px !important;
}
.qa01 .su-spoiler-title {
	font-size:22px !important;
	font-weight: normal;
	line-height: 1.8;
	padding:0px 2em 0 0 !important;
}
.qa01 .su-spoiler-title span {
	font-size:26px;
	padding-right:0.5em;
}
.qa01 .su-spoiler-closed .su-spoiler-title::after,
.qa01 .su-spoiler-title::after {
	content:'\f078';
	color:#111111;
	font-size:125%;
	font: var(--fa-font-solid);
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translateY(-50%);
}
.qa01 .su-spoiler-title::after {content:'\f077';}

.qa01 .su-spoiler-content {
	padding:0px 0px 0px 2em !important;
	text-indent:-2em;
	margin-top:20px;
	color:#444;
	font-weight: normal;
}
.qa01 .su-spoiler-content span {
	font-size:26px;
	padding-right:0.5em;
	color:#1e3d73;
}
@media (max-width: 767px) {
	.content06-form .thanks {text-align: left;}
	.qa01 .su-spoiler-title{font-size:18px !important;}
	.qa01 .su-spoiler-title span,
	.qa01 .su-spoiler-content span {font-size:21px !important;}
	.qa01 .su-spoiler-content {
		font-size:16px !important;
		padding:0px 0px 0px 1em !important;
		text-indent:-1em;
	}
}
/*プラグインが出すアイコンを非表示*/
.qa01 .su-spoiler-icon {display: none;}


/* お問い合わせフォームエリア (id:content07) ---------------------------- */
#content07{
	background:#1e3d73;
	background:#d3eef9;
}
.box-aibot {
	margin-top:40px;
}
.box-aibot .hissu {
	margin-right: 10px;
}
.box-aibot .nini {
	background:#0033cc;
	border-color:#0033cc;
}
.box-aibot ::placeholder {
	color:#757575 !important;
}
.formexplanation03 {display:none;}
.mw_wp_form_confirm .formexplanation03 {display:inline-block;}

@media (max-width: 767px) {
.form-txt-ai {font-size: 14px;}
}

/* PC 右メニュー　------------------------------ */
.nav_fixed_pc#nav_fixed nav #menu {
	margin-bottom:0px;
}
#nav_fixed nav #menu li a{
	line-height:1.4;
}
.cta-btn-menu2 {
	padding:0 10px;
}
.cta-btn-menu2 a {
	display: inline-block;
	font-size:16px;
	line-height: 1.2;
	width:100%;
	padding:10px 5px;
	border-radius:5px;
	color:#fff;
	background:#f15a24;
}
.cta-btn-menu2 a span {
	font-size:12px;
}
#nav_fixed nav .tel {
	margin-top:10px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	background:#f8f8f8;
}
#nav_banner {
	padding:5px;
}
#nav_banner a{
	border:1px #ccc solid;
	width: 100%;
	display:block;
	text-align: center;
	padding:1px;
}
#nav_banner a img {
}

/* スマホ　右上メニュー  ---------------------------- */
.drawer__button {
  position: relative;
  width: 5rem;
  height: 5rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin-top: 10px;
  z-index: 999;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
	z-index:999;
  }
}


/* 送信完了画面  ---------------------------- */
a.backtoaivoice {
	background-color: #001f40;
	color:#fff;
	padding: 8px 14px;
  display: inline-block;
  border: none;
  cursor: pointer;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
a.backtoaivoice:hover {
	color:#fff;
	text-decoration: none;
	background-color: #003874;
}
body#aivoicebot-complete #nav_fixed02,
body#aivoicebot-complete #nav_fixed,
body#aivoicebot-complete .cta-btn-head{
	display: none !important;
}


/* 【共通】　文字の色-------------------------- */
.marker-yellow {
/*	background: linear-gradient(transparent 65%, #fff799 65%);*/
	background: linear-gradient(transparent 65%, #ffff00 65%);
	padding:0px 3px;
/*	display:inline-block;*/
	line-height:1.3;
}
.color-o1 {
	color: #f15a24;
}
.bg-w1 {
	background:rgba(255,255,255,0.6);
	line-height:1.3;
	padding:0px 3px;
}
@media (max-width: 767px) {
	.marker-yellow {
		background: linear-gradient(transparent 65%, #ffff00 65%);}
	.top-img .bg-w1 {background:rgba(255,255,255,0.9);}
}

.iblock {/* インラインブロックにする */
	display: inline-block;
	font-size:100% !important;
}

.text-l-sp {}
@media (max-width: 767px) {
	.text-l-sp {	/* スマホで左配置 */
		text-align: left !important;
	}
}

.sp-only {display: none !important;}
.pc-only {display: block !important;}
@media (max-width: 767px) {
	.sp-only {display:block !important;}
	.pc-only {display: none !important;}
}