@charset "utf-8";
/*===========================================================
配色
メインカラー01 #004ea2　※濃いライトグリーン
メインカラー02 #019fe8　※明るいライトグリーン
===========================================================*/
/* リンク文字色 */
.cmshtml a {
  color: #004ea2;
}
.cmshtml a:hover {
  color: #004ea2;
}
/*===========================================================
header footer
===========================================================*/
/*======== header ========*/
/* 汎用ページ ヘッダー背景色 */
.cmshtml .subpage #header {
  background: #fff;
}
/* ロゴ背景色 */
.cmshtml .logo {
  background: #fff;
}
/* ナビゲーション文字色 */
.cmshtml .h_li, .cmshtml .li_txt, .cmshtml .sub_li, .cmshtml .h_li a, .cmshtml .li_txt a, .cmshtml .sub_li a {
  color: #fff;
}
/* 汎用ページ ナビゲーション文字色 */
.cmshtml .subpage .h_li, .cmshtml .subpage .li_txt, .cmshtml .subpage .sub_li, .cmshtml .subpage .h_li a, .cmshtml .subpage .li_txt a, .cmshtml .subpage .sub_li a {
  color: #313131;
}
/* ヘッダー背景色・ナビゲーション文字色（スクロール時） */
@media screen and (min-width: 1001px) {
  .cmshtml #header.fixed {
    background-color: #FFF;
  }
  .cmshtml #header.fixed .h_li, .cmshtml #header.fixed .li_txt, .cmshtml #header.fixed .sub_li, .cmshtml #header.fixed .h_li a, .cmshtml #header.fixed .li_txt a, .cmshtml #header.fixed .sub_li a {
    color: #313131;
  }
}
/* ナビゲーション文字色（ハンバーガーメニュー時） */
@media screen and (max-width: 1000px) {
  .cmshtml .h_li, .cmshtml .li_txt, .cmshtml .sub_li, .cmshtml .h_li a, .cmshtml .li_txt a, .cmshtml .sub_li a {
    color: #313131;
  }
  .cmshtml .menu_tit:after {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
  }
}
/*======== サブメニュー ========*/
/* サブメニュー背景色・ドロップシャドウ */
.cmshtml .nav_drop {
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px;
}
@media screen and (max-width: 1000px) {
  .cmshtml .nav_drop {
    box-shadow: none;
  }
}
/* サブメニュー文字色 */
.cmshtml .drop_li, .cmshtml .drop_li a {
  color: #004ea2;
}
.cmshtml .drop_li a:hover {
  background: #019fe8;
  color: #fff;
}
/* 孫メニュー */
.cmshtml .drop_ub {
  border-top: 1px dashed #ccc;
}
.cmshtml .drop_ub a {
  color: #004ea2;
}
@media screen and (max-width: 1000px) {
  .cmshtml .drop_ub a {
    color: #444;
  }
}
.cmshtml .ub_txt {
  color: #004ea2;
}
.cmshtml .ub_txt:after {
  background: #999;
}
.cmshtml .ub_list {
  background: #e9e9e9;
}
@media screen and (max-width: 1000px) {
  .cmshtml .ub_list {
    background: #fff;
  }
}
.cmshtml .ub_li {
  background: #ededed;
  border-top: 1px dashed #ccc;
}
/*======== メガメニュー ========*/
.cmshtml .toppage_h.fixed .menu_tit {
  color: #333;
}
/* メガメニュー背景色 */
.cmshtml .mega_inwrap {
  background: rgba(230, 230, 230, 1);
}
/* 親メニュー */
.cmshtml .megamenu_li.li_parent {
  border-bottom: 1px solid #313131;
}
/* 子メニュー */
.cmshtml .megamenu_li.li_children, .cmshtml .megamenu_li.li_child {
  border-bottom: 1px dotted #363636;
}
.cmshtml .megamenu_li.li_children a, .cmshtml .megamenu_li.li_child a {
  color: #313131;
}
.cmshtml .megamenu_li.li_children a:hover, .cmshtml .megamenu_li.li_child a:hover {
  color: #004ea2;
}
/* 孫メニュー横線色「-」 */
.cmshtml .li_grandchild:before {
  background: #333;
}
/*======== 翻訳ボタン ========*/
/* 翻訳ボタン色 */
.cmshtml .selectlang_btn {
  background: #004ea2;
  color: #fff;
}
.cmshtml .selectlang_btn:hover {
  background: #004ea2;
}
.cmshtml .selectlang_inner {
  background: #fff;
  border: 1px solid #ccc;
}
/* 翻訳言語メニュー文字色 */
.cmshtml .selectlang_inner > div a {
  color: #313131;
}
.cmshtml .selectlang_inner > div a:hover {
  color: #f00;
}
/*======== ハンバーガーボタン ========*/
@media screen and (max-width: 1000px) {
  .cmshtml .drawer-hamburger, .cmshtml .drawer-hamburger:hover {
    background: #004ea2;
  }
  .cmshtml .drawer-hamburger-icon, .cmshtml .drawer-hamburger-icon:after, .cmshtml .drawer-hamburger-icon:before {
    background: #fff;
  }
}
/*======== footer 背景色 ========*/
.cmshtml #footer {
  background-color: #e7e7e7;
}
.flink > div:before {
  background: #004ea2;
}
/*======== footer サイトマップ装飾（特殊ブロック） ========*/
.cmshtml .rdsitemapft {
  background: #019fe8;
  color: #fff;
}
.cmshtml .rdsitemapft a {
  color: #fff;
}
.cmshtml .rdsitemapftList > li > a:before, .cmshtml .rdsitemapftList > li.rdsitemapft-item > .rdsitemapft-child > li.rdsitemapft-hasChild > .rdsitemapft-child > .rdsitemapft-hasChild > a:before, .cmshtml .rdsitemapftList > li.rdsitemapft-item > .rdsitemapft-child > li.rdsitemapft-hasChild > .rdsitemapft-child > .rdsitemapft-hasChild > .rdsitemapft-child > .rdsitemapft-item:before, .cmshtml .rdsitemapftList > li.rdsitemapft-item > .rdsitemapft-child > li > .rdsitemapft-child > .rdsitemapft-item:before {
  background: #fff;
}
.cmshtml .rdsitemapft .rdsitemapft-parent > .rdsitemapft-item > .rdsitemapft-child > .rdsitemapft-item {
  border-bottom: 1px dashed #fff;
}
/*======== header レスポンシブ　========*/
@media screen and (min-width: 1001px) {
  .cmshtml .menu_tit:after, .cmshtml .h_li a:after, .cmshtml .drop-menu .li_txt:after, .cmshtml .sub_li:after, .cmshtml .selectlang_inner > div:after {
    background: #fff;
  }
  .cmshtml .subpage .menu_tit:after, .cmshtml .subpage .h_li a:after, .cmshtml .subpage .drop-menu .li_txt:after, .cmshtml .subpage .sub_li:after, .cmshtml .fixed .menu_tit:after, .cmshtml .fixed .h_li a:after, .cmshtml .fixed .drop-menu .li_txt:after, .cmshtml .fixed .sub_li:after {
    background: #019fe8;
  }
  .cmshtml .subpage .h_li a:after, .cmshtml .subpage .drop-menu:hover .li_txt a:after, .cmshtml .subpage .sub_li a:after, .cmshtml .selectlang_inner > div a:after {
    background: #019fe8;
  }
  .cmshtml .toppage_h .menu_tit {
    color: #fff;
  }
  .cmshtml .menu_tit:before, .cmshtml .li_txt:before {
    background: #fff;
  }
  .cmshtml .subpage .menu_tit:before, .cmshtml .subpage .li_txt:before, .cmshtml .fixed .menu_tit:before, .cmshtml .fixed .li_txt:before {
    background: #333;
  }
  .cmshtml .nav_drop > * + * {
    border-top: 1px dashed #ccc;
  }
  .cmshtml .drop_ub:hover .ub_txt, .cmshtml .ub_li:hover {
    background: #019fe8;
  }
  .cmshtml .drop_ub:hover .ub_txt, .cmshtml .drop_ub:hover .ub_txt a, .cmshtml .ub_li:hover, .cmshtml .ub_li a:hover {
    color: #fff;
  }
  .cmshtml .drop_ub:hover .ub_txt:after {
    background: #fff;
  }
}
@media screen and (max-width: 1000px) {
  .cmshtml .drop-menu, .cmshtml .h_li, .cmshtml .sub_li, .cmshtml .menu_tit {
    border-bottom: 1px dashed #ccc;
  }
  .cmshtml .mega_inwrap {
    background: #ededed;
  }
  .cmshtml .megamenu_list {
    background: #fff;
  }
  .cmshtml .h_li a:hover {
    background: #019fe8;
    color: #fff;
  }
  .cmshtml .li_txt:after {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  .cmshtml #navigation .drop_li {
    background: #ededed;
    border-top: 1px dashed #ccc;
  }
  .cmshtml .drop_active .li_txt a {
    background: #019fe8;
    color: #fff;
  }
  .cmshtml .selectlang_inner > div, .cmshtml .selectlang_inner > div a {
    color: #019fe8;
  }
  .cmshtml .selectlang_inner > div a {
    background: #eee;
  }
  .cmshtml .drop_ub .ub_list {
    background: #fff;
  }
}
/*===========================================================
top
===========================================================*/
/* 「キャッチコピー」文字色 */
.cmshtml .catch_txt {
  color: #FFF;
}
/* 「sec_about」メインタイトル文字色 */
.cmshtml .sec_about .tit01 {
  color: #019fe8;
}
/* 「新着情報」タイトル背景色 */
.cmshtml .info_tit {
  background-color: #004ea2;
}
/*===========================================================
form
===========================================================*/
/* 背景色 */
.cmshtml #contents .rdcontact_main > form {
  background: #ededed;
}
/* 戻るボタン */
.cmshtml .rdcontact_btn_area .rdcontact_btn_back {
  background: #edeff1;
  color: #666;
  border: 1px solid #c6cacf;
}
.cmshtml .rdcontact_btn_area .rdcontact_btn_back:hover, .cmshtml .rdcontact_btn_area .rdcontact_btn_back:focus {
  background: #d5d5da;
  box-shadow: 0 0 6px rgba(198, 34, 25, 0) !important;
  color: #fff;
}
/* 確認ボタン */
.cmshtml .rdcontact_btn_area .rdcontact_btn_submit {
  background: #019fe8 !important;
  border: 1px solid #019fe8 !important;
}
.cmshtml .rdcontact_btn_area .rdcontact_btn_submit:hover, .cmshtml .rdcontact_btn_area .rdcontact_btn_submit:focus {
  background: #004ea2 !important;
  border: 1px solid #004ea2 !important;
  box-shadow: 0 0 6px rgba(198, 34, 25, 0) !important;
}
/*===========================================================
blog
===========================================================*/
/*リンク文字色*/
.cmshtml #contents .rdnewArticle-ContTitle a, .cmshtml #contents .rdMonthlyArchive .rdMonthlyArchive-item a, .cmshtml #contents .rdCategorylist .rdCategorylist-link {
  color: #019fe8;
  text-decoration: none;
}
/*======== blog メインコンテンツ ========*/
/* ブログ タイトルh3 */
.cmshtml #contents .rdarticleTitle h3 {
  border-bottom: 4px solid #019fe8;
  color: #019fe8;
}
/* ブログ 次へ戻るボタン */
.cmshtml #contents .rdpagination .rdpagenationLinkActive, .cmshtml #contents .rdpagination .rdpagenationLink:hover {
  background: #019fe8;
  color: #fff;
}
/* ブログ一覧ページ タグ */
.cmshtml #contents .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #019fe8;
  background: #019fe8;
}
/* ブログ関連記事 */
/* カテゴリー */
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-catlist .rdRelatedArticles-catlink {
  background: #019fe8;
  color: #fff;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-catlist .rdRelatedArticles-catlink:hover {
  background: #004ea2;
  color: #fff;
}
/* タグ */
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:after, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:before {
  background: #019fe8;
  color: #fff;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:hover, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:hover:after, .cmshtml #contents .rdRelatedArticles .rdRelatedArticles-taglist .rdRelatedArticles-taglink:hover:before {
  background: #004ea2;
  color: #fff;
}
/*======== blog サイドメニュー ========*/
/* ブログサイト内検索 */
.cmshtml #contents .rdBlogSearch .rdBlogSearch-btn {
  background-color: #019fe8;
}
.cmshtml #contents .rdBlogSearch .rdBlogSearch-btn:hover {
  background-color: #004ea2;
}
/* ブログカレンダー */
.cmshtml #contents .rdCalendar .rdCalendarTable-link {
  background: #019fe8;
}
.cmshtml #contents .rdCalendar .rdCalendarTable-link:hover {
  background: #004ea2;
}
/* ブログ月別アーカイブ */
.cmshtml #contents .rdMonthlyArchive .rdMonthlyArchive-item:before {
  border: 2px solid #019fe8;
}
/* ブログ年別アーカイブ */
.cmshtml #contents .rdYearlyArchive-item .rdYearlyArchive-link {
  background: #019fe8;
  color: #fff;
}
.cmshtml #contents .rdYearlyArchive-item .rdYearlyArchive-link:hover {
  background: #004ea2;
  color: #fff;
}
/* ブログカテゴリー一覧 */
.cmshtml #contents .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #019fe8;
}
.cmshtml #contents .rdCategorylist .rdCategorylist-link:hover {
  background: #fff;
  color: #019fe8;
}
/* ブログタグ一覧 */
.cmshtml #contents .rdTaglist .rdTaglist-link, .cmshtml #contents .rdTaglist .rdTaglist-link:after, .cmshtml #contents .rdTaglist .rdTaglist-link:before {
  background: #019fe8;
  color: #fff;
}
.cmshtml #contents .rdTaglist .rdTaglist-link:hover, .cmshtml #contents .rdTaglist .rdTaglist-link:hover:after, .cmshtml #contents .rdTaglist .rdTaglist-link:hover:before {
  background: #004ea2;
  color: #fff;
}
/*===========================================================
userBlock
===========================================================*/
/*======== リンクボタン ========*/
.cmshtml .link_btn a {
  border: 1px solid #019fe8;
  color: #019fe8;
}
.cmshtml .link_btn a:hover {
  background: #019fe8;
  color: #fff;
}
.cmshtml .link_btn02 {
  color: #019fe8;
}
.cmshtml .link_btn02 a {
  background: #fff;
  border: #019fe8 1px solid;
  color: #019fe8;
}
.cmshtml .link_btn02 a:hover {
  background: #019fe8;
  color: #fff;
}
/*======== h2 - h6 ========*/
.cmshtml .rdplanetitle h2 {
  border-top: 1px solid #004ea2;
  border-bottom: 3px solid #004ea2;
  color: #004ea2;
}
.cmshtml .rdplanetitle h3 {
  border-bottom: 1px solid #004ea2;
  color: #004ea2;
}
.cmshtml .rdplanetitle h3:after {
  background-color: #004ea2;
}
.cmshtml .rdplanetitle h4 {
  color: #004ea2;
}
.cmshtml .rdplanetitle h4:before {
  background-color: #004ea2;
}
.cmshtml .rdplanetitle h5 {
  border-left: 4px solid #004ea2;
  border-bottom: 1px solid #004ea2;
  color: #004ea2;
}
.cmshtml .rdplanetitle h6 {
  background: #004ea2;
  color: #fff;
}
.cmshtml .rdplanetitle h6 a {
  color: #fff;
}
/*======== mark_btn ========*/
.cmshtml .mark_btn {
  background: #ededed;
  border-left: 20px solid #019fe8;
}
.cmshtml .mark_btn:before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.cmshtml .mark_btn .link_btn01 a {
  background: #fff;
  border: 1px solid #019fe8;
  color: #019fe8;
}
.cmshtml .mark_btn .link_btn01 a:hover {
  background: #019fe8;
  color: #fff;
}
/*======== faq ========*/
.cmshtml .qa_q:before {
  background: #019fe8;
}
.cmshtml .qa_a:before {
  background: #888;
}
/*======== stepbox ========*/
.cmshtml .step_div {
  background: #fff;
  border: 1px solid #019fe8;
}
.cmshtml .step_div > div + div {
  border-left: 1px solid #019fe8;
}
.cmshtml .step_num {
  background: #019fe8;
}
.cmshtml .stepbox > div:not(:last-child) .step_num:after {
  border: 30px solid transparent;
  border-top: 20px solid #019fe8;
}
.cmshtml .stepbox > div.one_side.step_div:not(:last-child):after {
  border: 30px solid transparent;
  border-top: 20px solid #019fe8;
}
@media screen and (max-width: 680px) {
  .cmshtml .step_div {
    border: 1px solid #019fe8;
    position: relative;
  }
  .cmshtml .stepbox > div.one_side.step_div:not(:last-child):after, .cmshtml .stepbox > div:not(:last-child):after {
    border: 30px solid transparent;
    border-top: 15px solid #019fe8;
  }
}
@media screen and (max-width: 768px) {
  .cmshtml .carousel-items .slick-prev, .cmshtml .carousel-items .slick-next {
    background-color: #fff;
  }
}
/*======== accordion ========*/
/* 見出し横 丸 */
.cmshtml .acco_box:before {
  border: 5px solid #019fe8;
}
/* 見出し 文字色 */
.cmshtml .acco_tit {
  color: #019fe8;
}
/* 見出し + ボタン */
.cmshtml .acco_tit:before, .cmshtml .acco_tit:after {
  background: #019fe8;
}
/*======== carousel ========*/
.cmshtml .carousel-items .item .text-column {
  background: #333;
}

/*======== リンクボタン ========*/

.btn-flat p a {
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 18px;
    background-color: #3058aa;
    transition: 0.3s;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    position: relative;
    padding-right: 50px;
}
.btn-flat p a::after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.btn-flat p a:hover {
  text-decoration: none;
  background-color: #5984db;
}


.cmshtml .btn-flat a:visited {color:#fff; text-decoration:none;}
.cmshtml .btn-flat a:link {color:#fff; text-decoration:none;}



/*=================================
add css 2023/08/21 start
=================================*/
.cmshtml .img_blackMask {
    position: relative;
}
.cmshtml .img_blackMask > div {
  background: #000;
}
.cmshtml .img_blackMask > div img {
    max-width: none;
    width: 100%;
    height: auto;
}
.cmshtml .img_blackMask img {
  opacity: 0.5;
  transition: all 0.3s;
}
.cmshtml .img_blackMask:hover > div img,
.cmshtml .img_blackMask > div:hover img {
  opacity: 0.9;
}
#editView .cmshtml .img_blackMask img, #editView .cmshtml .img_blackMask > div:hover img {
  opacity: 1;
}
.cmshtml .top_company {
  margin-top: 120px;
}


.cmshtml .img_blackMask .tp_txt {
    color: #FFF;
    position: absolute;
    margin: auto;
    pointer-events: none;
    font-size: 24px;
    left: 0;
    top: 0;
    background: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
z-index: 10;
}


@media screen and (min-width: 1101px) {
  .cmshtml .bnr_2column > div {
    width: 50% !important;
  }
  .cmshtml .bnr_3column > div {
    width: 33.33333333% !important;
  }
  .cmshtml .bnr_4column > div {
    width: 25% !important;
  }
   .cmshtml .bnr_5column > div {
    width: 20% !important;
  }
  .cmshtml .bnr_2column_mgn > div {
    width: calc(50% - 20px) !important;
    margin: 0 10px 20px !important;
  }
  .cmshtml .bnr_3column_mgn > div {
    width: calc(33.33333333% - 20px) !important;
    margin: 0 10px 20px !important;
  }
  .cmshtml .bnr_4column_mgn > div {
    width: calc(25% - 20px) !important;
    margin: 0 10px 20px !important;
  }
  .cmshtml .bnr_4column .tu_txt, .cmshtml .bnr_4column_mgn .tu_txt {
    font-size: 18px;
  }
    .cmshtml .bnr_5column_mgn > div {
    width: calc(20% - 20px) !important;
    margin: 0 10px 20px !important;
  }
  .cmshtml .bnr_5column .tu_txt, .cmshtml .bnr_4column_mgn .tu_txt {
    font-size: 16px;
  }
  .cmshtml .top_company {
    justify-content: flex-start !important;
    max-width: 1614px;
  }
  .cmshtml .top_company > div {
    width: calc(33.333333% - 60px) !important;
    margin: 0 30px 60px !important;
  }
  .cmshtml .top_company img {
    max-width: none;
    width: 100%;
  }
  .cmshtml .bnr_2column,
  .cmshtml .bnr_3column,
  .cmshtml .bnr_4column,
  .cmshtml .bnr_5column,
  .cmshtml .bnr_2column_mgn,
  .cmshtml .bnr_3column_mgn,
  .cmshtml .bnr_4column_mgn,
  .cmshtml .bnr_5column_mgn {
    justify-content: flex-start!important;
  }
}

#editView .cmshtml .img_blackMask .tp_txt {
    color: #FFF;
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    display: block;
    pointer-events: auto;
}





■タグcss
.cmshtml .catalogdetail_tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}
.cmshtml .catalogdetail_tags > div {
  padding: 0!important;
  margin: 0 5px 5px 0!important;
  display: block;
  padding: 2px 5px!important;
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #F5F7F8;
  font-size: 14px;
  color: #666;
  text-decoration: none;
}
#editView .cmshtml .catalogdetail_tags {
    padding: 20px;
}
#editView .cmshtml .catalogdetail_tags > div {
    margin: 0!important;
    display: block;
    padding: 20px!important;
}



/*=================================
add css 2023/08/21 end
=================================*/