@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; }


/* =========================================================
製品メインビジュアル
========================================================= */

#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: 1%; text-align: center; align-self: flex-end; padding-bottom: 30px;}
#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: 100%; font-size: 15px; margin-bottom: 10px;}
	#in_main_vis .main_box_wrp .mainvis_read .mainvis_main_btn .link_btn:last-child{margin-bottom: 0;}
}

/* =========================================================
パンくず
========================================================= */
.bl_breadcrumb { line-height: 1; border-bottom: 1px solid #e9e9e9; overflow: hidden; background: #fff;}
.bl_breadcrumb .bl_breadcrumbList { margin:12px auto 14px; padding: 0 20px; width: 1240px; }
.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: 60px; 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: 48px; 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: 17px !important; background-color: #22AECA;}

@media only screen and (max-width :415px) {
.link_btn,
.link_btn:link,
.link_btn:hover,
.link_btn:visited{ font-size: 15px !important; }
}

/* =========================================================
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 3%; 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 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 3%;}
.company_case_license .company_case_license_box{width:auto; padding: 20px 5px;}
.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 :415px) {
.company_case_license h3{font-size: 20px;}
.company_case_license h3 br{display:block;}
.company_case_license h4{font-size: 16px;}
}

/* =========================================================
無料トライアル、お問い合わせボタンパーツ
========================================================= */
.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;}
.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;}
.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;}
.page_contents_navi .anchorlink_navi .link_btn::after{border-color: #ddd; 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;}
.page_contents_navi .anchorlink_navi > *{border-right: none !important;}
.page_contents_navi .anchorlink_navi .link_btn{ padding: 5px 0 !important; margin: 5px 0 !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 :415px) {
.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 :415px) {
.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 :415px) {
.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; }


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

.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;}

.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_box4 > *: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: 43%; 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: 15px; }


	/* =========================================================
	パンくず
	========================================================= */
	.bl_breadcrumb { line-height: inherit; border-top:1px solid #e9e9e9;}
	.bl_breadcrumb .bl_breadcrumbList { margin: 0 auto; padding: 3px 0; 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: 415px){
	
	/* =========================================================
	無料トライアル、お問い合わせボタンパーツ
	========================================================= */

	.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%;}
}