@charset "utf-8";
/*-------------------------------------------
ベースコーディング
-------------------------------------------*/
/*文字コード*/
body, textarea {font-family: "Noto Sans Japanese", "ＭＳ Ｐゴシック", sans-serif; font-size: 13px; color:#333333;}
input, select {font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;}
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary{display:block;}
/*その他*/
ul,ol{padding: 0; margin: 0;}
li{list-style: none;}
a img:hover{opacity: 0.8;}
a{text-decoration: none!important;}
.img-responsive{display: inline;}
p,h1,h2,h3,h4{margin: 0;}
/*-------------------------------------------
全体構成
-------------------------------------------*/
body{margin: 0 auto; word-break: break-all; max-width: 1920px;}
html{background-color: gray;}
/*wpデフォルト設定*/
.aligncenter {display: block; margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}
.static{position: static !important;}
/*-------------------------------------------
ヘッダー
-------------------------------------------*/
.header{position: relative;}
.pcheader{background: url(img/bg_header01.png) center top; position: absolute; width: 100%; z-index: 100;}
.headerContent{padding: 10px 0; text-align: left;}
.headerNav{overflow: hidden; margin-left: 20px;}
.headerNav li{float: right; margin: 17px 15px 17px 0px; padding: 10px 0;}
.headerNav li:first-child{float: right; margin: 0 10px;}
.headerNav li a{color: white; font-size: 15px;}
.headerNav li:first-child a{color: #08163c;}
.headerNavBtn{margin-top: 4px; border-radius: 5px; max-width: 150px;  text-align: center; background-color: #fcc453;}
.headerNavBtn a{color: white; display: block; padding: 12px 15px;  font-size: 12px;}
.spheader{background-color: #0f172f; position: relative;}
.spheaderNav li{text-align: left; padding: 10px 0; margin-left: 20px;}
.spheaderNav li a{color: white;}
.spheaderNav li a i.fa{font-size: 15px; margin-right: 10px;}
.spheaderNavBtn{text-align: center; border: 1px solid white; background-color: #0b65e3; padding: 5px 0; max-width: 120px; margin: 5px auto;}
.spheaderContent{text-align: left; padding-top: 10px; }
.spMenuBtn{font-size: 25px; position: absolute; top: 10px; right: 10px; z-index: 100; cursor: pointer; color: white; padding-top: 10px;}
.spheaderNav{display: none;}
.spheaderLogo{margin:  0 10px 10px 10px; max-width: 270px;}
/*-------------------------------------------
フッター
-------------------------------------------*/
#footer{background-color: #0f172f; font-weight: 200; }
.footerBtn{display: block; background: #fcc453; max-width: 300px; text-align: center; margin-bottom: 20px;}
.footerBtn a{color: #08163c; display: block; padding: 10px 0; font-size: 16px;}
.footCompanyAddress{color: white; line-height: 23px; margin-top: 30px; font-size: 16px;}
.footSubMenu{border-top: 1px solid #434343; margin: 0px 0;}
.footSubMenuParent .footSubMenu:first-child{margin-top: 20px;}
.footSubMenuParent .footSubMenu:last-child{border-bottom: 1px solid #434343; margin-bottom: 20px;}
.footSubMenu a,.footSubMenu span{display: block; color: #ffffff; padding: 5px 0;}
.footSubMenu a i.fa,.footSubMenu span i.fa{margin: 0 15px;}
.footSubMenu span{cursor: pointer;}
.footerNavTitle{margin-bottom: 30px;}
.footerNavTitle a{color: #0b65e3; font-size: 15px; margin-left: 0px; }
.copyright{color: white; margin-bottom: 50px; font-size: 14px;}
.footerLogo{text-align: center; margin-bottom: 70px; margin-top: 100px; position: relative;}
.footerNavBox{padding-right: 30px;}
.footerNavItem{margin-bottom: 20px;}
.footerNavItem a{color: white;}
.bagkToTop{text-align: center; border: solid #434343 1px;  max-width: 80px; margin: 0 auto 50px; }
.bagkToTop i.fa{font-size: 18px; margin-right: 5px;}
.bagkToTop a{color: white; display: block;  padding: 5px; font-size: 14px;}
.footerNavItem .tit a{font-size: 15px;}
.footerNavItem .date{margin-top: 5px; color: #434343; font-size: 13px;}

.stickyFooter{background: #fcc453; padding: 15px 30px; text-align: center; color: white; position: fixed;bottom: 0px; width: 100%; z-index: 100; font-size: 16px; font-weight: 200;}
.stickyToSignUp{ background: #257543; padding: 5px; border-radius: 5px; color: #ffffff; font-size: 12px; display: inline-block;cursor: pointer; margin: 0 10px;}
.stickyToSignUp:hover{background: white; color: #257543; font-weight: bold;}
.closeSticky{font-size: 18px; position: absolute; top: 5px; right: 5px; cursor: pointer;}
/*-------------------------------------------
サイドバー
-------------------------------------------*/
.sideTit{border-top: 1px solid #0b65e3; background: #fafafa; padding: 20px 0; text-align: center; font-size: 16px; font-weight: bold;}
.sideBarList li{border-bottom: #d2d2d2 1px solid;}
.sideBarList li a{ color: #333333; font-size: 16px; padding: 15px 10px; display: block;}
.eachSideItem{margin-bottom: 50px;}
.eachRankArticle .wpp-thumbnail{margin-right: 20px;}
.eachRankArticle{margin: 20px 0;}
.eachRankArticle a{color: #333333; font-size: 14px;}
/*-------------------------------------------
single.php
-------------------------------------------*/
.singleCatMainSide{margin-bottom: 100px;}
.postBox {margin-right: 30px;}
.postBox h1{color: #0b65e3; font-size: 32px; margin-bottom: 30px;}
.postTitleBottom{margin-bottom: 30px;}
.postBox h2{padding: 20px 40px; margin: 60px 0 20px; background: #fafafa url(img/single/bg_single02.jpg) no-repeat left center; font-size: 20px; border: #e5e5e5 1px solid;}
.postBox h3{margin: 50px 0 20px; padding-top: 20px; background: url(img/single/bg_single01.jpg) no-repeat left top; font-size: 18px;}
.postBox h4{margin: 40px 0 20px; padding-top: 10px; border-top: #d2d2d2 2px solid; font-size: 16px;}
.postBox p{line-height: 2; margin: 10px 0 30px; font-size: 16px;}
.postBox .featured{padding: 35px 25px; border: 2px solid #9177f6; margin: 20px 0;}
.postBox .featuredTitle{color: #0b65e3;}
.postBox .linkBtn{padding: 15px 30px; background: #fafafa url(img/single/bg_single03.png) left 15px center no-repeat; display: block; border: #e5e5e5 1px solid; color: #333;}
.postBox .newLinkbtn{text-align: center;}
.postBox .newLinkbtn a{display: inline-block; border-radius: 5px; padding: 10px 20px; color: #08163c; text-align: center; background: #fcc453;}
.postBox ul{margin: 0px 0 30px 20px;}
.postBox ul li{font-weight: normal; font-size: 15px; margin-bottom: 20px; background:url(img/single/bg_single04.jpg) no-repeat left center ; padding-left: 20px; margin-left: 0px;}
.postBox ol {margin: 10px; counter-reset: ol_li; font-size:15px; /* ol_li カウンタをセットする(値もリセット) */}
.postBox ol li{margin-bottom: 15px; margin-left: 5px;}
.postBox ol li:before {margin-right:.25em; counter-increment: ol_li; /* ol_li カウンタの値に1加える */ content: counter(ol_li); /* before擬似要素のcontentで出力 */color: #0b65e3; /* 色を変更 */}
.postBox table{margin: 20px 0 30px; width: 100%;}
.postBox th,td{text-align: left; padding: 15px 0;font-size: 14px; vertical-align: middle;}
.postBox th{width: 25%; background: #fafafa; padding: 10px;}
.postBox td{width: 75%; border-left: 1px solid #d2d2d2; padding: 10px;}
.postBox tr{border-bottom: 1px solid #d2d2d2;}
.postBox tr:first-child{border-top: 1px solid #0b65e3;}
.postBox .postDate{display: inline-block;margin: 0 20px 0 0; font-size: 14px;}
.belongCategories{display: inline-block;}
.belongCategories a{display: inline-block; margin-right: 10px; color: #0b65e3}
/*ページナビ*/
.wp-pagenavi{text-align: center; margin: 20px 0;}
.wp-pagenavi a, .wp-pagenavi span{padding: 3px 8px; color: #333;}
.categoryBox .wp-pagenavi span.current{color: #08163c; background: #fcc453; border: solid #bfbfbf 1px;}
.previouspostslink,.nextpostslink{color: #0b65e3;}
/*yarrp*/
.postBox .relatedPostTitle{ font-size: 16px; text-align: center; background-image: none; border: none; border-top: #0b65e3 1px solid; padding: 20px 0;}
.postBox .rightBox p {margin: 0;}
/*toPrice内部リンク対策*/
.categoryBox .blogToPrice a,.postBox .blogToPrice a{text-decoration: underline; display: block; text-align: center; margin: 0 0 10px;}
/*------------------------------------------
パンくず
-------------------------------------------*/
.devedBreadcrumbs{overflow: hidden; font-size: 12px;}
.devedBreadcrumbs li{float: left;}
.devedBreadcrumbs li a,.breadcrumbs a{color: #333333;}
.breadTrail{padding: 0 5px;}
.breadCrumbsWrapper{background: #eeeeee; padding: 10px 0; margin-bottom: 50px;}
.pageBreadCrumbsWrapper{background: #eeeeee; padding: 10px 0;}
/*------------------------------------------
category.php
-------------------------------------------*/
.categoryBox{margin-right: 60px;}
.categoryTitleWrapper{background: url(img/category/bg_category01.png) top center; min-height: 240px; background-size: auto 100%;}
.categoryTitle{margin-top: 150px; padding: 20px 0 30px; background: url(img/category/bg_category02.jpg) top left no-repeat;}
.categoryTitle .jpn{display: inline-block; color: white; font-size: 40px;}
.categoryTitle .eng{display: inline-block; font-size: 14px; padding: 13px 0 13px 10px; vertical-align: middle; color: #0b65e3;}
.categoryThumbnail{padding: 10px; background: #f4f4f4; border: 1px solid #e5e5e5; display: inline-block;}
.eachBlog{margin-bottom: 25px; padding-bottom: 20px; border-bottom: 1px solid #d2d2d2;}
.eachBlog .rightBox{margin: 0px 0 0 20px; }
.eachBlog .rightBox .tit{margin: 10px 0; }
.eachBlog .rightBox .tit a{font-size: 20px;}
.eachBlog .rightBox a{color: #0b65e3; }
.childCat{margin: 0 0 10px; overflow: hidden;}
.childCat li{float: left; margin: 0 10px 10px 0;}
.childCat li a{display: block; padding: 10px; border-radius: 5px; color: #08163c; background: #fcc453;}
.catDes{margin-bottom: 20px;}
/*------------------------------------------
page-function.php
-------------------------------------------*/
.pageMaincatch{ background: url(img/page/bg_page01.png) center top no-repeat;}
.pageMaincatch2{ background: url(img/page/bg_page06.png) center top no-repeat;}
.supportMaincatch{background: url(img/page/bg_page07.jpg) center top no-repeat;}
.pageMaincatchDescription{margin-top: 300px; text-align: center; }
.pageTitleEng{font-size: 13px; color: #0b65e3; padding: 5px; border-bottom: 3px solid #0b65e3; display: inline-block;}
.pageTitleDescription{font-size: 38px; font-weight: 100; margin: 45px 0 65px;}
.functionSessionContent{background: url(img/page/bg_page02.png) center top;padding: 65px 0; color: #ffffff; border-bottom: solid 7px #0b65e3;}
.functionContentLeft{ margin-right: 25px;}
.functionContentRight{ margin-left: 25px;}
.functionContentTitle{font-size: 18px; font-weight: 500; text-align: center; margin: 40px 0;  min-height: 50px;}
.functionContentTitle2{font-size: 18px; font-weight: 500; text-align: left; margin-bottom: 30px;}
.functionContentDescription{font-size: 16px; line-height: 1.8; font-weight: 200;}
.functionHeatmapsContent{background: url(img/page/bg_page03.png) center top; padding: 65px 0; color: #ffffff; border-bottom: solid 7px #0b65e3;}
.functionFunnelsContent{background: url(img/page/bg_page04.png) center top; padding: 65px 0; color: #ffffff; border-bottom: solid 7px #0b65e3;}
.functionFormsContent{background: url(img/page/bg_page04.png) center top; padding: 65px 0; color: #ffffff; }
/*------------------------------------------
page-client.php
-------------------------------------------*/
.eachClientWrapper{ padding-top: 40px; background: #f8f8f8; height: 120px; margin: 10px;}
.eachClient{text-align: center;}
.clientContent{margin: 50px 70px;}
/*------------------------------------------
page-price.php
-------------------------------------------*/
.pricePlan{border: 1px solid #dadada; border-radius: 5px; padding: 15px 19px; background: #ffffff; text-align: center; max-width: 300px;}
.pricePlanArea{background: #f6f6f6; padding: 70px 0;}
.pricePlanTit{font-size: 20px; padding: 34px 0 30px; border-bottom: 2px solid #eeeeee;}
.monthlyPrice{ border-bottom: 2px solid #eeeeee;}
.monthlyPrice p{margin: 20px 0;}
.monthlyPrice .planColor{font-size: 25px;}
.priceMiniRow{padding: 15px 0; border-bottom: 2px solid #eeeeee; font-size: 14px; font-weight: bold;}
.proPriceMini{padding: 10px 0;}
.priceMiniRowLast{padding: 15px 0; font-size: 14px; font-weight: bold;}
.priceSubmit{max-width: 300px; width: 100%; color: #ffffff; border-radius: 5px; margin: 0 auto; display: block; padding: 10px 10px; font-size: 16px; margin-top: 20px;}
.pricePlan.plan1{ margin-right: 15px;}
.plan1 .planColor{color: #47b475; font-weight: bold;}
.plan1 .priceSubmit{background: #47b475;}
/*.plan1 .monthlyPrice .planColor{font-size: 55px; margin: 35px 0;}*/
.plan2{margin: 0 10px 0 5px;}
.plan2 .planColor{color: #47a9b9; font-weight: bold;}
.plan2 .priceSubmit{background: #47a9b9;}
.plan3{margin: 0 5px 0 10px; background: #fffff5; border: 3px solid #5870b6;}
.plan3 .planColor{color: #5870b6; font-weight: bold;}
.plan3 .priceSubmit{background: #5870b6;}
.plan4{margin-left: 15px}
.plan4 .planColor{color: #5a5a86; font-weight: bold;}
.plan4 .priceSubmit{background: #5a5a86;}
.planPrice{font-size: 12px;margin-top:10px;}
.planPrice button{border: none; background: inherit;}
.planPrice .planColor{font-size: 12px; color: #5870b6;font-weight: lighter;}
#sampleModal .modal-footer a{color: white;}
#sampleModal .modal-footer .btn-primary{background: #0b65e3;}
.modal-body p{text-align: left;}
.modal-title{font-weight: bold; font-size: 16px;}
.priceNotice{text-align: center;}
.priceNoticeTitle{margin: 50px 0 30px; font-size: 25px; font-weight: bold;}
.priceNoticeDescription{font-size: 16px; line-height: 2;margin-bottom: 20px;}
.priceInquiryBtn{color: #0b65e3; display: block; padding: 6px 0; font-size: 16px; max-width: 160px; margin: 40px auto 0; border: solid #47b475 3px;;}
.priceFunction{padding: 70px 0 0;}
.priceFunctionTitle{font-size: 18px; margin-bottom: 40px; font-weight: bold; text-align: center;}
.priceFunctionTable tr:first-child th{color: #ffffff;}
.priceFunctionTable tr:first-child th:nth-child(2){background: #47b475;}
.priceFunctionTable tr:first-child th:nth-child(3){background: #47a9b9;}
.priceFunctionTable tr:first-child th:nth-child(4){background: #5870b6;}
.priceFunctionTable tr:first-child th:nth-child(5){background: #5a5a86;}
.priceFunctionTable tr:first-child th:nth-child(6){background: #48486b;}
.priceFunctionTable{width: 100%; margin-bottom: 70px;}
.priceFunctionTable td,.priceFunctionTable th{width: 20%; text-align: center; padding: 15px 0;font-size: 14px;}
.priceFunctionTable tr {border-bottom: 1px solid #e6e6e6;}
.priceFunctionTable tr:first-child th{border: 1px solid #e6e6e6;}
.priceFunctionTable tr:first-child th:first-child{border: none;}
.priceFunctionTable td {border-left: 1px solid #e6e6e6;}
.originalPlan{text-align: center; margin: 20px 0 0;}
.pricePlanTimestamp{text-align: center; margin-bottom: 20px;}
.monthlySession{font-size: 10px; font-weight: lighter;}

/*------------------------------------------
page-support.php
-------------------------------------------*/
.supportSectionTitle{font-size: 26px; text-align: center; font-weight: bold; margin-bottom: 10px;}
.supportSectionTitleEng{font-size: 13px; color: #0b65e3; padding: 5px; text-align: center; margin-bottom: 40px;}
.supportManualSection{padding: 0px 10px 70px; background: #f8f8f8;}
.supportManualSection.secnum0{padding: 70px 0;}
.eachManual{margin: 10px; background: #ffffff; border: 1px solid #eeeeee;}
.eachManualBottom{padding: 20px; border-bottom: 1px solid #eeeeee;}
.manualTitle{color:#08163c; font-size: 15px; margin-bottom: 10px; display: block;}
.manualToRead{display: block; padding: 10px 0; text-align: center; color: #333333; background: url(img/single/bg_single03.png) right 25px center no-repeat;}
.toAllManuals{text-align: center; margin-top: 20px;}
.toAllManuals a{display: inline-block; padding-left: 20px; background: url(img/single/bg_single03.png) no-repeat left center; font-size: 18px; color: #0b65e3;}
.supportFaq{padding: 70px 10px;}
.faqTitle{background-image: url(img/page/bg_page08.jpg),url(img/page/bg_page09.jpg);background-repeat: no-repeat,no-repeat; background-position: top left,bottom left; padding: 25px 20px; font-size: 18px;}
.supportQuestion{background-image: url(img/page/btn_page02.jpg),url(img/page/bg_page09.jpg);background-repeat: no-repeat,no-repeat; background-position: left 20px center, bottom left; padding: 20px 0 20px 55px; font-size: 18px; cursor: pointer;}
.supportAnswer{padding: 20px 40px; font-size: 16px; line-height: 2; background: #f8f8f8 url(img/page/bg_page09.jpg) no-repeat bottom left; display: none;}
.answerActive{background-image: url(img/page/btn_page01.jpg),url(img/page/bg_page09.jpg) !important;}
.answerBadge{color: #0b65e3;}

/*------------------------------------------
indexSession.php
-------------------------------------------*/
.imcDesFirst{color: #0b65e3; font-size: 18px; margin-bottom: 25px;}
.imcDesSub{font-size: 10px;}
.imcBtn{margin: 50px 0 0 0; text-align: center; border-radius: 5px; max-width: 195px; background: #fcc453;}
.imcBtn a{display: block; padding: 15px 10px; color: #08163c; font-weight: 500;}
/*導入実績*/
.indexCustomer{/*background: #f8f8f8;*/ padding: 40px 0; margin: 40px 0 0;}
.indexCustomerOutline{font-size: 18px; text-align: center;}
.indexCustomerNumber{color: #9177f6; font-weight: bold;}
.slider{max-width:600px; margin: 0px auto;}
.slider .slick-slide img{margin: 0 auto;}
.slick-prev,.slick-next{top: 40%;}
.slick-prev:before, .slick-next:before{color: #0b65e3;}
.slick-prev:before{content: url(img/btn_01.png);}
.slick-next:before{content: url(img/btn_02.png);}
/*コンバージョンを増やしましょう*/
.indexConversion{/*background: url(img/bg_main02.jpg) center center no-repeat #1b1b1b;*/background: #0f172f; padding: 100px 0px;}


.conversionLeft{margin: 10px 10px;}
.conversionDesFirst{color: white; font-size: 26px; margin-bottom: 40px; font-weight: 200; line-height: 1.42857143;}
.conversionDes{line-height: 30px; color: #c6c6c8; font-size: 16px;}
.conversionRight{padding: 0px 10px;}
/*全般*/
.productNameBold{font-weight: bold;}
.indexContentLeft{max-width: 350px;}
.indexContentRight{margin-left: auto; max-width: 350px;}
.indexItem1{display: inline-block; margin-left: 30px; color: #0b65e3; font-size: 14px;}
.indexItem2{color: #0b65e3; font-size: 14px; font-weight: bold; margin-bottom: 40px; margin-bottom: 35px;}
.indexBtn2{background: #fcc453; max-width: 200px; text-align: center; margin: 50px auto 94px;}
.indexBtn2 a{color: #08163c; display: block; padding: 10px 0; font-size: 18px; }
.indexDescription{margin: 30px 0; font-size: 20px; font-weight: bold; color: #101010;}
.indexArticle{font-size: 16px; line-height: 2;}
/*セッションリプレイ*/
.indexSession{background: url(img/img_mainpc01.png) center top no-repeat; margin: 80px 0; padding: 80px 0; min-height: 550px; background-size: 100%;}
/*ヒートマップ*/
.indexHeatmaps{background: url(img/img_mainpc02.png) center top no-repeat; margin: 80px 0; padding: 80px 0; min-height: 550px; background-size: 100%;}
/*ファネルズ*/
.indexFunnels{background: url(img/img_mainpc03.png) center top no-repeat; margin: 80px 0; padding: 80px 0; min-height: 740px;}
/*フォーム分析*/
.indexForms{background: url(img/img_mainpc04.png) center top no-repeat; margin: 80px 0; padding: 80px 0; min-height: 550px;}
/*サポート*/
.indexSupport{background: url(img/bg_main02.jpg) no-repeat center top; padding: 50px 0 20px; text-align: center; color: #ffffff;}

.supportDescription{margin: 50px 0; font-size: 28px}
.supportArticle{font-size: 20px; font-weight: 200;}
/*お問い合わせ*/
.indexContact{background-color: #f8f8f8; padding: 50px 0;}
.contactForm{padding: 17px 0; text-align: right; margin-right: 20px; font-size: 14px;}
.contactBox{padding: 7px 0;}
.indexContactLeft{text-align: center;margin: 7px 0 50px}
.indexContactItem{font-size: 14px; color: #0b65e3; text-align: center;}
.indexContactDescription{margin: 25px 0; font-size: 28px; font-weight: bold; color: #101010;}
.mainContact{margin: 0 20px;}
input.wpcf7-form-control.wpcf7-text,.wpcf7-form-control-wrap select{border: solid 1px #e5e5e5;}
input.wpcf7-form-control.wpcf7-email{border: solid 1px #e5e5e5;}
input.wpcf7-form-control.wpcf7-submit{font-size: 14px; letter-spacing: 20px; border: none; background-color: #fcc453;  color: #08163c; padding:  10px 60px 10px 80px;}
.contactTextArea{border: solid 1px #e5e5e5;}
input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required{width: 100%; height: 36px;}
.contactTextArea {width: 100%;}
input.wpcf7-form-control.wpcf7-text,.wpcf7-form-control-wrap select{width: 100%; height: 36px;}
.contactBadge{background: #0b65e3; color: white; padding: 2px 5px; margin: 0 0px 0 5px;}

/*aboutMouseflow*/
.aboutMouseflow{margin: 100px 0;}
.aboutMouseflow h2{font-size: 30px; font-weight: 200; text-align: center; margin: 0px 0 80px;}
.ambDes{font-size: 16px; margin-bottom: 10px;}
.aboutMouseflow h3{font-size: 20px; font-weight: bold; margin: 0 0 20px;}
.aMBox{margin: 0 0 40px;}
.eachAmBox{padding: 10px; font-size: 16px;}
.shareHosoku{font-size: 12px;}
.refererPage{text-align: right; margin-top: 5px; font-size: 12px;}

.indexContactButton{ text-align: center; padding: 50px 0;}
.indexContactButton a{color: #08163c; display: block; padding: 15px 0; font-size: 22px; background: #fcc453; max-width: 300px;  margin: auto;}
.breadCrumbsWrapper.contact{margin-bottom: 0px;}

/* トップページの内部リンク追加
-----------------------------------------*/
.topEachKono{margin: 20px 0 0;}
.topEachKono .tekMidashi{font-size: 15px; font-weight: bold; text-decoration: underline;}
.topEachKono ul li{font-size: 14px; background:url(img/single/bg_single04.jpg) no-repeat left 14px ; padding: 5px 0px 5px 10px;}

/* ウェビナーのdatepicker制御
-----------------------------------------*/
#custom-datepicker{width: 150px;}
#c-datepicker-time{width: 150px; margin: 0 0 0 5px;}
.contactdescription{text-align: left;}
#webinarflow h2{text-align: center; font-weight: bold; font-size: 20px; margin: 60px 0 20px 0;}
#webinarflow .flowhosoku{background: #eee; padding: 20px; margin: 20px 0 60px 0;}
.webinarflowbox{text-align: center; border: solid 1px #e5e5e5; padding: 10px; margin: 0 20px 0}
.webinarflowbox .S-highlight{color: #0b65e3; font-weight: bold;}
.webinarflowbox .steptext{margin: 10px 0 0 0;}
.webinartopimg{padding: 0px 0 50px;}
/* 最終申し込みページ
-----------------------------------------*/
.readonlyForm{background: #e5e5e5; border: none; outline: none;}
.termcheck .wpcf7-list-item{margin: 0; vertical-align: middle;}
.linkfromcontact{display: inline-block; padding: 5px 0px 5px 10px; font-size: 12px;}
input.readonlyForm[name="your-subject"]{width: 120px; margin: 0 5px 0 0;}
/* 料金ページ回収
-----------------------------------------*/
.tabnavprice{padding: 0 0 15px;}
.priceFunctionTable td, .priceFunctionTable th{background: white;}
.stSupTa td,.stSupTa th{background: #fafafa; font-weight: bold; color: #5a5a86;}
.supportTabBox{margin: 50px 0 100px;}
#mainArea .priceFunction{padding: 0;}
.includeSupportContentmenu{margin-top: 100px;}
.includeSupportContentLink{margin: 0 0 20px 0;}
.includeSupportContentLink a{display: inline-block; background: #fcc453; color: #08163c; border-radius: 5px; padding: 10px;}

/*サポートとマニュアルの統合*/
.toCustomerSuccess{background: #f8f8f8; padding: 50px 0 0; text-align: center;}
.toCustomerSuccess a{display: inline-block; font-size: 16px; padding: 15px 30px; border-radius: 5px; border: 1px solid #eee; background: #fcc453; color: #08163c;}
.toCustomerSuccess a:hover{text-decoration: none;}

/*事例*/
.eachshowcase .eachManualBottom{padding: 10px 20px 15px 20px;}
.showcasetable{width: 100%; text-align: center;}
.showcasetable th{background: #0f172f; color: white; text-align: center; padding: 10px;}
.showcasetable td{color: #08163c; padding: 10px 10px; background: #f8f8f8;}
.showcasetable .cvratenumber{font-size: 18px; margin:0 5px 0 0;}
.showcasetable .praise{margin:0 0 0 5px; color: #36b17c;}

/*----------------------
トップページ
----------------------*/
/*MV*/
.indexMainCatch{max-width: 1920px; width: 100%; position: relative; background-image: url(img/front-page-blob.svg); background-repeat: no-repeat; background-position: center top; background-size: 100%;}
.mainVisualContainer{max-width: 1370px; margin: 0 auto; padding: 0 0 0px;}
.imcLeft{margin: 170px 0px 0px auto; max-width: 480px;}
.imcRight{margin: 120px 0px 0px 20px; text-align: right;}
.indexHeader .pcheader{background-image: url(img/bg_header02.png);}
.topMvCta{display: flex; flex-wrap: nowrap; margin: 50px 0 0 0;}
.topMvCta p{min-width: 150px; margin: 0 10px 0 0;}
.topMvCta .ctaTrialBtn{border: 1px solid #08163c; background: white;}
h1.imgDesName{font-weight: 200; font-size: 30px; line-height: 1.42857143;}
.imcDes{font-size: 28px; font-weight: 200;}
.h1Description{font-size: 16px; margin: 30px 0 0; font-weight: 200px; line-height: 2;}
.h1Description .h1DesKyocho{color: #9177f6; font-weight: 500;}
/*セキュリティと評価*/
.topMvBadge{display: flex; flex-wrap: nowrap;} 
.topMvBadge img{margin: 0 5px; max-height: 120px; width: auto;}
.topMvBadge img:nth-of-type(2){max-height: 120px;}
.topSecure{text-align: center;}
.topSecure img{width: 480px;}
.conversionLeft ul{margin: 20px 0 50px;}
.conversionLeft ul li{color: #c6c6c8; font-size: 16px; margin: 0 0 5px 0; padding: 0 0 0 25px; background:url(img/single/bg_single04.png) no-repeat left center;}
/*機能表示セクション*/
.bluefunction .indexItem1{margin-left: 0;}
.bluefunction .bluelist{margin: 20px 0;}
.bluefunction .bluelist li{line-height: 1.5; font-size: 14px; margin: 0 0 10px 0; padding: 0 0 0 25px; background:url(img/single/bg_single04.png) no-repeat left center;}
/*メディア掲載実績*/
#media ul{overflow: hidden;}
#media ul li{float: left; width: 20%; height: 60px; padding: 0 10px; margin-bottom: 40px;}
#media ul li img{margin: 0 auto;}
/*サポート*/
.supportKyocho{font-weight: bold; color: #9177f6; margin: 0px 3px;}
.supportArticle{line-height: 1.8;}

/* 機能
-----------------------------------------*/
.functionMenu{display: flex; flex-wrap: wrap; justify-content: center; margin: 50px 0 30px;}
.eachFunctionDiv{padding: 0px  10px;}
.eachFunctionDiv a{text-decoration: underline;}
.eachFunctionDiv a .functionName,.eachUsageNav a .functionName{color: #337ab7;}
.eachFunctionDiv img{max-width: 56px; margin: 0 4px 0 0;}
.functionName{color: #08163c; font-size: 16px; font-weight: 200;}


.footerFunction{padding: 40px 0;}
.footerFunction h2{font-size: 30px; font-weight: 200; text-align: center; margin: 0px 0 40px;}
.indexSession .indexItem1{margin-left: 0px;}
.bluefunction .blueKyocho{color: #9177f6;}
.bluefunction .blueBold{font-weight: bold;}
.functionContentDescription .blueKyocho{color: #9177f6;}
.functionContentDescription .blueBold{font-weight: bold;}
.bluelistDark{margin: 20px 0 50px;}
.bluelistDark.asjustMargin{margin: 20px 0 20px;}
.bluelistDark li{color: #c6c6c8; font-size: 16px; margin: 0 0 5px 0; padding: 0 0 0 25px; background:url(img/single/bg_single04.png) no-repeat left center;}
.functionScene .functionContentImg img{border-radius: 5px;}
.functionRecording01{background-image: url(img/functions/bg_functionRec01.png); background-size: 100%;}
.functionRecording02{background-image: url(img/functions/bg_functionRec02.png); background-size: 100%;}
.functionRecording03{background-image: url(img/functions/bg_functionRec03.png); background-size: 100%;}
.functionHeatmap01{background-image: url(img/functions/bg_functionHeatmap01.png); background-size: 100%;}
.functionHeatmap02{background-image: url(img/functions/bg_functionHeatmap02.png); background-size: 100%;}
.functionHeatmap03{background-image: url(img/functions/bg_functionHeatmap03.png); background-size: 100%;}
.functionNotification01{background-image: url(img/functions/bg_functionNotification01.png); background-size: 100%;}
.functionNotification02{background-image: url(img/functions/bg_functionNotification02.png); background-size: 100%;}
.functionForm01{background-image: url(img/functions/bg_functionForm01.png); background-size: 100%;}
.functionForm02{background-image: url(img/functions/bg_functionForm02.png); background-size: 100%;}
.functionFeedback01{background-image: url(img/functions/bg_functionFeedback01.png); background-size: 100%;}
.functionFeedback02{background-image: url(img/functions/bg_functionFeedback02.png); background-size: 100%;}
.functionFeedback03{background-image: url(img/functions/bg_functionFeedback03.png); background-size: 100%;}

/* 活用方法
-----------------------------------------*/
.usageNav{display: flex; flex-wrap: wrap; justify-content: center; margin: 50px 0 30px;}
.eachUsageNav{width: 20%; box-sizing: border-box; padding: 10px 0; display: flex;}
.usageNav img{max-width: 56px; margin: 0 4px 0 0;}
.usageNav a:hover{text-decoration: none;}
.usageNav .functionName{font-size: 16px;}
.usageEc01{background-image: url(img/functions/bg_usageEc01.png); background-size: 100%;}
.usageEc02{background-image: url(img/functions/bg_usageEc02.png); background-size: 100%;}
.usageEc03{background-image: url(img/functions/bg_functionHeatmap01.png); background-size: 100%;}
.usageEc04{background-image: url(img/functions/bg_usageEc04.png); background-size: 100%;}
.usageLp01{background-image: url(img/functions/bg_usageLp01.png); background-size: 100%;}
.usageLp02{background-image: url(img/functions/bg_usageLp02.png); background-size: 100%;}
.usageLp03{background-image: url(img/functions/bg_usageLp03.png); background-size: 100%;}
.usageLp04{background-image: url(img/functions/bg_usageEc04.png); background-size: 100%;}
.usagePublisher01{background-image: url(img/functions/bg_usagePublisher01.png); background-size: 100%;}
.usagePublisher02{background-image: url(img/functions/bg_usagePublisher02.png); background-size: 100%;}
.usagePublisher03{background-image: url(img/functions/bg_usagePublisher03.png); background-size: 100%;}
.usagePublisher04{background-image: url(img/functions/bg_usagePublisher04.png); background-size: 100%;}
.usageOwnedmedia01{background-image: url(img/functions/bg_functionFeedback01.png); background-size: 100%;}
.usageOwnedmedia02{background-image: url(img/functions/bg_functionRec02.png); background-size: 100%;}
.usageOwnedmedia03{background-image: url(img/functions/bg_usagePublisher01.png); background-size: 100%;}
.usageOwnedmedia04{background-image: url(img/functions/bg_usagePublisher04.png); background-size: 100%;}
.usageShop01{background-image: url(img/functions/bg_usageShop01.png); background-size: 100%;}
.usageShop02{background-image: url(img/functions/bg_usageShop02.png); background-size: 100%;}
.usageShop03{background-image: url(img/functions/bg_functionFeedback01.png); background-size: 100%;}
.usageShop04{background-image: url(img/functions/bg_usageShop04.png); background-size: 100%;}
.usageShop05{background-image: url(img/functions/bg_usageShop05.png); background-size: 100%;}
.usageAbtest{background-image: url(img/functions/bg_usageAbtest.png); background-size: 100%; min-height: 740px;}
.usageSaas01{background-image: url(img/functions/bg_usageSaas01.png); background-size: 100%;}
.usageSaas02{background-image: url(img/functions/bg_functionNotification02.png); background-size: 100%;}
.usageSaas03{background-image: url(img/functions/bg_usageSaas03.png); background-size: 100%;}
.usageSaas04{background-image: url(img/functions/bg_functionHeatmap02.png); background-size: 100%;}
.usageAffiliate01{background-image: url(img/functions/bg_usageAffiliate01.png); background-size: 100%;}
.usageAffiliate02{background-image: url(img/functions/bg_usageLp02.png); background-size: 100%;}
.usageAffiliate03{background-image: url(img/functions/bg_usageLp03.png); background-size: 100%;}
.usageProduct01{background-image: url(img/functions/bg_functionRec03.png); background-size: 100%;}
.usageProduct02{background-image: url(img/functions/bg_usageLp02.png); background-size: 100%;}
.usageProduct03{background-image: url(img/functions/bg_functionHeatmap01.png); background-size: 100%;}
.usageProduct04{background-image: url(img/functions/bg_usageEc04.png); background-size: 100%;}
.usageRecruit01{background-image: url(img/functions/bg_usageRecruit01.png); background-size: 100%;}
.usageRecruit02{background-image: url(img/functions/bg_usageRecruit02.png); background-size: 100%;}
.usageRecruit03{background-image: url(img/functions/bg_usageRecruit03.png); background-size: 100%;}
.usageRecruit04{background-image: url(img/functions/bg_usageEc04.png); background-size: 100%;}
.usageRecruit05{background-image: url(img/functions/bg_usageRecruit05.png); background-size: 100%;}
.usageService01{background-image: url(img/functions/bg_functionRec03.png); background-size: 100%;}
.usageService02{background-image: url(img/functions/bg_usageLp02.png); background-size: 100%;}
.usageService03{background-image: url(img/functions/bg_usageLp03.png); background-size: 100%;}
.usageService04{background-image: url(img/functions/bg_usageEc04.png); background-size: 100%;}
.usageParagraph{margin: 20px 0 0;}



/* 採用
-----------------------------------------*/
#comRec{background: #0f172f; padding: 10px 0; opacity: 0.95;}
#comRec ul{}
#comRec .container > ul > li{float: right; margin: 0 20px 0 0;}
#comRec .container > ul > li > a{color: white; font-size: 11px;}

/* サポート修正
-----------------------------------------*/
.spmSection{display: flex; flex-wrap: wrap;}
.spmSection .eachManualSection{width: 33.3%;}

.headerLogo{max-width: 280px;}

.Bnr{
  position: relative;
  margin: 0 auto;
  width: 1200px;
  display: none;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
.Bnr .Bnr__img{
  position: fixed;
  right: 10px;
  bottom: 10px;
 
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 88;
}
.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 10px;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.Bnr .Bnr__img p.close a i{
  font-size: 20px;
  z-index: 888;
  color: #222;
}
.popularPlan{padding: 3px 5px; border-radius: 3px; color: #0b65e3; background-color: #fcc453; font-size: 12px; display: inline-block; margin: 0 0 3px;}
.popularPlanBadge{padding: 0px 0 27px;}
.popularPlan.ppSupport{background: #47a9b9; color: white;}
.popularPlan.ppConsul{background: #5870b6; color: white;}
.popularPlan.ppOptimize{background: #5a5a86; color: white;}




/*------------------------------------------
20231102大幅アップデート
-------------------------------------------*/
.innnerSenarioBlock{margin: 0 0 50px;}

.senarioBold{font-weight: bold; font-size: 1em; margin: 0 3px 0}/*レベル1*/
.littleBold{font-size: 1.1em;}/*レベル1*/
.moreBold{font-size: 1.3em;}/*レベル3*/
.superBold{font-size: 1.5em;}/*レベル4*/
.senarioUnderline{text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px;}/*レベル3*/
.orangeHightlight{background: #fcc353; color: #101010; font-weight: bold; padding: 0 2px; margin: 0 2px;}/*レベル3*/


.senarioLogos{display: flex; justify-content: center; flex-wrap: wrap; margin: 40px 0;}
.senarioLogos li{padding: 0 10px;}
.senarioBack p.aboutGA{max-width: 480px; margin: 20px auto;}
.senarioNavy.sectionAdded{font-size: 16px;}
.quickDemoDes{font-size: 16px;}

.justTextSection p.indexBtn2{margin: 50px auto;}
.senarioBack p.senarioImg101{max-width: 767px; margin: 20px auto;}
.senarioBack p.senarioImg106{max-width: 480px; margin: 20px auto;}

.presentList{}
.presentList li{line-height: 2; margin: 0 0 10px 0; padding: 0 0 0 25px; background:url(img/single/bg_single04.png) no-repeat left center; font-weight: 200;}

.showCaseList{}
.showCaseList li{line-height: 2; margin: 0 0 20px 0; padding: 0 0 0 25px; background:url(img/single/bg_single04.png) no-repeat left center; font-weight: 200; font-size: 16px;}
.senarioFunnels .indexContentLeft.showcaseSenario{max-width: 400px;}



/*シナリオ背景紺色*/
.senarioNavy{color: #c6c6c8; font-size: 20px; line-height: 2; background: #0f172f; padding: 100px 10px;}
.senarioNavy h2{color: white; font-size: 30px; margin-bottom: 40px; font-weight: 200; line-height: 1.42857143; text-align: center;}
.senarioNavy p{margin: 0 0 20px;}
.senarioNavy .agreePointText{text-align: center; font-weight: 700; font-size: 36px; color: #fcc353; margin: 20px 0 0;}
.rowBoxEach{padding: 10px;}
.matomeSenario h2{text-align: center;}

/*シナリオ共通*/
.orangeHightlightWhite{background: #fcc353; color: #101010; font-weight: 800; padding: 0 2px; margin: 0 2px;}
.orangeHightlight{background: #fcc353; color: #101010; font-weight: bold; padding: 0 2px; margin: 0 2px;}
.ohHuge{font-size: 1.2em;}
.purpleText{color: #7161e3; font-weight: bold; margin: 0 2px;}
p span.b{font-weight: bold;}
.notenoughwidth{text-align: center;}
.notenoughwidth img{max-width: 640px;}
.notenoughtext{text-align: center;}

/*シナリオ背景ブラック画像*/
.justTextSection{background: url(img/newsenario/img_index_s13.png) no-repeat center top; padding: 50px 10px; text-align: center; color: #ffffff; font-size: 16px; line-height: 2;} 
.justTextSection.bgHeatmapjts{background: url(img/bg_main02.jpg) no-repeat center top;}

.justTextSection h2{font-size: 26px; margin-bottom: 40px; font-weight: 700; line-height: 1.42857143;}
.justTextSection p{margin: 20px 0;}
.justTextSection .agreePointTextOnlyTextWeak{text-align: center; font-weight: 200; font-size: 26px; margin: 20px 0; line-height: 1.5;}
.functionsSenario{display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0;}
.eachFunctionSenario{padding: 0 20px;}
.eachFunctionSenario img{max-width: 56px;}

/*シナリオ背景白とグレー*/
.senarioBack{font-size: 20px; line-height: 2; padding: 80px 10px; margin: 0;}
.senarioBack h2{font-size: 30px; font-weight: 200; text-align: center; margin: 0 0 60px;}
.outlinetodetail.senarioBack h2{margin: 0 0 0;}
.senarioBack p{margin: 20px 0;}
.senarioBack h3{font-size: 20px; font-weight: bold; margin: 0 0 20px;}
.senarioBackGray{background: #fafafa;}
.funnelSmooth{padding: 20px 10px;}
p.agreePointTextPurple{text-align: center; font-weight: 800; font-size: 36px; color: #7161e3; margin: 20px 0 0;}
p.agreePointTextBlue{text-align: center; font-weight: 800; font-size: 36px; color: #0b65e3; margin: 20px 0 0;}
p.agreePointTextStrong{text-align: center; font-weight: 700; font-size: 36px; color: #fcc353; margin: 50px 0 0; background: #0f172f; border-radius: 5px; padding: 15px 5px; line-height: 1.6;}

.cvlogictext{text-align: center; font-weight: bold; font-size: 40px;}

/*その他*/
.quickDemo{text-align: center; text-decoration: underline; text-decoration-color:#337ab7; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.gascreenshot img{border-radius: 5px;}
ul.whatisuxanalytics{margin: 20px 0;}
ul.whatisuxanalytics li{line-height: 2; margin: 0 0 10px 0; padding: 0 0 0 25px; background:url(img/single/bg_single04.png) no-repeat left center; font-weight: 700;}
.adjustConversionDes{margin-top: 20px;}
ul.whatisuxanalytics.matomelist{margin: 0 0 50px;}
ul.whatisuxanalytics.matomelist li{font-size: 20px; font-weight: 200; margin: 0 0 25px 0;}
.indexContactAdjust{padding: 100px 0px;}
.indexContactAdjust h2{font-size: 26px; font-weight: 200; text-align: center; margin: 0 0 60px;}
.formcontentsAdjust{max-width: 640px; margin: 0 auto;}
.indexContactAdjust .fromDescription{font-size: 16px; line-height: 2; margin: 20px 0; text-align: center;}

/*ファネルズ*/
.senarioFunnels{background: url(img/newsenario/img_mainpc03.png) center top no-repeat; margin: 80px 0; padding: 0px 0 80px; min-height: 740px;}
.senarioFunnels .indexItem1{margin-left: 0;}
.senarioFunnels p{margin: 0 0 20px;}
.senarioFunnels p.indexDescription{margin: 30px 0;}
.senarioFunnels p.imcBtn{margin: 50px 0 0;}

/*改善*/
.mvtoengage{margin: 80px 0 0;}
.indexContentLeft.showcaseSenario{max-width: 370px;}
.indexFormDescription{font-size: 20px; line-height: 2; padding: 10px; margin: 20px 0; background: #e3e3e3; border-radius: 3px;}


/*モバイル*/
@media(max-width: 767px){
.senarioNavy .agreePointText{font-weight: 700; font-size: 22px; color: #fcc353; margin: 20px 0 0; line-height: 1.5;}
.justTextSection .agreePointTextOnlyTextWeak,p.agreePointTextPurple,p.agreePointTextBlue{font-size: 22px; line-height: 1.5;}
.spAdjustTopMargin{margin: 20px 0 0 0; display: inline-block;}
.eachFunctionSenario{padding: 10px; line-height: 1.5; font-size: 12px;}
.justTextSection.bgHeatmapjts{background: url(img/bg_main02.jpg) repeat-y center top;} 
.justTextSection h2{font-size: 22px; line-height: 1.5; margin: 0 0 20px;}
.notenoughwidth img{max-width: 100%;}
.supportArticle{margin: 0 0 20px;}

}

@media(min-width: 768px){
.brTopPc::before {content: "\A"; white-space: pre;}
.brDoublePc::before,.brDoublePc::after {content: "\A"; white-space: pre;}
}

@media(max-width: 767px){
.senarioNavy,.senarioBack,ul.whatisuxanalytics.matomelist li,.indexFormDescription{font-size: 16px;}
.senarioBack h2,p.agreePointTextPurple,p.agreePointTextBlue,p.agreePointTextStrong,.matomeSenario h2{font-size: 20px;}
}

/*------------------------------------------
20231102大幅アップデート終わり
-------------------------------------------*/
.cBoxSubmit{text-align: center; margin: 10px 0;}

.horiform input.wpcf7-form-control.wpcf7-submit{background: #7cb717; border-radius: 50px; color: white; width: 320px; padding: 20px 0; font-size: 20px; font-weight: bold; letter-spacing:0;}
.horiform .wpcf7-spinner{display: block;}
.horiform .contactBadge{background: #ea5306; font-size: 10px; position: absolute; right: 10px;}
.horiform table th{position: relative; background: #f0f7fc; vertical-align: middle; width: 30%; padding: 24px 10px!important;}
.horiform table th p{display: inline;}
.horiform table td{background: white;}
.horiform table td input{box-shadow:1px 1px 0px 0px #ccc inset;}

.horiform input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required,.horiform input.wpcf7-form-control.wpcf7-text{height: 50px;}


/*-------------------------------------------
mvTech01
-------------------------------------------*/
.mvTech01{margin: 30px 0 0; line-height: 1;}
.mvTech01 h1{font-size: 24px; color: white; font-style: italic;}
.mvt01H1{display: inline-block; padding: 10px 10px 15px; margin: 0px 0 10px; background: #0f172f;}
.mvt01H1 .mvtechStrong{font-size: 50px;}
.mvt01H1 .mvtechStrongMiddle{font-size: 38px;}
.mvt01H1 .yellowStrong{margin: 0 3px; color: #fcc353;}
.mvt01H1 .mvtechMiddle{font-size: 40px;}
.mvt01H1 .mvtechSmall{font-size: 38px;}
.mvTech01 .h1logo{display: block; margin: 30px 0 0; max-width: 400px;}
.mvJisseki{font-size: 16px; margin: 0 0 20px; background: linear-gradient(70deg, #0b65e3,#9177f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.mvJisseki .globalDomestic{padding: 0 0 0 15px;}
.mvJisseki span.mvtechStrong{font-size: 30px; font-weight: bold; margin: 0 2px;}
.mvt01Price{margin: 10px 0 50px; background: linear-gradient(70deg, #0b65e3,#9177f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 35px; font-style: italic;}
.mvt01Price .mvtechStrong{font-size: 120px; margin: 0 15px;}
.mvt01Cta{text-align: center; display: block; max-width: 480px; margin: 0 auto 100px; color: white; font-size: 24px; background: linear-gradient(70deg, #0b65e3,#9177f6);  padding: 30px; border-radius: 50px;}




/*-------------------------------------------
murataFB
-------------------------------------------*/

.headerNav li.muraCta01{margin: 0 10px; padding: 14px 0 10px; font-size: 15px; max-width: 170px;}
.headerNav li.muraCta01 a{background: white; border-radius: 5px; border:: 1px solid #08163c;  color: #08163c; display: inline-block; padding: 12px 15px;} 

.priceEachPack{font-size: 0.7em; margin: 0 2px;}
.priceEachPackSmall{font-size: 0.5em;}
.murataUl{text-align: left; padding: 10px 10px 0; min-height: 130px;}
.murataUl li{margin: 0 0 5px; list-style: square inside;}
.murataUl .planColor{font-weight: normal;}
.planColor.onlyyearThin{font-weight: lighter;}
.priceMiniRowOption{min-height: inherit;}

h2.priceDetailH2{text-align: center; font-weight: 200; margin: 100px 0 50px;}
.priceDetailSecGray{background: #f6f6f6;}
.priceDetailSecWhite .supportSectionTitle,.priceDetailSecGray .supportSectionTitle{font-weight: 200; font-size: 30px;}

/*トップページ*/
.heatmapLeft01{background-image: url(img/murata/bg_functionHeatmap10.png); background-size: 100%;}
.senarioNavy .imcBtn a{font-size: 14px; padding: 10px 10px;}
.threePoints{padding: 10px;}
.tpImg{}
.tpTitle{text-align: center; margin: 10px;}
.tpDes{font-size: 16px;}


/*機能ページイ.ンデックス*/
.funnelLeft01{background-image: url(img/murata/bg_funnelLeft01.png); background-size: 100%;}
.indexArticle{margin-bottom: 20px;}


/*選ばれる理由*/
.indexCustomer.whyMouseflow{margin: 0;}
.whyMouseflowButton{display: block; padding: 20px 20px; border-radius: 50px; color: #08163c; max-width: 480px; font-size: 20px; text-align: center; margin: 50px auto 0; background: #fcc453; font-weight: 200;}

/*料金*/
.bg_basic01{background-image: url(img/murata/img_basic01pc.png); background-size: 100%;}
.bg_basic02{background-image: url(img/murata/img_basic02pc.png); background-size: 100%;}
.bg_supportPlus01{background-image: url(img/murata/img_basic01pc.png); background-size: 100%;}
.bg_supportPlus02{background-image: url(img/functions/bg_functionNotification10.png); background-size: 100%;}
.bg_supportPlus03{background-image: url(img/murata/img_supportPlus01pc.png); background-size: 100%;}
.bg_supportPlus04{background-image: url(img/murata/img_supportPlus02pc.png); background-size: 100%;}
.bg_supportPlus05{background-image: url(img/murata/img_supportPlus03pc.png); background-size: 100%;}
.bg_dataconsulPlus01{background-image: url(img/murata/img_dataconsulPlus04pc.png); background-size: 100%;}
.bg_dataconsulPlus02{background-image: url(img/murata/img_dataconsulPlus01pc.png); background-size: 100%;}
.bg_dataconsulPlus03{background-image: url(img/functions/bg_functionNotification01.png); background-size: 100%;}
.bg_dataconsulPlus04{background-image: url(img/murata/img_dataconsulPlus02pc.png); background-size: 100%;}
.bg_dataconsulPlus05{background-image: url(img/murata/img_dataconsulPlus03pc.png); background-size: 100%;}
.plan1 .planColor a{color: #47b475; text-decoration: underline;}
.basicBottomPrice{max-width: 100%;}
.supportPlusBottomPrice{max-width: 50%; margin: 0 auto;}

/*料金の流れ*/
.eachFlowSection{margin: 30px 0 100px; font-size: 16px;}
.flow_box{padding-top: 60px; margin:0 auto 20px; max-width: 900px;}
.flow_box .flow_num{border: solid 1px black; border-radius: 100%; width: 120px; height: 120px;}
.flow_box .flow_num1,.flow_box .flow_num2{text-align: center;}
.flow_box .flow_num1{padding-top: 10px;}
.flow_box .flow_num1{font-size: 20px; font-weight: bold;}
.flow_box .flow_num2{font-size: 50px; font-weight: bold;}
.flow_box .flow_text{padding-left: 20px;}
.flow_box .flow_text1{font-size: 21px; margin-bottom: 20px; padding-top: 10px; font-weight: bold;}
/*.flow_box .flow_text2{color: #999999;}*/
.flow_box .flow_text3{padding-top: 30px;}
.flow_box.first_box{background: none; padding-top: 10px;}
.flow_box{background: linear-gradient(to bottom left, #0b65e3 50%, transparent 50%) 49px 40px / 10px 10px no-repeat, linear-gradient(to bottom right, #0b65e3 50%, transparent 50%)  59px 40px / 10px 10px no-repeat, linear-gradient(#0b65e3 100%, transparent 100%) 59px 0 / 1px 40px no-repeat;}
.detailFlow{line-height: 2;}
.centerButtonCta{margin: 10px auto 0;}
.adjustPlanCta{padding: 150px 10px 70px;}

/*お問い合わせ*/
.contactFooter{margin: 0; padding: 20px 0; text-align: center;}


@media (max-width: 767px){/*767px以下の時 */
.mvTech01{padding: 20px 0 50px;}
.mvTech01 h1{font-size: 20px;}
.mvt01H1 .mvtechStrong{font-size: 28px;}
.mvt01H1 .mvtechStrongMiddle{font-size: 28px;}

.mvJisseki .globalDomestic{padding: 10px 0px 0; display: block;}
.mvTech01 p.mvt01Price{font-size: 30px; text-align: center; margin: 30px 0 0;}
.mvTech01 p.mvt01Price .mvtechStrong{font-size: 60px; font-weight: bold;}
.mvt01Cta{text-align: center; display: block; max-width: 480px; margin: 20px auto 0; color: white; font-size: 24px; background: linear-gradient(70deg, #0b65e3,#9177f6);  padding: 30px; border-radius: 50px;}

/*料金の流れ*/
.flow_box .flow_num{margin: 0 auto;}
.flow_box .flow_text1{text-align: center;}
.flow_box .flow_text{padding: 10px;}
.flow_box{background: none!important; padding-top: 0; margin: 0 0 50px;}

}

@media(min-width: 960px){
.headStack{position: fixed; width: 100%; z-index: 100;}
}



.modalFreeTrialBody{font-size: 14px; line-height: 2;}
.modalFreeTrialBody p{margin: 0 0 10px;}
.inPriceButton{border: none; background: none; padding: 0; display: block; width: 100%;}
.inPriceButtonBlack{border: none; background: none; padding: 0;}

/*-------------------------------------------
自社分析後
-------------------------------------------*/
.afterDemoBox{padding: 10px;}
.afterDemoBox a{text-decoration: none;}
.afterDemoBox .adbTit{text-align: center; text-decoration: underline; text-underline-offset:5px; text-decoration-thickness:1px; margin-top: 0px;}

.dataconsulBtn{margin: 10px 10px;}
.dataconsulBtn .imcBtn{margin-top: 0;}
.imcBtnPoc{text-align: center; max-width: 195px;}
.imcBtnPoc a{display: block; border-radius: 5px; padding: 15px 10px; color: #08163c; font-weight: 500; background: #eeeeee;}

.loginbutton{color: white; border: none; background: none; font-size: 11px; padding: 0;}

.modal-body li{line-height: 1.5; font-size: 14px; margin: 0 0 10px 0; padding: 0 0 0 25px; background:url(img/single/bg_single04.png) no-repeat left center;}

.col-md-20 .monthlyPrice .planColor{font-size: 20px;}

@media (min-width: 960px){
.epFontAdjust {font-size: 17px;}
}


/*
.firstTool{display: inline-block; background: #0b65e3; color: white; font-size: 16px; padding: 15px; border-radius: 10px; font-weight: bold; text-align: center; margin: 0 0 10px;}
*/

.parentFirstTool{ max-width: 400px; margin: 0 auto; text-align: center;}

.firstTool {
  position: relative;
  padding: 1.3rem;
  color: #fff;
  border-radius: 10px;
  background: linear-gradient(70deg, #0b65e3,#9177f6);
  font-size: 16px; 
}
.firstTool span{
  font-weight: bold;
}


.firstTool:after {
  position: absolute;
  bottom: -9px;
  right: 2em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #9177f6 transparent transparent transparent;
}


/*------------------------------------------
初めてのMouseflow
-------------------------------------------*/

/* トップページ */
.banner-for-beginners{
  margin: 0px auto 40px;
  max-width: 768px;
  padding: 0 16px;
}

.banner-for-beginners img{
  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.2);
}

.banner-for-beginners.is-top{
  padding: 0 0px;
}


/*------------------------------------------
事例バナー
-------------------------------------------*/

.case-banner{
  max-width: 960px;
  margin: 0px auto 40px;
}

.case-banner_imgs{
  display: flex;
  gap: 24px;
  justify-content: center;
}

.case-banner_imgs img{
  max-width: 480px;
  width: 100%;
}

.case-banner_heading{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  padding: 8px 16px;
  width: fit-content;
  color: #fff;
  background-color: #0f172f;
  margin: 0 auto 20px;
}

@media (max-width: 600px) {
  .case-banner_imgs{
    flex-direction: column;
  }
  .case-banner_heading{
    font-size: 16px;
  }
}


/*------------------------------------------
モバイル対応
-------------------------------------------*/
@media(max-width: 1150px) and (min-width: 960px){
/*吉丸追記*/
}

@media(max-width: 959px){
.supportDescription{margin: 50px 20px 50px 0px;}
.contactForm{text-align: left; margin-right: 0px; padding: 7px 0;}
.contactBox{padding: 0 0 20px;}
.indexContactItem{margin-right: 0px}
.imcLeft{margin: 50px auto 50px;}
.imcRight{margin: 0px auto 10px;}
.indexMainCatch{background-size: cover;}
input.wpcf7-form-control.wpcf7-submit{text-align: center;}
.slider .slick-slide img{padding: 0 2px;}
.indexCompanyOutline{text-align: center; padding: 0;}
.conversionOutline{text-align: center;}
.coversionDescription{margin: 40px auto; text-align: center;}
.conversionMovie{text-align: center;}
.functionContentRight,.functionContentLeft{margin: 60px 10px 0;}
.functionContentImg{text-align: center;}
.functionContentTitle,.functionContentTitle2{text-align: center; margin: 20px 0; min-height: 0;}
.pricePlan.plan1{margin-right: auto;}
.pricePlan{ margin: 20px auto;}
.indexSession{background: none; padding: 0 10px;}
.senarioFunnels{background: none; padding: 0 10px;}
.indexHeatmaps{background: none; padding: 0 10px;}
.indexFunnels{background: none; padding: 0 10px;}
.indexForms{background: none; padding: 0 10px;}
.indexSupport{padding: 100px 20px;}
.indexContentLeft{margin: 0 auto 80px;}
.indexContentRight{margin: 0 auto 80px;}

.imcBtn{margin: 50px auto 20px;}
.sideBar{margin-top: 25px; padding: 0 10px;}
.catDes{ padding: 0 10px;}
.childCat{ padding: 0 10px;}
.categoryBox{margin-right: 0;}

.lastSideItem{text-align: center;}
.imcDesSub{display: inline-block;}
/*機能*/
.functionMenu{text-align: center; line-height: 1.1;}
.eachFunctionDiv{margin: 0 0 10px;}
.eachFunctionDiv img{margin: 0 0 5px;}
.functionName{font-size: 10px; padding: 10px 0 0 0;}
.functionName::before {content: "\A"; white-space: pre;}
.pageBreadCrumbsWrapper{padding: 10px;}
/*活用方法*/
.usageNav{text-align: center; line-height: 1.1;}
.eachUsageNav{margin: 0 10px 10px; width: inherit;}
.eachUsageNav img{margin: 0 0 5px;}
.usageNav .functionName{font-size: 10px; padding: 10px 0 0 0;}
/*トップ*/
.mobileAdjustImg{text-align: center;}
.spmSection .eachManualSection{width: 100%; max-width: 300px; margin: 0 auto 20px;}


}

.topCamp01{margin: 0 0 10px 0;}
.imcLeft{position: relative;}
.topCamp02{position: absolute; bottom: 0px; left: 100px;}

/*プランページを5列編成に*/
@media(min-width: 1200px){
  .pricePlanArea .container{width: 1200px;}
  .pricePlanArea .col-md-25{width: 20%; float: left;}
  .pricePlanArea .col-md-20{width: 16%; float: left;}
}
@media(max-width: 1199px) and (min-width: 960px){
  .pricePlanArea .container{width: 960px;}
  .pricePlanArea .col-md-25{width: 20%; float: left;}
  .pricePlanArea .col-md-20{width: 16%; float: left;}
  .pricePlanTit{font-size: 19px;}
  .monthlyPrice .planColor{font-size: 20px;}
  .priceMiniRow,.priceMiniRowLast{font-size: 13px;}
  .pricePlan{padding: 15px 10px;}
}

/*プランページを3列編成に*/
@media(min-width: 1200px){
  .pricePlanArea .col-md-40{width: 33%; float: left;}
  .pricePlanArea .col-md-40 .pricePlan{max-width: 100%;}
}
@media(max-width: 1199px) and (min-width: 960px){
  .pricePlanArea .col-md-40{width: 33%; float: left;}
}


@media(min-width: 960px){
.plan4{margin:0 5px 0 10px;}
.plan5{margin:0 0px 0 15px;}
}
/*プランページを5列編成に終わり*/


.plan5 .planColor{color: #48486b; font-weight: 700;}
.plan5 .priceSubmit{background-color: #48486b;}
.plan5 .planPrice .planColor{color: #5870b6;font-weight: lighter;}
.plan5 .planColor.onlyyear,.plan4 .planColor.onlyyear,.plan3 .planColor.onlyyear,.plan2 .planColor.onlyyear,.plan1 .planColor.onlyyear{font-weight: lighter;}

.priceFunctionTable td, .priceFunctionTable th{width: 14.28%; font-size: 13px;}

@media(max-width: 767px){
.priceFunctionTable td, .priceFunctionTable th{font-size: 11px;}
/*index.php*/
.exceptHeadFoot{padding: 0 10px;}
/*その他*/
.rightCol{text-align: center;}
.footerLogo{text-align: center;}
.footerBtn{margin: 20px auto; }
.footerNavBox{margin: 0 20px 45px; padding: 0;}
.indexArticle2{font-size: 12px;}
.pageTitleDescription{font-size: 16px;}
.slider{max-width: 400px; margin: 30px auto;}
.categoryBox,.postBox {margin: 0 10px;}
.breadCrumbsWrapper{padding: 10px;}
.indexSupport{background-size: auto 100%;}

.toAllManuals a{font-size: 15px;}
.categoryTitle{margin-left: 10px;}
.stickyToSignUp{display: block; margin-top: 10px; max-width: 250px; margin: 10px auto 0;}

.topEachKono ul li{background: none;}

.topCamp02{position: relative; bottom: inherit; left: inherit;}
.topCamp02A{display: block; text-align: center; margin: 0 0 30px 0;}

/*20230202修正TOP*/
.brTopSp::before {content: "\A"; white-space: pre;}
.brDoubleSp::before,.brDoubleSp::after {content: "\A"; white-space: pre;}
h1.imgDesName{text-align: center; margin: 0 0 10px;}
.topMvCta p{margin: 0 auto 0;}
.topMvBadge img{margin: 0 auto;}
.indexSupport{text-align: left;}
#media{text-align: center;}
#media ul li{width: 50%;}
/*機能*/
}

.donyusodanmatome{text-align: center; max-width: 200px; margin: 0 auto 0; background: #5870b6;}
.toolonly .pricePlanTit{font-size: 18px;}
.toolonly .monthlyPrice .planColor{font-size: 18px;}
.toolonly .monthlyPrice .planColor.annual{font-size: 22px;}
.postBox p.supporthosoku{text-align: center; font-size: 14px; margin: 20px 0 0;}

#newTips{background: #fafafa; padding: 100px 0;}
.newTips{ max-width: 690px; margin: 0 auto;}
.tipsHeadline a{display: block; font-size: 30px; color: #333; font-weight: 200; text-align: center; margin: 0px 0 40px;}
.mvbelowArticle{overflow: hidden;}

.mvKyocho{font-size: 26px; margin: 0 5px; font-weight: bold;}


@media(max-width: 480px){
.rightBox{padding-left: 20px;}
.imcDes{font-size: 22px;}
.priceNoticeDescription{text-align: left;}

}

.mxsection{max-width:560px; margin: 0 auto;}
.mxsection iframe{width: 100%; aspect-ratio: 16 / 9;}
.tokyomxh2{font-size: 25px; font-weight: 200; text-align: center; margin: 0 0 20px}