@charset "utf-8";

/*===========================================================
配色
メインカラー01 #1f9b7d　※濃いライトグリーン
メインカラー02 #34ba9a　※明るいライトグリーン
===========================================================*/

/* リンク文字色 */
.cmshtml a {
  color: #1f9b7d;
}
.cmshtml a:hover {
  color: #1f9b7d;
}

/*===========================================================
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: #1f9b7d;
}
.cmshtml .drop_li a:hover {
  background: #34ba9a;
  color: #fff;
}
/* 孫メニュー */
.cmshtml .drop_ub {
    border-top: 1px dashed #ccc;
}
.cmshtml .drop_ub a {
  color: #1f9b7d;
}
@media screen and (max-width: 1000px) {
.cmshtml .drop_ub a {
  color: #444;
}
}
.cmshtml .ub_txt {
  color: #1f9b7d;
}
.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: #1f9b7d;
}
/* 孫メニュー横線色「-」 */
.cmshtml .li_grandchild:before {
  background: #333;
}

/*======== 翻訳ボタン ========*/
/* 翻訳ボタン色 */
.cmshtml .selectlang_btn {
  background: #34ba9a;
  color: #fff;
}
.cmshtml .selectlang_btn:hover {
  background: #1f9b7d;
}
.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: #34ba9a;
  }
  .cmshtml .drawer-hamburger-icon,
  .cmshtml .drawer-hamburger-icon:after,
  .cmshtml .drawer-hamburger-icon:before {
    background: #fff;
  }
}

/*======== footer 背景色 ========*/
.cmshtml #footer {
  background-color: #f7ffeea3;
}

/*===========================================================
top
===========================================================*/

/* 「キャッチコピー」文字色 */
.cmshtml .catch_txt {
  color: #FFF;
}
/* 「sec_about」メインタイトル文字色 */
.cmshtml .sec_about .tit01 {
  color: #34ba9a;
}
/* 「新着情報」タイトル背景色 */
.cmshtml .info_tit {
  background-color: #34ba9a;
}

/*===========================================================
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: #34ba9a !important;
  border: 1px solid #34ba9a !important;
}
.cmshtml .rdcontact_btn_area .rdcontact_btn_submit:hover, .cmshtml .rdcontact_btn_area .rdcontact_btn_submit:focus {
  background: #1f9b7d !important;
  border: 1px solid #1f9b7d !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: #34ba9a;
  text-decoration: none;
}

/*======== blog メインコンテンツ ========*/

/* ブログ タイトルh3 */
.cmshtml #contents .rdarticleTitle h3 {
  border-bottom: 4px solid #34ba9a;
  color: #34ba9a;
}
/* ブログ 次へ戻るボタン */
.cmshtml #contents .rdpagination .rdpagenationLinkActive,
.cmshtml #contents .rdpagination .rdpagenationLink:hover {
  background: #34ba9a;
  color: #fff;
}
/* ブログ一覧ページ タグ */
.cmshtml #contents .rdListShort .rdListItem .ItemrdListTagListItem {
  border: 1px solid #34ba9a;
  background: #34ba9a;
}
/* ブログ関連記事 */
/* カテゴリー */
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-catlist .rdRelatedArticles-catlink {
  background: #34ba9a;
  color: #fff;
}
.cmshtml #contents .rdRelatedArticles .rdRelatedArticles-catlist .rdRelatedArticles-catlink:hover {
  background: #1f9b7d;
  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: #34ba9a;
  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: #1f9b7d;
  color: #fff;
}

/*======== blog サイドメニュー ========*/

/* ブログサイト内検索 */
.cmshtml #contents .rdBlogSearch .rdBlogSearch-btn {
  background-color: #34ba9a;
}
.cmshtml #contents .rdBlogSearch .rdBlogSearch-btn:hover {
  background-color: #1f9b7d;
}
/* ブログカレンダー */
.cmshtml #contents .rdCalendar .rdCalendarTable-link {
  background: #34ba9a;
}
.cmshtml #contents .rdCalendar .rdCalendarTable-link:hover {
  background: #1f9b7d;
}
/* ブログ月別アーカイブ */
.cmshtml #contents .rdMonthlyArchive .rdMonthlyArchive-item:before {
  border: 2px solid #34ba9a;
}
/* ブログ年別アーカイブ */
.cmshtml #contents .rdYearlyArchive-item .rdYearlyArchive-link {
  background: #34ba9a;
  color: #fff;
}
.cmshtml #contents .rdYearlyArchive-item .rdYearlyArchive-link:hover {
  background: #1f9b7d;
  color: #fff;
}
/* ブログカテゴリー一覧 */
.cmshtml #contents .rdCategorylist .rdCategorylist-link:after {
  border-color: transparent transparent transparent #34ba9a;
}
.cmshtml #contents .rdCategorylist .rdCategorylist-link:hover {
  background: #fff;
  color: #34ba9a;
}
/* ブログタグ一覧 */
.cmshtml #contents .rdTaglist .rdTaglist-link,
.cmshtml #contents .rdTaglist .rdTaglist-link:after,
.cmshtml #contents .rdTaglist .rdTaglist-link:before {
  background: #34ba9a;
  color: #fff;
}
.cmshtml #contents .rdTaglist .rdTaglist-link:hover,
.cmshtml #contents .rdTaglist .rdTaglist-link:hover:after,
.cmshtml #contents .rdTaglist .rdTaglist-link:hover:before {
  background: #1f9b7d;
  color: #fff;
}

/*===========================================================
userBlock
===========================================================*/

/*======== リンクボタン ========*/
.cmshtml .link_btn a {
  border: 1px solid #34ba9a;
  color: #34ba9a;
}
.cmshtml .link_btn a:hover {
  background: #34ba9a;
  color: #fff;
}
.cmshtml .link_btn02 {
  color: #34ba9a;
}
.cmshtml .link_btn02 a {
  background: #fff;
  border: #34ba9a 1px solid;
  color: #34ba9a;
}
.cmshtml .link_btn02 a:hover {
  background: #34ba9a;
  color: #fff;
}

/*======== h2 - h6 ========*/
.cmshtml .rdplanetitle h2 {
  border-top: 1px solid #34ba9a;
  border-bottom: 3px solid #34ba9a;
  color: #34ba9a;
}
.cmshtml .rdplanetitle h3 {
  border-bottom: 1px solid #ededed;
  color: #888;
}
.cmshtml .rdplanetitle h3:after {
  background-color: #888;
}
.cmshtml .rdplanetitle h4 {
  color: #888;
}
.cmshtml .rdplanetitle h4:before {
  background-color: #888;
}
.cmshtml .rdplanetitle h5 {
  border-left: 4px solid #888;
  border-bottom: 1px solid #ccc;
  color: #888;
}
.cmshtml .rdplanetitle h6 {
  background: #34ba9a;
  color: #fff;
}
.cmshtml .rdplanetitle h6 a {
  color: #fff;
}

/*======== mark_btn ========*/
.cmshtml .mark_btn {
  background: #ededed;
  border-left: 20px solid #34ba9a;
}
.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 #34ba9a;
  color: #34ba9a;
}
.cmshtml .mark_btn .link_btn01 a:hover {
  background: #34ba9a;
  color: #fff;
}

/*======== faq ========*/
.cmshtml .qa_q:before {
  background: #34ba9a;
}
.cmshtml .qa_a:before {
  background: #888;
}

/*======== stepbox ========*/
.cmshtml .step_div {
  background: #fff;
  border: 1px solid #34ba9a;
}
.cmshtml .step_div > div + div {
  border-left: 1px solid #34ba9a;
}
.cmshtml .step_num {
  background: #34ba9a;
}
.cmshtml .stepbox > div:not(:last-child) .step_num:after {
  border: 30px solid transparent;
  border-top: 20px solid #34ba9a;
}
.cmshtml .stepbox > div.one_side.step_div:not(:last-child):after {
  border: 30px solid transparent;
  border-top: 20px solid #34ba9a;
}
@media screen and (max-width: 680px) {
  .cmshtml .step_div {
    border: 1px solid #34ba9a;
    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 #34ba9a;
  }
}

/*======== accordion ========*/
/* 見出し横 丸 */
.cmshtml .acco_box:before {
  border: 5px solid #34ba9a;
}
/* 見出し 文字色 */
.cmshtml .acco_tit {
  color: #34ba9a;
}
/* 見出し + ボタン */
.cmshtml .acco_tit:before, .cmshtml .acco_tit:after {
  background: #34ba9a;
}

/*======== carousel ========*/
.cmshtml .carousel-items .item .text-column {
  background: #333;
}