@charset "utf-8";
/* CSS Document */
/*
Theme Name:cp-strategy_wp_202304_001 Child
Template:cp-strategy_wp_202304_001
Version:1.9
*/


body {
background: #f6f7f8;
padding-top: 70px;
padding-top: 100px!important;
}
@media screen and (max-width: 750px) {
body {
padding-top: 70px!important;
}
}

/*headerの背景色を無効化*/

#header {
top:30px;
height: 70px;
background:initial;
backdrop-filter: blur(20.5px);
-webkit-backdrop-filter: blur(20.5px);
background-color: rgba(246,247,248,0.65) !important;
}

@media screen and (max-width: 750px) {
#header {
top:0px;
}
}

#header_message {
min-height: 30px;
text-align: center;
font-size: 12px;
font-weight:400;
padding: 5px 10px !important;
}

/*グローバルナビゲーションの高さを指定*/
#global_menu {
height: 70px;
}
#global_menu > ul > li > a {
height: 70px;
line-height: 70px;
}
#global_menu ul ul {
top: 70px;
}
#header_search {
height: 70px;
}
#header_search_button{
top: 13px;
}
#header_search form{
top: 13px;
}

/*ドロワーメニューボタンのデザイン*/

#drawer_menu_button span:nth-child(1) {
  top: 23px!important;
}
#drawer_menu_button span:nth-child(2) {
  top: 30px!important;
}
#drawer_menu_button span:nth-child(3) {
  top: 37px!important;
}
#drawer_menu_button span {
  left: 12px!important;
}
#drawer_menu_button span {
  width: 30px!important;
  height: 1px!important;
}
@media screen and (max-width: 1024px) {
  #header {
    border-bottom: 0px solid #ddd!important;
  }
}


#news_archive_bg_image {
height: calc(100% - 100px);
top: 100px!important;
}
#news_archive_overlay {
height: calc(100% - 100px);
top: 100px!important;
}

#container {
border-top: 0px solid #ddd!important;
}

@media screen and (max-width: 1024px) {
  #container {
    margin: -10px 0;
  }
}


/*WORKS個別記事ページイメージ非表示化*/
#single_post_image {
display: none;
}
/*WORKS個別記事ページパンくずリスト高さ調整*/
#bread_crumb ul {
height: 60px!important;
line-height: 60px!important;
}
/*WORKS個別記事ページパンくずリストの上のボーダー指定*/
#container {
height: 100%;
border-top: 1px solid #ddd;
}
/*上記の代わりに削除*/
body.page #bread_crumb {
border-top: none;
}

/*WORKS個別記事ページ最大幅設定・その他マージン・パディングなど*/
#main_contents {
  max-width: 1280px;
  margin: 0px auto 0px;
  padding: 60px 120px 80px;
}
#related_post {
  position: relative;
  padding: 0px 0px 90px;
  border-bottom: 0px solid #ddd;
  margin-bottom: 0px;
}



/*WORKS個別記事ページ日付表示*/
#single_post_title .date {
  display: none;
}

#single_post_title {
  width: 100%;
}

#single_post_title .title {
  font-size: 40px;
}

#main_col {
width: 1280px;
max-width: 1280px;
}

#news_list .date {
  display: none;
}

#news_list .title {
  font-size: 24px!important;
}
#news_list .item a:hover{
  color: #ccb000;
}

/*トップページのメインビジュアルのテキストを左寄せに*/
.cb_image_slider .caption {
  text-align: inherit;
}


/*トップページのtableデザイン*/
.post_content td, .post_content th {
  border: 1px solid #aaa!important;
  padding: 10px 10px;
  line-height: 1.7;
  background: initial;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
tr:nth-child(2n+1) {
 background: #efefef;
}
.cb_free_space {
  height: 100%;
  width: auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  z-index: 3;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


/*コラム一覧ページ*/
.post_content ol {
  margin-left: 3.5em;
}


.post_content h2 {
  line-height: 1.7em !important;
  text-align: inherit!important;
}


/*お問い合わせフォーム送信後のサンクスページ*/
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
  background: #444;
  border-radius: 7px;
  border: 0px solid #000;
}

div.wpforms-container-full .wpforms-confirmation-container-full p:last-child, div[submit-success] > .wpforms-confirmation-container-full p:last-child {
  color: antiquewhite;
  margin: 1em 2em;
}


/*responsive.css　237行目　トップページのキャッチフレーズ説明下のボタンの見た目*/
@media screen and (max-width:750px) {
  .cb_image_slider .bg_image.pc { display:none; }
  .cb_image_slider .bg_image.mobile { display:block; }
  .cb_image_slider .desc_area p { padding:0 40px; }
  .slider_design_button {
  max-height:50px;
  font-size:14px;
  min-width:inherit !important;
  width:auto !important;
  line-height: normal !important;
  padding: 25px 15px;
  }
	.cb_image_slider .slick-dots li { width:10px; height:10px; margin:0 6px; font-size:10px; }
  .cb_image_slider .slick-dots button { width:10px; height:10px; }
  .cb_image_slider .slick-dots button::before { width:10px; height:10px; line-height:10px; }
	.no_news_ticker .slick-dots { bottom:30px; }
}



/*responsive.css　217行目　トップページのキャッチフレーズ説明文の見た目*/
@media screen and (max-width:750px) {
.cb_image_slider .caption {
  padding: 0 28px!important;
}
}
@media screen and (min-width:1024px) {
.cb_image_slider .caption .animate_item p {
  max-width: 85%;
}
}

/*テーブル幅の自動均等（table-layout fixed）だとスマホレイアウトで表示崩れが起こるため、対策*/

.post_content table {
  display: block;
}


/*NEWS & BLOGのアーカイブ表示のサムネの上部マージン調整*/

#blog_list .item .content {
    height: 100%;
    padding-top: 13%;
}

#blog_list .top_content {
    padding: 60px 30px 30px;
}

#blog_list .category {
    font-size: 13px;
    font-family: noto sans jp;
    /*border: 2px solid #000;*/
    border-radius: inherit; 
    text-align: center;
    height: auto;
    line-height: 27px;
    min-width: 100px;
}

/*メガメニューの背景色*/

.megamenu_b {
  background: rgba(255,255,255,0.9);
}

/*メガメニューの上部マージン*/
.megamenu {
  margin: -30px;
}

/*メガメニューのカテゴリー表示デザイン*/
.megamenu_b .category {
  font-size: 13px;
  border-radius: inherit;
  height: auto;
  line-height: 1.5rem;
  font-family: noto sans jp;
}
/*記事ページのカテゴリー表示デザイン*/
#single_post_title .category {
  font-size: 13px;
  border-radius: inherit;
  height: auto;
  line-height: 1.5rem;
  font-family: noto sans jp;
}

.cb_image_slider.num2 .item1 .slider_design_button {
  min-width: 130px!important;
  height: 40px!important;
  line-height: 40px!important;
}
.cb_image_slider.num2 .item2 .slider_design_button {
  min-width: 130px!important;
  height: 40px!important;
  line-height: 40px!important;
}