@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/*-----------------------------------------------------

下層ページ用スタイル

------------------------------------------------------*/

/* =========================================================
コンテンツ
========================================================= */
.bl_contentsBlock { overflow: hidden; }
.bl_contentsBlock .bl_contentsBlock_inner { margin: 0 auto; width: 1200px; }
.bl_contentsBlock .bl_contentsBlock_inner.sub_inner {width: 980px; }

/* 背景パターン */
.bl_contentsBlock.bl_contentsBlock__bgType_plaid { background-image: url(/common/images/bg_pattern_plaid.png); background-position: top 23px left; }


/* =========================================================
メインビジュアル
========================================================= */
.ly_mainvis { width: 100%; height: 240px; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }
.ly_mainvis .ly_mainvis_inner { margin: 0 auto; padding: 0 20px; width: 1240px; height: 100%; position: relative; background-color: transparent; }
.ly_mainvis .bl_pageTtl { position: absolute; top: 92px; left: 20px; z-index: 1; }
.ly_mainvis .bl_pageTtl .bl_pageTtl_en { font-size: 44px; font-weight: bold; font-family: Century Gothic, sans-serif; line-height: 1; letter-spacing: 0.08em; }
.ly_mainvis .bl_pageTtl .bl_pageTtl_jp { margin-top: 2px; font-size: 22px; font-weight: bold; line-height: 1; display: block; }

/* 配色パターン別スタイル */
.ly_mainvis.ly_mainvis__black { background-color: #010101; }
.ly_mainvis.ly_mainvis__black .bl_pageTtl { top: 87px; }
.ly_mainvis.ly_mainvis__black .bl_pageTtl .bl_pageTtl_en { font-size: 40px; color: #fff; }
.ly_mainvis.ly_mainvis__black .bl_pageTtl .bl_pageTtl_jp { font-size: 20px; color: #fff; }

.ly_mainvis.ly_mainvis__white { background-color: #fff; }
.ly_mainvis.ly_mainvis__white .bl_pageTtl .bl_pageTtl_en,
.ly_mainvis.ly_mainvis__white .bl_pageTtl .bl_pageTtl_jp { color: #333; }


/* =========================================================
PHONE APPLI PEOPLE 
========================================================= */

#in_main_vis{ background: linear-gradient(#F6F8F8, #F6F8F8);}
#in_main_vis .main_box{max-width: 1240px; height: 710px; display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
#in_main_vis .main_box .main_title_img{text-align: center; width: 100%; padding-left: 15px; padding-right: 15px; margin-bottom: 65px; box-sizing: border-box;}
#in_main_vis .main_box .main_title_img img{display: inline-block; vertical-align:bottom; /*width: 46%; height: auto;*/}
#in_main_vis .main_box .main_title_attention {margin-top: -100px;}
#in_main_vis .main_box .main_box_wrp{display: flex; justify-content: space-between; flex-direction: row-reverse; width: 100%;} 
#in_main_vis .main_box_wrp .mainvis_read{width: 54%; margin-right: 3%; text-align: center; align-self: flex-end; /*padding-bottom: 30px;*/ align-self: center;}
#in_main_vis .main_box_wrp .mainvis_read dt{font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #CACAC9; padding-bottom: 20px;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn{width: 100%; text-align:center;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn .link_btn{width: 60%; font-weight: bold; background-color: #356BB3; padding-top: 20px; margin-bottom: 0; padding-bottom: 20px;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn .cv_btn_color1{ background-color: #356BB3;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn .cv_btn_color2{ background-color: #22AECA;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn .cv_btn_color3{ background-color: #5473c8;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn .cv_btn_color4{ background-color: #ffaa31;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn.layout_box2 > *{width: 48%; margin-right: 4%;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn.layout_box2 > *:nth-child(2n){margin-right:0;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn.layout_box3 > *{width: 32%; margin-right: 2%;}
#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn.layout_box3 > *:nth-child(3n){margin-right:0;}

/* papfsf */
#in_main_vis.papfsf_main .main_box .main_title_img{margin-bottom: 31px;}
#in_main_vis.papfsf_main .main_title_attention{padding-left: 105px; margin-top: -30px;}


@media only screen and (max-width :768px) {
	#in_main_vis{margin-top: 0px; padding-top: 0px;}
	#in_main_vis .main_box .main_title_img{margin-bottom: 20px;}
	#in_main_vis .main_box .main_title_img img{ width: 60%;}
	#in_main_vis .main_box .main_title_attention {margin-top: -20px; margin-bottom: 10px;}
	#in_main_vis .main_box{height:auto; padding-top: 30px;}
	#in_main_vis .main_box .main_box_wrp{display: block;}
	#in_main_vis .main_box .main_box_wrp .mainvis_main_img img{margin-left: auto; margin-right: auto;}
	#in_main_vis .main_box_wrp .mainvis_read dt{margin-top: 10px;}
	#in_main_vis .main_box_wrp .mainvis_read{width: 100%;}
	/* papfsf */
	#in_main_vis.papfsf_main .main_title_attention{padding-left: 43px;}
}
@media only screen and (max-width :416px) {
	#in_main_vis .main_box_wrp .mainvis_read dt{letter-spacing: 0; font-size: 20px !important; padding-bottom: 10px; margin-bottom: 10px;}
	#in_main_vis .main_box .main_title_img img{ width: 80%;}
	#in_main_vis .main_box{height:auto; padding-top: 20px;padding-bottom:20px;}
	#in_main_vis .main_box_wrp .mainvis_read .main_vis_attention{display: block; text-align: center;}  
  #in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn > .link_btn{width: 70%; margin: 0 auto 10px auto !important;}
  #in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn > .link_btn:last-child{margin-bottom: 0 !important;}  
}

/* =========================================================
パンくず
========================================================= */
.bl_breadcrumb { line-height: 1; border-bottom: 1px solid #e9e9e9; overflow: hidden; background: #fff;}
.bl_breadcrumb .bl_breadcrumbList { margin:12px auto 14px; padding: 0 0px; width:96%; }
.bl_breadcrumb .bl_breadcrumbList .bl_breadcrumbList_item { display: inline-block; font-size: 14px; }
.bl_breadcrumb .bl_breadcrumbList .bl_breadcrumbList_item + .bl_breadcrumbList_item::before { margin: 0 10px; content: "＞"; }
.bl_breadcrumb .bl_breadcrumbList .bl_breadcrumbList_item a { display: inline-block; }


/* =========================================================
見出し
========================================================= */
/* タイプ01 */
.el_headingType01 { margin-top: 30px; margin-bottom: 40px; padding-bottom: 24px; text-align: center; position: relative; line-height: 1.8; }
.el_headingType01::before,
.el_headingType01::after { margin: auto; content: ""; display: block; border-bottom-style: solid; border-bottom-width: 3px; position: absolute; left: 0; right: 0; bottom: 0; }
.el_headingType01::before { width: 256px; border-bottom-color:  #e3e3e3; }
.el_headingType01::after { width: 77px; border-bottom-color:  #EB6100; }
.el_headingType01 .el_headingType01_en { font-size: 33px; font-weight: bold; font-family: Century Gothic, sans-serif; line-height: 1; letter-spacing: 0.08em; }
.el_headingType01 .el_headingType01_jp { font-size: 16px; display: block; }
.el_headingType01 .el_headingType01_jp_tit { font-size: 30px; font-weight: bold; line-height: 1.8; letter-spacing: 0.08em; }

/* タイプ01_サイズS */
.el_headingType01.el_headingType01__sizeS { padding-bottom: 20px; }
.el_headingType01.el_headingType01__sizeS .el_headingType01_en { font-size: 30px; }
.el_headingType01.el_headingType01__sizeS .el_headingType01_jp { color: #888; }

/* タイプ01_左寄せ */
.el_headingType01.el_headingType01__left { text-align: left; }
.el_headingType01.el_headingType01__left::before,
.el_headingType01.el_headingType01__left::after { margin-left: 0; margin-right: auto; }
.el_headingType01.el_headingType01__left::before { width: 573px; }

/* タイプ02 */

.el_headingType02 { margin-bottom: 60px; padding-top: 90px; text-align: center; position: relative; }
.el_headingType02::before { margin: auto; width: 73px; height: 93px; content: ""; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 0; left: 0; right: 0; }
.el_headingType02 .el_headingType02_en { font-size: 48px; font-weight: bold; font-family: Century Gothic, sans-serif; line-height: 1; letter-spacing: 0.08em; }
.el_headingType02 .el_headingType02_productName { margin: 5px 0; font-size: 30px; display: block; line-height: 1; font-weight: bold; }
.el_headingType02 .el_headingType02_jp { display: block; font-size: 24px;}

/* タイプ02_アイコン別 */
.el_headingType02.el_headingType02__about::before { background-image: url(/common/images/icon_heading_about.png); }
.el_headingType02.el_headingType02__function::before { background-image: url(/common/images/icon_heading_function.png); }
.el_headingType02.el_headingType02__outline::before { background-image: url(/common/images/icon_heading_outline.png); }
.el_headingType02.el_headingType02__study::before { background-image: url(/common/images/icon_heading_study.png); }
.el_headingType02.el_headingType02__service::before { background-image: url(/common/images/icon_heading_service.png); }
.el_headingType02.el_headingType02__case::before { background-image: url(/product/download/images/book_ico.png); }
.el_headingType02.el_headingType02__book::before { background-image: url(/product/download/images/book_ico.png); }
.el_headingType02.el_headingType02__document::before { background-image: url(/common/images/icon_heading_document.png); }
.el_headingType02.el_headingType02__option::before { background-image: url(/common/images/icon_heading_option.png); }
.el_headingType02.el_headingType02__task::before { background-image: url(/common/images/icon_heading_task.png); }

/* タイプ03 */
.el_headingType03 { margin-bottom: 30px; text-align: center; }
.el_headingType03 .el_headingType03_en { font-size: 27px; font-weight: bold; font-family: Century Gothic, sans-serif; line-height: 1; letter-spacing: 0.08em; }
.el_headingType03 .el_headingType03_jp { font-size: 16px; display: block; }

/* タイプ04 */
.el_headingType04 { margin-bottom: 20px; text-align: center;  position: relative; padding-top: 90px;}
.el_headingType04::before { margin: auto; width: 73px; height: 93px; content: ""; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 0; left: 0; right: 0; }
.el_headingType04 .el_headingType04_en { font-size: 20px; font-weight: bold; font-family: Century Gothic, sans-serif; line-height: 1; letter-spacing: 0.08em; }
.el_headingType04 .el_headingType04_jp { font-size: 16px; display: block; }

/* タイプ04_アイコン別 */
.el_headingType04.el_headingType04__recommended::before { background-image: url(/product/download/book/images/recommended_img.png); }

/* ブログ用記事一覧見出し */
.bl_blogCategoryHeading { margin-bottom: 30px; padding-bottom: 20px; width: 100%; font-size: 35px; border-bottom: 2px solid #ebebeb; }



/* サブタイプ01 */
.el_headingSubType01 {font-size: 32px; margin-bottom: 30px; line-height: 1.4; }
/* サブタイプ02 */
.el_headingSubType02 {font-size: 26px; margin-bottom: 20px; color: #2BC6FD; line-height: 1.2;  }
/* サブタイプ03 */
.el_headingSubType03 {font-size: 20px; border-left: 3px solid #2BC6FD; padding: 3px 0 3px 20px; line-height: 1.2; margin-bottom: 20px;  }


/* =========================================================
ボタン
========================================================= */
.el_btnBlock { margin-bottom: 10px; text-align: center; }
.el_btnBlock .el_btn { padding: 10px 45px;color: #fff; transition: opacity 0.2s; background-color: #000; display: inline-block; border-radius: 100px; position: relative; backface-visibility: hidden; }
.el_btnBlock .el_btn:hover { opacity: 0.7; text-decoration: none; }

/* カラーパターン */
.el_btnBlock .el_btn.el_btn__orange { background-color: #356BB3; }
.el_btnBlock .el_btn.el_btn__green { background-color: #22AECA; }
.el_btnBlock .el_btn.el_btn__gray { background-color: #727272; }

/* アローあり */
.el_btnBlock .el_btn.el_btn__arrow::after { margin: auto; width: 6px; height: 6px; content: ""; border-top: 1px solid #fff; border-right: 1px solid #fff; display: block; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 14px; }

/* PDFアイコンあり */
.el_btnBlock .el_btn.el_btn__pdf { padding: 14px 67px; font-weight: bold; }
.el_btnBlock .el_btn.el_btn__pdf::before { margin: auto; width: 25px; height: 25px; content: ""; background-image: url(/common/images/icon_pdf.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; bottom: 0; left: 21px; }
.el_btnBlock .el_btn.el_btn__pdf.el_btn__arrow::after { border-top-width: 2px; border-right-width: 2px; right: 17px; }

/* ダウンロードアイコンあり */
.el_btnBlock .el_btn.el_btn__dl::before{content: ""; display:inline-block; vertical-align: middle; margin-right: 7px; width: 25px; height: 25px;  background: url("/common/images/icon_dl.png") no-repeat center center;background-size:cover;}

/* 別ウィンドウ */
.el_btnBlock .el_btn.el_btn__exlink::before{content: ""; display:inline-block; vertical-align: middle; margin-right: 7px; width: 25px; height: 25px;  background: url("/common/images/icon_exlink.png") no-repeat center center;background-size:cover;}

/* プレイマーク */
.el_btnBlock .el_btn.el_btn__play::before{content: ""; display:inline-block; vertical-align: middle; margin-right: 7px; width: 25px; height: 25px;  background: url("/common/images/icon_play.png") no-repeat center center;background-size:cover;}


/* pa_common */
.link_btn,
.link_btn:link,
.link_btn:hover,
.link_btn:visited{ font-size: 15px !important; background-color: #22AECA;}

/* cta_box 旧 */
.cta_box {background-color: #F9F9F9; padding: 40px 0;}
.cta_box .cta_box_contact{width: 60%; margin: 0 auto;}
.cta_box .link_btn {width: 100% !important; font-size: 24px; padding-top: 28px; padding-bottom: 23px; font-weight: bold; background-color: #356BB3;}


/* cta_box 新 */
.box_cta{background:#22AECA; padding: 45px 5%; }
.box_cta.bl_contentsBlock .bl_contentsBlock_inner{width: 1200px;}
.box_cta .box_cta_tit{color: #fff;}
.box_cta .box_cta_list > li{background-color: #fff; padding: 18px; padding: 35px 40px; text-align: center; border-radius: 10px;}
.box_cta .box_cta_list .box_cta_img img{width: auto; max-height: 233px; margin-left: auto; margin-right: auto;}
.box_cta .box_cta_list .box_cta_img a{overflow: inherit; display: block; text-align: center;}
.box_cta .box_cta_list .box_cta_btn a::after{transform: translateY(0);vertical-align: middle;}
.box_cta img.document_cover{border: 1px solid #efefef; filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.4)); will-change: filter; vertical-align: middle;}

@media only screen and (max-width :1351px) {
.box_cta.bl_contentsBlock .bl_contentsBlock_inner{width:auto;}
}
@media only screen and (max-width :1025px) {
  /*in trouble because my mood changes
    .box_cta img.document_cover{border-width: 1.5vw; }*/
}

@media only screen and (max-width :480px) {
.link_btn,
.link_btn:link,
.link_btn:hover,
.link_btn:visited{ font-size: 15px !important; }
/* cta_box */
.cta_box {padding: 20px 10% !important;}
  .box_cta .bl_contentsBlock_inner{padding-left: 0 !important; padding-right: 0 !important;}
.box_cta .box_cta_list > li{padding: 15px 5%; width: 300px; margin-left: auto; margin-right: auto;}
.box_cta .box_cta_list .box_cta_img img{width: 100%; height:auto;}
}

/* =========================================================
pa_effect
========================================================= */
.pa_effect01{overflow:hidden; display: inline-block;}
.pa_effect01 > span > img,
.pa_effect01 > span > *{transition:0.5s all !important; transform:scale(1.0,1.0); vertical-align: middle; max-width: 100%; width: 100%; height: auto; opacity: 1;}
.pa_effect01:hover > span {opacity: 1 !important;}
.pa_effect01:hover > span > img,
.pa_effect01:hover > span > *{transform:scale(1.1,1.1); display: inline-block;}

.pa_effect02{transition:0.5s all !important; transform: translate(0px, 0px);}
.pa_effect02.link_btn::after{display: none !important;}
.pa_effect02.link_btn.ico_btn::after{display: inline-block!important;}
.pa_effect02:hover{transform: translate(-3px, -3px); opacity: 1 !important;}
.pa_effect02:hover img{opacity: 1 !important;}

.pa_effect03,
.pa_effect03_wrp > *{filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));will-change: filter;}
  
/* =========================================================
width
========================================================= */
.w10p{width:10%;height:auto;box-sizing: border-box;}
.w15p{width:15%;height:auto;box-sizing: border-box;}
.w20p{width:20%;height:auto;box-sizing: border-box;}
.w25p{width:25%;height:auto;box-sizing: border-box;}
.w30p{width:30%;height:auto;box-sizing: border-box;}
.w35p{width:35%;height:auto;box-sizing: border-box;}
.w40p{width:40%;height:auto;box-sizing: border-box;}
.w45p{width:45%;height:auto;box-sizing: border-box;}
.w50p{width:50%;height:auto;box-sizing: border-box;}
.w55p{width:55%;height:auto;box-sizing: border-box;}
.w60p{width:60%;height:auto;box-sizing: border-box;}
.w65p{width:65%;height:auto;box-sizing: border-box;}
.w70p{width:70%;height:auto;box-sizing: border-box;}
.w75p{width:75%;height:auto;box-sizing: border-box;}
.w80p{width:80%;height:auto;box-sizing: border-box;}
.w85p{width:85%;height:auto;box-sizing: border-box;}
.w90p{width:90%;height:auto;box-sizing: border-box;}
.w95p{width:95%;height:auto;box-sizing: border-box;}
.w100p{width:100%;height:auto;box-sizing: border-box;}


/* =========================================================
テキスト
========================================================= */
.el_link_txt { position: relative; }
.el_link_txt::after { margin: auto; width: 5px; height: 5px; content: ""; display: inline-block; border-top: 1px solid #62bab1; border-right: 1px solid #62bab1; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: -16px; }

/* ライン関連 */
.under_line { background: linear-gradient(transparent 70%, #FFFF00 70%);}

/* =========================================================
サービス一覧
========================================================= */
.bl_serviceList_wrap { margin: 0 auto 150px; width: 1200px; }
.bl_serviceList_wrap .bl_serviceList { display: flex; flex-wrap: wrap; justify-content: space-between; }
.bl_serviceList_wrap .bl_serviceList::after { width: 32%; content: ""; display: block; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock { margin-top: 50px; width: 31.7%; border: 1px solid #dcdcdc; background-color: #fff; position: relative; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock:nth-child(-n+3) { margin-top: 0; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link { padding-bottom: 33px; width: 100%; height: auto; display: flex; flex-direction: column; flex-wrap: wrap; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_img { width: 100%; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_img img { width: 100%; border-bottom: 1px solid #dcdcdc; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_txt { padding: 28px; font-size: 16px; color: #333; line-height: 1.6; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_more { font-size: 17px; color: #43afc8; position: absolute; right: 46px; bottom: 19px; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_more::after { margin: auto; width: 5px; height: 5px; content: ""; display: inline-block; border-top: 1px solid #43afc8; border-right: 1px solid #43afc8; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: -16px; }

/* hover時 */
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link:hover { text-decoration: none; }
.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link:hover .bl_serviceBlock_more { text-decoration: underline; }



/* =========================================================
導入企業ロゴ一覧
========================================================= */
.company_case_license{padding:60px 0; margin: 50px 5%; background-color: #F8F8F8;}
.company_case_license .company_case_license_box{width: 1300px; background-color: #fff; padding: 40px 50px; margin-left: auto; margin-right: auto;}
.company_case_license .company_case_license_box ul > li{margin-bottom: 20px;}
.company_case_license h3{font-size: 40px; letter-spacing: 3px; margin-bottom: 30px; font-weight: normal; text-align: center;}
.company_case_license h3 i{font-weight:bold; font-style: normal; color: #26C5FD; font-size: 54px;}
.company_case_license h4{font-size: 32px; letter-spacing: 3px; margin-bottom: 30px; font-weight: normal; text-align: center;}

@media only screen and (max-width :768px) {
.company_case_license{padding:30px 5%;}
.company_case_license .company_case_license_box{width:auto; padding: 20px 5%;}
.company_case_license h3{font-size: 25px;}
.company_case_license h3 i{font-size: 30px;}
.company_case_license h3 br{display: none;}
.company_case_license h4{font-size: 20px;}
.company_case_license .company_case_license_box li{text-align: center; width: 50%;}
.company_case_license .company_case_license_box li img{display: inline-block;}
}

@media only screen and (max-width :450px) {
.company_case_license{padding:30px 5% 10px 5%;}
.company_case_license h3{font-size: 20px;}
.company_case_license h3 br{display:block;}
.company_case_license h4{font-size: 16px;}
}

/* =========================================================
お役立ち資料一覧
========================================================= */
.top_download_img{border: 1px solid #eee; /*border-bottom: none;*/}
.top_download_img img{vertical-align: bottom;}
.top_download_tit{/*background-color: #22AECA; color: #fff;*/ color: #333; font-weight: bold; font-size: 17px; text-align: center; display: block; padding:15px 10px 5px 10px;}
.top_download_tit.ico_dl::after{margin: 0 0 0 7px; content: "";display:inline-block; vertical-align: middle; width: 20px; height: 20px;  background: url("/common/images/icon_dl.png") no-repeat center center;background-size:contain;}
.top_download_tit2{/*background-color: #22AECA; color: #fff;*/ color: #333; font-weight: bold; font-size: 17px; text-align: center; display: block; padding:15px 10px 5px 10px;height:120px;}
.top_download_tit2.ico_dl::after{margin: 0 0 0 7px; content: "";display:inline-block; vertical-align: middle; width: 20px; height: 20px;  background: url("/common/images/icon_dl.png") no-repeat center center;background-size:contain;}#top_download_list a:hover{text-decoration: none;}

@media only screen and (max-width :768px) {
#top_download_list{display: flex;}
}

@media only screen and (max-width :450px) {
.top_download_tit br{ display: none;}
.top_download_tit2 br{ display: none;}
}

/* =========================================================
無料トライアル、お問い合わせボタンパーツ
========================================================= */
.bl_productLinkBlock { padding: 35px 0 35px; background-color: #e7e7e7; }
.bl_productLinkBlock .bl_productLinkBlock_inner { margin: 0 auto; width:1200px; }
.bl_productLinkBlock .bl_productLinkBlock_txt { margin-bottom: 27px; font-size: 25px; font-weight: bold; text-align: center; }
.bl_productLinkBlock .bl_productLinkUnit { display: flex; flex-wrap: wrap; }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn { width: 49%; padding: 28px 30px; font-size: 20px; font-weight: bold; color: #fff; text-align: center; line-height: 1; background-color: #000; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 100px; transition: opacity 0.2s; position: relative; }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn::after { margin: auto; width: 10px; height: 10px; content: ""; border-top: 3px solid #fff; border-right: 3px solid #fff; display: block; transform: rotate(45deg); position: absolute; top: 0; bottom: 0; right: 40px; }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn:hover { opacity: 0.7; text-decoration: none; }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn .bl_productLinkBlock_btn_inner { }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn .bl_productLinkBlock_btn_txtS { margin-bottom: 5px; width: 100%; font-size: 23px; display: block; }
.bl_productCaseLinkBlock {background-color: #F7F7F7; }

/* ボタン色別 */
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn.bl_productLinkBlock_btn__green { background-color: #356BB3 }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn.bl_productLinkBlock_btn__orange { background-color: #22AECA; }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn.bl_productLinkBlock_btn__blue { background-color: #5473c8; }
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn.bl_productLinkBlock_btn__orange_dl { background-color: #FFA545; }

/* カラム別 */
.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col1 { justify-content: center; }
.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col1 .bl_productLinkBlock_btn { width: 60%; padding-bottom: 28px; padding-top: 28px;}
.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col2 { justify-content: space-between; }
.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col2 .bl_productLinkBlock_btn { width: 49%; }
.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col3 { justify-content: space-around; }
.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col3 .bl_productLinkBlock_btn { width: 49%; }
.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col3 .bl_productLinkBlock_btn:nth-child(n+3) { margin-top: 30px; }

/* アイコン */
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn.ico_btn::after{border: none; transform: rotate(0deg);}

/* ダウンロードアイコンあり */
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn.el_btn__dl::after{content: ""; display:inline-block; vertical-align: middle; margin-right: 7px; width: 25px; height: 25px;  background: url("/common/images/icon_dl.png") no-repeat center center;background-size:cover;}

/* 別ウィンドウ */
.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn.el_btn__exlink::after{content: ""; display:inline-block; vertical-align: middle; margin-right: 7px; width: 25px; height: 25px;  background: url("/common/images/icon_exlink.png") no-repeat center center;background-size:cover;}



/* =========================================================
ページナビ
========================================================= */
/* page_contents_navi */
.page_contents_navi{background: #fff; padding: 30px 10px 20px 10px; filter: drop-shadow(0px 7px 3px rgba(0,0,0,0.1)); margin-bottom: 80px !important; width: 100% !important;}
.page_contents_navi.in_page_banner{margin-bottom: 40px !important;}
.page_contents_navi .anchorlink_navi{margin: 0 auto!important; padding: 0 !important; text-align: center; justify-content: center;}
.page_contents_navi .anchorlink_navi > *{ border-left: 1px solid #eee; margin-bottom: 10px; text-align: center; display: flex; align-items: center; margin-left: auto; margin-right: auto; text-align: center;}
.page_contents_navi .anchorlink_navi > *:last-child{border-right: 1px solid #eee;}
.page_contents_navi .anchorlink_navi .link_btn{background: none !important;; color: #333 !important;; line-height: 1.5 !important; font-size: 1.8rem; font-size: 17px; letter-spacing: 0px; height: auto !important; padding:10px 0 !important; margin-left: auto; margin-right: auto;}
.page_contents_navi .anchorlink_navi .link_btn::after{border-color: #ddd !important; bottom: 0px !important;}
.page_contents_navi .anchorlink_navi .link_btn:hover::after{bottom: -5px !important;;}

.page_contents_navi .anchorlink_navi > *{padding-right: 0; padding-left: 0; margin-left: 0; margin-right: 0;}
.page_contents_navi .anchorlink_navi.layout_box6 > *{padding-right: 0.7%; padding-left: 0.7%;}
.page_contents_navi .anchorlink_navi.layout_box5 > *{padding-right: 0.9%; padding-left: 0.9%;}
.page_contents_navi .anchorlink_navi.layout_box4 > *{padding-right: 1%; padding-left: 1%;}
.page_contents_navi .anchorlink_navi.layout_box3 > *{padding-right: 1%; padding-left: 1%;}
.page_contents_navi .anchorlink_navi.layout_box2 > *{padding-right: 2%; padding-left: 2%;}
.page_contents_navi .anchorlink_navi.layout_box6 > *:nth-child(6n),
.page_contents_navi .anchorlink_navi.layout_box5 > *:nth-child(5n),
.page_contents_navi .anchorlink_navi.layout_box7 > *:nth-child(4n),
.page_contents_navi .anchorlink_navi.layout_box3 > *:nth-child(3n),
.page_contents_navi .anchorlink_navi.layout_box2 > *:nth-child(2n){border-right: 1px solid #eee;}

.cont_box{margin-left: 3%; margin-right: 3%;}

@media only screen and (max-width :768px) {
.page_contents_navi{padding: 10px 0 5px 0 !important; margin-bottom: 40px !important;}
.page_contents_navi.in_page_banner{margin-bottom: 20px !important;}
.page_contents_navi .anchorlink_navi {border-left: none !important; justify-content: flex-start;}
.page_contents_navi .anchorlink_navi > *{border-right: none !important;}
.page_contents_navi .anchorlink_navi .link_btn{ padding: 5px 0 !important; margin: 5px auto!important; letter-spacing: 0px;}
.page_contents_navi .anchorlink_navi .link_btn::after,
.page_contents_navi .anchorlink_navi .link_btn:hover::after{bottom: -5px !important;font-size: 14px !important;}
.page_contents_navi .anchorlink_navi > *:last-child{border-right:none !important;}
}

@media only screen and (max-width :450px) {
.page_contents_navi .anchorlink_navi{justify-content:space-between;}
.page_contents_navi .anchorlink_navi .link_btn{font-size: 13px !important;}
.page_contents_navi .anchorlink_navi.layout_box6 > *,
.page_contents_navi .anchorlink_navi.layout_box5 > *,
.page_contents_navi .anchorlink_navi.layout_box7 > *,
.page_contents_navi .anchorlink_navi.layout_box3 > *,
.page_contents_navi .anchorlink_navi.layout_box2 > *:nth-child(2n){border-right: 1px solid #eee !important; border-left: none !important; width: 49% !important; padding-left: 0.5% !important; padding-right:0.5% !important; margin-left: 0 !important; margin-right: 0 !important; }
.page_contents_navi .anchorlink_navi > *:last-child{border-right:none !important;}
}

/* =========================================================
ページャー
========================================================= */
.bl_pagerList_wrap{text-align: center; margin: 100px 0 30px 0; width: 100%;}
.bl_pagerList_wrap .bl_pagerList{display: flex; justify-content: center; flex-wrap: wrap;}
.bl_pagerList_wrap .bl_pagerList > *{display: inline-block; font-family: Montserrat,sans-serif;}
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item a{padding: 10px 20px; margin: 0 10px; transition: 0.5s; color: #bbb; font-size: 17px; display: block;}
/*.bl_pagerList_wrap .bl_pagerList_item__prev{margin-right: auto;}
.bl_pagerList_wrap .bl_pagerList_item__next{margin-left: auto;}*/
.bl_pagerList_wrap .bl_pagerList_item.is_current a{color: #333; border-bottom: 1px solid #333; text-decoration: none; font-weight: 700;}
.bl_pagerList_wrap .bl_pagerList_item a:hover{color: #1FACCA; border-bottom: 1px solid #1FACCA; text-decoration: none;}

@media only screen and (max-width :450px) {
.bl_pagerList_wrap{ margin: 40px 0 15px 0;}
}
/*
.bl_pagerList_wrap { overflow: hidden; }
.bl_pagerList_wrap .bl_pagerList { text-align: center; font-size: 0; }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item { margin: 0 7px; display: inline-block; vertical-align: middle; }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item span,
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item a { width: 43px; height: 43px; font-size: 20px; color: #333; display: flex; align-items: center; justify-content: center; background-color: #efefef; }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item a:hover { text-decoration: none; }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item:not([class="is_current"]) a:hover { color: #fff; background-color: #a9a9a9; }


.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__prev a:hover,
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__next a:hover { background-color: transparent; }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__prev a,
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__next a { width: 30px; text-indent: 200%; white-space: nowrap; overflow: hidden; background-color: transparent; position: relative; }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__prev a::after,
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__next a::after { width: 14px; height: 14px; content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__prev a::after { border-bottom: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; }
.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__next a::after { border-top: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; }

.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.is_current a { color: #fff; background-color: #a9a9a9; pointer-events: none; }

.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item.bl_pagerList_item__noLink span { background-color: transparent; }


/* =========================================================
リスト
========================================================= */
.el_list { margin: 5px 0; }
.el_list li { padding-left: 1em; text-indent: -1em; }
.el_list.el_list__dotted > li::before { content: "・"; }
.el_list.el_list__dotted > li + li { margin-top: 5px; }

/*num_list 頭数字のついたリストが表示されます*/
.num_list li{position:relative;padding-left:30px;}
.num_list dt{position:relative;padding-left:30px;}
.num_list dt:before,
.num_list li:before{content:"";position:absolute;top:0;left:0;}

.num_list dt:nth-child(1):before,
.num_list li:nth-child(1):before{content:"1.";}
.num_list dt:nth-child(3):before,
.num_list li:nth-child(2):before{content:"2.";}
.num_list dt:nth-child(5):before,
.num_list li:nth-child(3):before{content:"3.";}
.num_list dt:nth-child(7):before,
.num_list li:nth-child(4):before{content:"4.";}
.num_list dt:nth-child(9):before,
.num_list li:nth-child(5):before{content:"5.";}
.num_list dt:nth-child(11):before,
.num_list li:nth-child(6):before{content:"6.";}
.num_list dt:nth-child(13):before,
.num_list li:nth-child(7):before{content:"7.";}
.num_list dt:nth-child(15):before,
.num_list li:nth-child(8):before{content:"8.";}
.num_list dt:nth-child(17):before,
.num_list li:nth-child(9):before{content:"9.";}
.num_list dt:nth-child(19):before,
.num_list li:nth-child(10):before{content:"10.";}

/*dl_list*/
.dl_list > dt{border-bottom:1px solid #eee;font-weight:bold;line-height:22px;padding-bottom:12px;}
.dl_list > dd{padding:10px 0 15px;}
@media only screen and (max-width :768px) {
	.dl_box > dd a{font-size:1.4rem;}
}

/*square_list*/
.square_list > li{margin-bottom:10px;padding-left:30px;position:relative;}
.square_list > li:before{content:"";position:absolute;top:4px;left:0px;width:6px;height:6px;border:4px solid #000;}
@media only screen and (max-width :768px) {
	.square_list > li{margin-bottom:10px;padding-left:30px;}
	.square_list > li:before{top:2px;width:4px;height:4px;}
}

/*link_list*/
.link_list > li{margin-bottom:20px;}
.link_list > li a {background:#fff;border: 1px solid #ddd; box-sizing: border-box;display:inline-block;font-size:1.6rem;font-weight:bold; line-height:24px;padding:13px 20px;position:relative;text-align:left;width:100%; transition: .8s;}
.link_list > li a::after{content:"";position:absolute;top:50%;margin-top:-5px;right:15px;width:8px;height:8px; border-top:2px solid #666;border-right:2px solid #666;transform:rotate(45deg); z-index:999; transition: .3s;}
.link_list > li a:hover{text-decoration: none; background-color: #ddd; cursor: pointer;}
.link_list > li a:hover::after{text-decoration: none; right: 10px;}

/*qa_list*/
.qa_list > dt{background:url(../../img/common/qa_list_q.png) 0 10px no-repeat; border-bottom:1px solid #eee;cursor:pointer;font-size:1.6rem;padding:20px 0 15px 50px;}
.qa_list > dd{display:none;background:url(../../img/common/qa_list_a.png) 0 20px no-repeat; padding:20px 0 50px 50px;}
@media only screen and (max-width :768px) {
  .qa_list > dt{background-size:30px auto;padding-left:45px;}
  .qa_list > dd{background-size:30px auto;padding-left:45px;}
}

/*topics_list*/
.topics_list{position:relative}
.topics_list .topics_list_tit{border-bottom:1px solid #B4B4B6;font-size:2.2rem;font-weight:normal;margin-bottom:15px;padding-bottom:15px;}
.topics_list li{clear:both; line-height:20px;padding-bottom:15px}
.topics_list li .date{display:block;float:left;width:100px;}
.topics_list li a{display:block;letter-spacing:0px;padding-left:100px;}
.topics_list .link-btn{position:absolute;top:0;right:0;}
@media only screen and (max-width :768px) {
	.topics_list li{padding-bottom:5px;}
	.topics_list li .date{width:75px !important;}
	.topics_list li a{padding-left:75px !important;}
	.topics_list .link-btn{margin-top:0;top:-2px;}
}

/* =========================================================
FAQ
========================================================= */
.bl_faqBlock { padding: 88px 0; }
.bl_faqBlock .bl_faqList .bl_faqList_item + .bl_faqList_item { margin-top: 54px; }
.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_question { padding: 20px 0 15px; min-height: 62px; font-size: 20px; color: #00000c; line-height: 1.3; border-bottom: 1px solid #62bab1; }
.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_answer { padding: 30px 35px; background-color: #fff; line-height: 1.68; }

.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_question,
.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_answer { padding-left: 95px; position: relative; }

/* QとAのアイコン */
.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_question::before,
.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_answer::before { width: 70px; height: 100%;  content: ""; display: inline-block; background-repeat: no-repeat; position: absolute; top: 0; left: 0; }

.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_question::before { background-image: url(/common/images/icon_question.png); background-color: #62bab1; background-position: top 20px center; }
.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_answer::before { background-image: url(/common/images/icon_answer.png); background-position: top 35px left 24px; }


/* =========================================================
ニュースタグ色別
========================================================= */
.bl_categoryTag_color { background-color: #1FACCA; }
.bl_categoryTag_color.bl_categoryTag_color__news { background-color: #63638b; }
.bl_categoryTag_color.bl_categoryTag_color__press { background-color: #62bab1; }
.bl_categoryTag_color.bl_categoryTag_color__information { background-color: #6aba62; }
.bl_categoryTag_color.bl_categoryTag_color__campaign { background-color: #ff9320; }
.bl_categoryTag_color.bl_categoryTag_color__event { background-color: #db5e5f; }
.bl_categoryTag_color.bl_categoryTag_color__support { background-color: #af89d3; }
.bl_categoryTag_color.bl_categoryTag_color__category01 { background-color: #ffc445; }


/* =========================================================
検索結果文言
========================================================= */
.bl_resultBlock	{ text-align: center; }
.bl_resultBlock .bl_resultBlock_heading	{ margin-bottom: 22px; color: #309b90; font-size: 22px; font-weight: bold; line-height: 1.2; }
.bl_resultBlock	.bl_resultBlock_txt { line-height: 1.7; }


/* =========================================================
photo
========================================================= */
.photo_img, .photo_left, .photo_right { padding: 7px; border: #E8E8E8 1px solid; background: #FFFFFF; }
.photo_img { margin: 0 0px 20px 0; }
.photo_left { margin: 0 20px 20px 0; float: left; }
.photo_right { margin: 0 0 20px 20px; float: right; }

.img_photo { margin: 0 0px 20px 0; }
.img_left { margin: 0 20px 20px 0; float: left; }
.img_right { margin: 0 0 20px 20px; float: right; }
@media only screen and (max-width :768px) {
	.photo_img, .photo_left, .photo_right,
	.img_photo, .img_left, .img_right { margin-left: auto; margin-right: auto; display: block; float: none;}
}

/* =========================================================
フローティングバナー
========================================================= */
.un_pageGroup_product{top: inherit !important;}
.floating_side_banner{background-color: transparent; border-bottom-color: transparent; position: fixed; top: inherit !important; bottom: 10px !important;transition: 0.5s; opacity: 0; z-index: 9;}

.floating_side_banner.left_side{ right: inherit !important; left: -280px;}
.floating_side_banner.right_side{ right: -280px; left: inherit !important; }

.floating_side_banner.left_side.is_side_fixed {left: 10px; opacity: 1;}
.floating_side_banner.right_side.is_side_fixed {right: 10px; opacity: 1;}

.floating_side_banner.left_side.is_side_close {left: -280px; opacity: 0;}
.floating_side_banner.right_side.is_side_close {right: -280px; opacity: 0;}
	
.floating_side_banner.left_side{/*position: relative;*/ width: 249px;}
.floating_side_banner.left_side > *{list-style: none;}
.floating_side_banner.left_side span.floating_close{display: block; background: #22ADCA; color: #fff; width: 25px; height: 25px; text-align: center; line-height: 100%; padding: 5px; border-radius: 25px; position: absolute; top:-14px; right:-7px; cursor: pointer; z-index: 10;}
.floating_side_banner.left_side p{box-shadow: 0 0 20px 1px rgba(0,0,0,.2);}

@media only screen and (max-width :450px) {
.floating_side_banner.left_side{/*position: relative;*/ width: 150px;}
.floating_side_banner.left_side p img{}
}

/* =========================================================
trigger_modal_box
========================================================= */
.trigger_modal_wrp{background: #fff; padding: 20px;}


/* =========================================================
ヘルパー
========================================================= */
.hp_taR { text-align: right; }
.hp_taL { text-align: left; }
.hp_taC { text-align: center; }
.hp_fwB { font-weight: bold; }
.hp_ml0 { margin-left: 0 !important; }
.hp_mt0 { margin-top: 0 !important; }
.hp_mb0 { margin-bottom: 0 !important; }
.hp_mr0 { margin-right: 0 !important; }
.hp_pl0 { padding-left: 0 !important; }
.hp_pt0 { padding-top: 0 !important; }
.hp_pb0 { padding-bottom: 0 !important; }
.hp_pr0 { padding-right: 0 !important; }
.hp_poS { position: static; }
.hp_poR { position: relative; }
.hp_poA { position: absolute; }
.hp_disN { display: none!important; }
.hp_fontColor_green { color: #309b90; }

/*  margin
-----------------------------------------------------------------------------*/
.m_b00 { margin-bottom: 0px !important; }
.m_b05 { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b25 { margin-bottom: 25px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b35 { margin-bottom: 35px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b45 { margin-bottom: 45px !important; }
.m_b50 { margin-bottom: 50px !important; }
.m_b55 { margin-bottom: 55px !important; }
.m_b60 { margin-bottom: 60px !important; }
.m_b65 { margin-bottom: 65px !important; }
.m_b70 { margin-bottom: 70px !important; }
.m_b75 { margin-bottom: 75px !important; }
.m_b80 { margin-bottom: 80px !important; }
.m_b85 { margin-bottom: 85px !important; }
.m_b90 { margin-bottom: 90px !important; }
.m_b95 { margin-bottom: 95px !important; }
.m_auto { margin-left: auto !important; margin-right: auto !important; }

.m_l20 { margin-left: 20px !important; }


/*  color
-----------------------------------------------------------------------------*/
.red{color: #D90000;}
.yellow{color: #FFFF00;}
.blue{color: #00468C;}
.white{color: #fff;}

.pablue{ color: #22AECB;}
.pathanksred{ color: #E50054;}
.palinergreen{ color: #23AC38;}
.pavisionblue{ color: #403993;}
.palinewroksgreen{ color: #148637;}
.pahighlight_blue{ color: #2C64AF;}



/*  bg_color
-----------------------------------------------------------------------------*/
.bgcolor_glay{background-color: #EFEEEF;}
.bgcolor_black{background-color: #000000;}


@media only screen and (max-width :768px) {
  .m_b00 { margin-bottom: 0px !important; }
  .m_b05 { margin-bottom: 5px !important; }
  .m_b10 { margin-bottom: 8px !important; }
  .m_b15 { margin-bottom: 10px !important; }
  .m_b20 { margin-bottom: 12px !important; }
  .m_b25 { margin-bottom: 13px !important; }
  .m_b30 { margin-bottom: 15px !important; }
  .m_b35 { margin-bottom: 17px !important; }
  .m_b40 { margin-bottom: 20px !important; }
  .m_b45 { margin-bottom: 22px !important; }
  .m_b50 { margin-bottom: 25px !important; }
  .m_b55 { margin-bottom: 27px !important; }
  .m_b60 { margin-bottom: 30px !important; }
  .m_b65 { margin-bottom: 32px !important; }
  .m_b70 { margin-bottom: 35px !important; }
  .m_b75 { margin-bottom: 37px !important; }
  .m_b80 { margin-bottom: 40px !important; }
  .m_b85 { margin-bottom: 42px !important; }
  .m_b90 { margin-bottom: 45px !important; }
  .m_b95 { margin-bottom: 47px !important; }
}


/*	main_table
-----------------------------------------------------------------------------*/
.main-table { width: 100%;border-collapse: collapse; margin-bottom: 35px; font-size: 15px;}
.main-table th {box-sizing: border-box; width:auto; padding: 10px 5px; border:#E8E8E8 1px solid; text-align: center; font-weight: normal; background: #F0F0F0; }
.main-table td {box-sizing: border-box; padding: 10px 10px; border: #E8E8E8 1px solid; word-break: break-all; }
.main-table td input,
.main-table td select,
.main-table td textarea{ border: 1px solid #DDDDDD; padding: 5px 8px;} 
.main-table td select{ -moz-appearance: menulist; -webkit-appearance: menulist;}
#formbtn_box{text-align: center; padding: 30px 0;}
#thanks_box{padding: 100px 0; text-align: center; font-size: 1.6rem;}


@media only screen and (max-width :768px) {
.main_table{border-collapse:collapse;table-layout: fixed;}
.main_table th,
.main_table td{ width: 100%!important; display:block; padding:10px 2%; clear:both;  }
.main_table th{border-bottom:none; text-align:left;}
	
.table_box .main_table{width: 100%; table-layout: auto;}
.table_box .main_table th,
.table_box .main_table td{ width: auto !important; display:table-cell; padding:10px 2%; clear:both;  }
.table_box{width:calc(100% + 15px); overflow-x: auto; overflow:auto; white-space:nowrap;}
.table_box .main_table{ table-layout: auto;}
.table_box::-webkit-scrollbar{height:5px;}
.table_box::-webkit-scrollbar-track{background:#F1F1F1;}
.table_box::-webkit-scrollbar-thumb{background:#BCBCBC;}
}

/* cont
-----------------------------------------------*/
.cont_flex{display: flex; justify-content: space-between;}

@media only screen and (max-width :768px) {
	.cont_flex{display: block; }
}


/* layout
-----------------------------------------------*/
.layout6,
.layout5,
.layout4,
.layout3,
.layout2,
.layout_box6,
.layout_box5,
.layout_box4,
.layout_box3,
.layout_box2{box-sizing: border-box;	width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
display:-webkit-box;
display:-ms-flexbox;
-ms-flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
 display: flex; flex-wrap: wrap; justify-content: flex-start;}

.layout6 > *,
.layout5 > *,
.layout4 > *,
.layout3 > *,
.layout2 > *,
.layout_box6 > *,
.layout_box5 > *,
.layout_box4 > *,
.layout_box3 > *,
.layout_box2 > *{box-sizing: border-box; align-self: stretch; margin-bottom: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-ms-flex-item-align: stretch;}

.flex_center,
.layout6.flex_center,.layout5.flex_center,.layout4.flex_center,.layout3.flex_center,.layout2.flex_center,.layout_box6.flex_center,.layout_box5.flex_center,.layout_box4.flex_center,.layout_box3.flex_center,.layout_box2.flex_center{justify-content:center;}

.layout6 > *{width:16%;}
.layout5 > *{width:25%;}
.layout4 > *{width:25%;}
.layout3 > *{width:33.3%;}
.layout2 > *{width:50%;}

.layout_box6 > *{width:15.5%; margin-right: 1.4%;}
.layout_box6 > *:nth-child(6n){margin-right:0;}
.layout_box5 > *{width:18.5%; margin-right: 1.825%;}
.layout_box5 > *:nth-child(5n){margin-right:0;}
.layout_box4 > *{width:23.5%; margin-right: 2%;}
.layout_box4 > *:nth-child(4n){margin-right:0;}
.layout_box3 > *{width:32%; margin-right: 2%;}
.layout_box3 > *:nth-child(3n){margin-right:0;}
.layout_box2 > *{width:48%; margin-right: 4%;}
.layout_box2 > *:nth-child(2n){margin-right:0;}

.layout_box6 > .blank,
.layout_box5 > .blank,
.layout_box4 > .blank,
.layout_box3 > .blank,
.layout_box2 > .blank{opacity: 0}
@media only screen and (max-width :768px) {
	.layout6 > *{width:50%;}
	.layout5 > *{width:50%;}
	.layout4 > *{width:50%;}
	.layout3 > *{width:50%;}
	.layout2 > *{width:100%;}

	.layout_box6 > *,
	.layout_box5 > *,
	.layout_box4 > *,
	.layout_box3 > *{width:48%; margin-right: 4% !important;}
	.layout_box6 > *:nth-child(2n),
	.layout_box5 > *:nth-child(2n),
	.layout_box3 > *:nth-child(2n){margin-right: 0 !important;}

	.layout_box3 > .blank:last-child:nth-child(2n+1),
	.layout_box2 > .blank{display: none;}
}
@media only screen and (max-width :450px) {
	.layout_box6 > .blank,
	.layout_box5 > .blank,
	.layout_box4 > .blank,
	.layout_box3 > .blank{display: none;}
}

/*  font
-----------------------------------------------------------------------------*/
.txt45 { font-size: 45px !important; line-height: 1.6; }
.txt42 { font-size: 42px !important; line-height: 1.6; }
.txt35 { font-size: 35px !important; line-height: 1.6; }
.txt30 { font-size: 30px !important; line-height: 1.6; }
.txt28 { font-size: 28px !important; line-height: 1.6; }
.txt26 { font-size: 26px !important; line-height: 1.6; }
.txt25 { font-size: 25px !important; line-height: 1.6; }
.txt24 { font-size: 24px !important; line-height: 1.6; }
.txt23 { font-size: 23px !important; line-height: 1.6; }
.txt22 { font-size: 22px !important; line-height: 1.6; }
.txt21 { font-size: 21px !important; line-height: 1.6; }
.txt20 { font-size: 20px !important; line-height: 1.6; }
.txt19 { font-size: 19px !important; line-height: 1.6; }
.txt18 { font-size: 18px !important; line-height: 1.6; }
.txt16 { font-size: 16px !important; line-height: 1.6; }
.txt15 { font-size: 15px !important; line-height: 1.6; }
.txt14 { font-size: 14px !important; line-height: 1.6; }
.txt13 { font-size: 13px !important; line-height: 1.6; }
.txt12 { font-size: 12px !important; line-height: 1.6; }
.txt11 { font-size: 11px !important; line-height: 1.6; }
.txt10 { font-size: 10px !important; line-height: 1.6; }
.txt_b { font-weight: bold; }
.lh160p{line-height:1.6;}
.lh200p{line-height:2;}
.lh215p{line-height:2.15;}
.lh250p{line-height:2.5;}
.lp_minus { letter-spacing:-0.01rem;}
@media screen and (max-width: 768px){
.txt45 { font-size: 35px !important; line-height: 1.6; }
.txt42 { font-size: 32px !important; line-height: 1.6; }
.txt35 { font-size: 25px !important; line-height: 1.6; }
.txt30 { font-size: 24px !important; line-height: 1.6; }
.txt28 { font-size: 23px !important; line-height: 1.6; }
.txt26 { font-size: 22px !important; line-height: 1.6; }
.txt25 { font-size: 20px !important; line-height: 1.6; }
.txt24 { font-size: 20px !important; line-height: 1.6; }
.txt19 { font-size: 17px !important; line-height: 1.6; }
.txt18 { font-size: 16px !important; line-height: 1.6; }
.txt16 { font-size: 15px !important; line-height: 1.6; }
.txt15 { font-size: 14px !important; line-height: 1.6; }
}

/*--------------------------------------------------------------------------
	[ RWD Style ]
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px){

	/* =========================================================
	コンテンツ
	========================================================= */
	.bl_contentsBlock {  }
	.bl_contentsBlock .bl_contentsBlock_inner.sub_inner,
	.bl_contentsBlock .bl_contentsBlock_inner { width: 100%; }

	/* =========================================================
	メインビジュアル
	========================================================= */
	.ly_mainvis { padding-top: 30%; width: 100%; height: 0; }
	.ly_mainvis .ly_mainvis_inner { padding: 0; width: 87%; position: absolute; top: 0; left: 0; right: 0; }
	.ly_mainvis .bl_pageTtl { top: 33%; }
	.ly_mainvis .bl_pageTtl .bl_pageTtl_en { font-size: 28px; }
	.ly_mainvis .bl_pageTtl .bl_pageTtl_jp { margin-top: 2px; font-size: 15px; }

	/* 配色パターン別スタイル */
	.ly_mainvis.ly_mainvis__black { }
	.ly_mainvis.ly_mainvis__black .bl_pageTtl { top: 33%; }
	.ly_mainvis.ly_mainvis__black .bl_pageTtl .bl_pageTtl_en { font-size: 28px; }
	.ly_mainvis.ly_mainvis__black .bl_pageTtl .bl_pageTtl_jp { font-size: 14px; }


	/* =========================================================
	パンくず
	========================================================= */
	.bl_breadcrumb { line-height: inherit; border-top:1px solid #e9e9e9;}
	.bl_breadcrumb .bl_breadcrumbList { margin: 0 auto; padding: 0px 0 3px; width: 86%; }
	.bl_breadcrumb .bl_breadcrumbList .bl_breadcrumbList_item { font-size: 10px; }
	.bl_breadcrumb .bl_breadcrumbList .bl_breadcrumbList_item + .bl_breadcrumbList_item::before { margin: 0 2px; }


	/* =========================================================
	見出し
	========================================================= */
	/* タイプ01 */
	.el_headingType01 { margin-bottom: 7%; padding-bottom: 2%; }
	.el_headingType01::before { width: 128px; }
	.el_headingType01::after { width: 39px; }
	.el_headingType01 .el_headingType01_en { font-size: 26px; line-height: 1.5; }
	.el_headingType01 .el_headingType01_jp { margin-top: -4px; font-size: 10px; }
	.el_headingType01 .el_headingType01_jp_tit { font-size: 24px; line-height: 1.5;}

	/* タイプ01_サイズS */
	.el_headingType01.el_headingType01__sizeS { padding-bottom: 9px; }
	.el_headingType01.el_headingType01__sizeS .el_headingType01_en { font-size: 26px; }
	.el_headingType01.el_headingType01__sizeS .el_headingType01_jp {  }

	/* タイプ01_左寄せ */
	.el_headingType01.el_headingType01__left {  }
	.el_headingType01.el_headingType01__left::before,
	.el_headingType01.el_headingType01__left::after {  }
	.el_headingType01.el_headingType01__left::before { width: 100%; }

	/* タイプ02 */
	.el_headingType02 { margin-bottom: 26px; padding-top: 47px; }
	.el_headingType02::before { width: 100%; height: 51px; }
	.el_headingType02 .el_headingType02_en { font-size: 26px; }
	.el_headingType02 .el_headingType02_productName { font-size: 16px; }
	.el_headingType02 .el_headingType02_jp { margin-top: -3px; font-size: 10px; }

	/* タイプ02_アイコン別 */
	.el_headingType02.el_headingType02__about::before { background-image: url(/common/images/sp/icon_heading_about.png); }
	.el_headingType02.el_headingType02__function::before { background-image: url(/common/images/sp/icon_heading_function.png); }
	.el_headingType02.el_headingType02__study::before { background-image: url(/common/images/sp/icon_heading_study.png); }
	.el_headingType02.el_headingType02__service::before { background-image: url(/common/images/sp/icon_heading_service.png); }


	/* タイプ03 */
	.el_headingType03 { margin-bottom: 15px; text-align: center; }
	.el_headingType03 .el_headingType03_en { font-size: 20px; font-weight: bold; font-family: Century Gothic, sans-serif; line-height: 1; letter-spacing: inherit; }
	.el_headingType03 .el_headingType03_jp { margin-top: -6px; font-size: 10px; }

	/* ブログ用記事一覧見出し */
	.bl_blogCategoryHeading { margin-bottom: 20px; padding-bottom: 10px; font-size: 20px; }



/* サブタイプ01 */
.el_headingSubType01 {font-size: 26px; }
/* サブタイプ02 */
.el_headingSubType02 {font-size: 22px;  }
/* サブタイプ03 */
.el_headingSubType03 {font-size: 18px;  }

	/* =========================================================
	ボタン
	========================================================= */
	.el_btnBlock { margin: 0 auto 10px; width: 95%; }
	.el_btnBlock .el_btn { padding: 11px 15px; font-size: 12px; min-width: 200px; box-sizing: border-box; }
	.el_btnBlock .el_btn:hover { opacity: 1; }

	/* アローあり */
	.el_btnBlock .el_btn.el_btn__arrow::after { right: 9px; }

	/* PDFアイコンあり */
	.el_btnBlock .el_btn.el_btn__pdf { padding: 7px 47px; }
	.el_btnBlock .el_btn.el_btn__pdf::before { width: 15px; height: 15px; left: 17px; }
	.el_btnBlock .el_btn.el_btn__pdf.el_btn__arrow::after { right: 13px; }


	/* =========================================================
	テキスト
	========================================================= */
	.el_link_txt::after { width: 4px; height: 4px;right: -6px; }


	/* =========================================================
	サービス一覧
	========================================================= */
	.bl_serviceList_wrap { width: 87%; }
	.bl_serviceList_wrap .bl_serviceList { flex-direction: column; }
	.bl_serviceList_wrap .bl_serviceList::after { content: none; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock { margin-top: 13px; width: 100%; border: 1px solid #dcdcdc; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock:nth-child(-n+3) { margin-top: 13px; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link { padding-bottom: 0; display: block; flex-direction: row; flex-wrap: nowrap; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_img { /*width: 44%;*/ border-bottom: none; background: #f4f4f4; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_img img {/* border-right: 1px solid #dcdcdc; */ border-bottom: none; margin: 0 auto; vertical-align:bottom; width: 75%;}
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_txt { padding: 4% 3% 4% 4%; /*width: 56%;*/ font-size: 12px; line-height: 1.2; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_more { font-size: 10px; right: 21px; bottom: 5px; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link .bl_serviceBlock_more::after { width: 4px; height: 4px; right: -6px; }

	/* hover時 */
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link:hover .bl_serviceBlock_img img { opacity: 1; }
	.bl_serviceList_wrap .bl_serviceList .bl_serviceBlock .bl_serviceBlock_link:hover .bl_serviceBlock_more { text-decoration: none; }



	/* =========================================================
	無料トライアル、お問い合わせボタンパーツ
	========================================================= */
	.bl_productLinkBlock { padding: 47px 0 56px; }
	.bl_productLinkBlock .bl_productLinkBlock_inner { width: 77%; }
	.bl_productLinkBlock .bl_productLinkBlock_txt { margin-bottom: 14px; font-size: 16px; }
	.bl_productLinkBlock .bl_productLinkUnit { flex-direction: column; }
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn { width: 100%; font-size: 15px; transition: none; }
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn + .bl_productLinkBlock_btn { margin-top: 31px; }
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn::after { width: 6px; height: 6px; border-top-width: 1px; border-right-width: 1px; right: 8%; }
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn:hover { opacity: 1; }
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn .bl_productLinkBlock_btn_inner { }
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn .bl_productLinkBlock_btn_txtS { margin-bottom: 5px; font-size: 12px; }

	/* カラム別 */
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col1 { justify-content: center; }
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col1 .bl_productLinkBlock_btn { width: 100%; }
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col2 { justify-content: center; }
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col2 .bl_productLinkBlock_btn { width: 100%; }
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col3 { justify-content: center; }
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col3 .bl_productLinkBlock_btn { width: 100%;}
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col3 .bl_productLinkBlock_btn + .bl_productLinkBlock_btn,
	.bl_productLinkBlock .bl_productLinkUnit.bl_productLinkUnit__col3 .bl_productLinkBlock_btn:nth-child(n+3) { margin-top: 10px; }


	/* =========================================================
	ページャー
	========================================================= */

	.bl_pagerList_wrap .bl_pagerList .bl_pagerList_item a{padding: 10px; font-size: 15px;}

	/* =========================================================
	FAQ
	========================================================= */
	/* FAQ */
	.bl_faqBlock { margin: 0 auto; padding: 30px 0; width: 94%; }
	.bl_faqBlock .bl_faqList .bl_faqList_item + .bl_faqList_item { margin-top: 50px; }
	.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_question { padding: 12px 5px 10px 47px; font-size: 12px; line-height: 1.6; }
	.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_answer { padding: 9px 10px 4px 39px; font-size: 12px; line-height: 1.68; }

	/* QとAのアイコン */
	.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_question::before,
	.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_answer::before { width: 40px; }

	.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_question::before { background-position: top 25px center; background-size: 19px 13px; }
	.bl_faqBlock .bl_faqList .bl_faqList_item .bl_faqTxt_answer::before { background-position: top 11px center; background-size: 18px 12px; }


	/* =========================================================
	検索結果文言
	========================================================= */
	.bl_resultBlock	{ margin: 20px 0; }
	.bl_resultBlock .bl_resultBlock_heading	{ margin-bottom: 7px; font-size: 13px; }
	.bl_resultBlock	.bl_resultBlock_txt { font-size: 12px; line-height: 1; }


} /* media */


@media screen and (max-width: 450px){
	
	/* =========================================================
	無料トライアル、お問い合わせボタンパーツ
	========================================================= */

	.bl_productLinkBlock{padding: 15px 5px;}
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn{padding: 15px 10px;}
	.bl_productLinkBlock .bl_productLinkUnit .bl_productLinkBlock_btn + .bl_productLinkBlock_btn{margin-top: 10px;}
	.mm_souken{font-size:80%;}
}

/* =========================================================
ピックアップスライダー
========================================================= */
#event_main-vis{background: #22AECA; padding: 45px 0;}
#event_main-vis .event_main_list .event_main_li{background: #fff; cursor: pointer; width: 980px; margin: 0 60px; filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2)); display: flex; justify-content: space-between; align-items: center; padding: 25px;}
#event_main-vis .event_main_li .event_main_img{width: 450px; height: 330px; display: flex; justify-content: center; align-items: center;}
#event_main-vis .event_main_li .event_main_box{width: 410px;}
#event_main-vis .event_main_li .event_main_box .un_tagList{justify-content: flex-start;}
#event_main-vis .event_main_li .event_main_box .event_main_tit a{color: #333;}
#event_main-vis .slick-prev{left: 20%;}
#event_main-vis .slick-next{right: 20%;}
#event_main-vis .slick-prev,
#event_main-vis .slick-next{ width: 40px; height: 40px; border-radius: 50%; background-color: #fff; z-index: 1;filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.2));}
#event_main-vis .slick-prev::before,
#event_main-vis .slick-next::before{content:"";position:absolute;top:50%;margin-top:-3px;right:45%; margin-left: -3px; width:6px;height:6px; border-top:2px solid #22AECA;border-right:2px solid #22AECA;transform:rotate(45deg); z-index:999; transition: 0.5s; opacity: 1; }
#event_main-vis .slick-prev::before{transform:rotate(-135deg);}
#event_main-vis .slick-next{right: calc(100% / 2 - 495px - 75px);}
#event_main-vis .slick-prev{left: calc(100% / 2 - 495px - 75px);}
#event_main-vis .slick-list{overflow: inherit;}


@media screen and (max-width:768px){
  #event_main-vis .event_main_list .event_main_li{width:90vw;}
  #event_main-vis .event_main_li .event_main_img{width: 40%; height: 250px;}
  #event_main-vis .event_main_li .event_main_box{width: 57%;}
  #event_main-vis .slick-next{right: 5px;}
  #event_main-vis .slick-prev{left: 5px;}
}

@media screen and (max-width:450px){
  #event_main-vis .event_main_list .event_main_li{display: block;}
  #event_main-vis .event_main_li .event_main_img,
  #event_main-vis .event_main_li .event_main_box{width: 100%;}
  #event_main-vis .event_main_li .event_main_img{margin-bottom: 10px; height: auto;}
  #event_main-vis .event_main_li .event_main_box .event_main_tit{margin-bottom: 5px !important;}
  #event_main-vis .event_main_li .event_main_box .event_main_tit br{display: none;}

  #event_main-vis .event_main_li .event_main_box .un_tagList {margin-bottom: 10px !important;}
}


/* =========================================================
導入企業数
========================================================= */
.company_case_license_box ul > *{margin-bottom: 25px;}



/* =========================================================
PHONE APPLI PEOPLEお役立ちコンテンツ
========================================================= */
@media screen and (max-width:450px){
ul.pap_banner_list{display: block;}
ul.pap_banner_list li{ width: 100% !important; margin: 0 0 15px 0 !important; }
}


/* =========================================================
資料ダウンロード
========================================================= */
.un_searchResults_tag_list > *{position:relative;}
.un_searchResults_tag_list .un_searchResults_tag {position: absolute; top: 5px; left: 5px; z-index: 11; color: #fff; background-color:#999999; color: #fff; padding: 2px 20px; border-radius: 4px; font-weight: bold; text-align: center; min-width: 80px; line-height: 1.6; z-index: 2; }
.un_searchResults_tag_list .un_searchResults_tag::before,
.un_searchResults_tag_list .un_searchResults_tag::after{content: ""; display: inline-block; background: url("https://phoneappli.net/product/download/images/un_searchResults_tag_line.svg") no-repeat center; background-size: contain; width: 11px; height: 11px; position: absolute; top: 2px;}
.un_searchResults_tag_list .un_searchResults_tag::before{left: 3px;}
.un_searchResults_tag_list .un_searchResults_tag::after{right: 3px;transform: scale(-1, 1);}
.un_searchResults_tag_list .un_searchResults_img span img{filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.8)); will-change: filter;}



.un_searchResults_tag_list .un_searchResults_tag.none_cata{display: none !important;}
.un_searchResults_tag_list .un_searchResults_tag.recommendation_cata{background-color: #FFAB5D !important;}
.un_searchResults_tag_list .un_searchResults_tag.popular_cata{background-color: #2C64AF !important;}
.un_searchResults_tag_list .un_searchResults_tag.new_cata{background-color: #FF6464 !important;}
.un_searchResults_tag_list .top_download_img {padding: 40px; background-color: #fff;}

@media screen and (max-width:450px){
  .un_searchResults_tag_list > *{width: 100% !important; margin-right: 0 !important;}
}


/* =========================================================
PAPtiker
========================================================= */

.pap_company_logo_tiker{animation: bg-slider 95s linear infinite; background-image:url("/product/service/papeople/images/tiker_logo.png"); background-repeat: repeat-x; background-position: left top;  background-size: auto 150px; width: 100%; height: 150px;}
@keyframes bg-slider{
    0%{background-position:0 0}
    to{background-position:-8366px 0}
}

@media screen and (max-width:450px){
.pap_company_logo_tiker{animation: bg-slider 140s linear infinite; background-size: auto 75px; height: 75px;}
}


/* =========================================================
PAPtiker
========================================================= */

.pa_title01{font-size: 35px; letter-spacing: 3px; margin-bottom:50px; color: #2FAECB; line-height: 1.4; text-align: center; font-weight: bold;}
.pa_title01::after{content: ""; display: table; margin: 25px auto 0 auto; background-color: #2FAECB; width: 30px; height: 1px; }
.pa_title01 .pa_title01_ico{width: 50px; height: 50px; padding: 3px; background-color: #fff; border: #2FAECB 1px solid; border-radius: 3px; margin-right: 8px; vertical-align: middle; display: inline-block;}
.pa_title01 .pa_title01_ico img{height: 100%; width: auto; vertical-align: top;}

#implementing_company .implementing_company_wrp{position: relative;}
#implementing_company .implementing_company_wrp::after{content: ""; display: block; width: 100%; height: 450px; background-color: #F8F8F8; position: absolute; bottom: -60px; left: 0; z-index: 0;}
#implementing_company .implementing_company_list {position: relative; z-index: 1;}
#implementing_company .implementing_company_list .implementing_company_box {background-color: #fff; margin: 0 40px;}
#implementing_company .implementing_company_list .ic_box_img{display: block;}
#implementing_company .implementing_company_list .ic_box_img span{background: no-repeat center #fff; height: 300px; width: 100%; display: block; border-bottom: 1px solid #EEEEEE;}
#implementing_company .ic_box_main { padding: 25px 40px;}
#implementing_company .ic_box_main .ic_other_list > li{border: 1px solid #ddd; padding: 5px 10px; margin-right: 8px; margin-bottom: 5px; line-height: 1.2; display: inline-block; border-radius: 3px;}

#implementing_company .implementing_company_list .slick-list{ padding: 30px 0;}
#implementing_company .implementing_company_list .slick-track{display: flex !important;}
#implementing_company .implementing_company_list .slick-slide{ height: auto !important; display: flex !important;}
#implementing_company .implementing_company_list .slick-next,
#implementing_company .implementing_company_list .slick-prev{font-size:0;line-height:0;position:absolute; top:50%;display:block;width:65px;height:65px;padding:0;cursor:pointer;color:transparent;border:none;outline:0;background:0 0; border-left: 3px solid #ccc; border-top: 3px solid #ccc; z-index: 11;}
#implementing_company .implementing_company_list .slick-next{ right: -20px; transform:rotate(135deg); }
#implementing_company .implementing_company_list .slick-prev{ left: -20px; transform:rotate(-45deg);  }

@media screen and (max-width:1025px){
    #implementing_company .implementing_company_list .slick-next{ right: 0px;}
    #implementing_company .implementing_company_list .slick-prev{left: 0px; }
}

@media screen and (max-width:450px){
    .pa_title01{font-size: 22px; letter-spacing: 0; margin-bottom: 30px;}
    .pa_title01::after{margin-top: 15px;}
    .pap_service_tit .pap_s_no{font-size: 60px !important;}
}

/* =========================================================
pap_function_list
========================================================= */
#pap_function_list li{list-style: none; margin-bottom: 20px;}
#pap_function_list .pap_function_list_img{background: #fff; border: 3px solid #2FAECB; padding: 20px 10px 10px 10px; margin-bottom: 10px; display: block; height: 148px; }
#pap_function_list .pap_function_list_img *{display: block; text-align: center; font-style: normal;}
#pap_function_list .pap_function_list_img *.pap_function_list_ico img{margin: 0 auto 5px auto; height: 62px; width: auto;}
#pap_function_list .pap_function_list_img *.pap_function_list_title{font-size: 1.0rem; font-weight: bold; color: #2FAECB; text-align: center; line-height: 1.3; height: 45px; display: inline-flex; justify-content: center; align-items:flex-start;}
#pap_function_list .pap_function_list_txt a{color: #333; font-size: 16px; font-weight: bold;}

@media screen and (max-width:450px){
    #pap_function_list .pap_function_list_img *.pap_function_list_title{font-size: 12px;}
}