/* デザイナー用stylesheet */
/*** 同じセクションが複数設置される場合はclassが変わりますのでコーダーにご相談ください！！ ***/
/* フッター背景設定 */
/*#footer{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/
/* フッター背景と文字色（白文字）設定 */
*#footer{
	background-color: #606060;
	color: #fff;
}
.footer-company__map a{
	border: 1px solid rgb(255 255 255);
	color: #fff;
}
.p-footer-bar--type2{
	background: #606060;
}
.sns_button_list.color_type2 li.insta a:before{
	color: #ffffff;
}
#footer .swiper li a{
	color: #fff;
}
.privacy_policy_sp a{
	color: #fff;
}
#footer_catch{
	color:#fff;
}
.privacy_policy_pc a{
	color: #fff;
}
@media screen and (min-width: 641px) {
	#footer_inner_right .swiper a:hover{
	        border-bottom: 1px solid #ffffff;
	}
}
.footer-company__map a:hover{
	background-color: rgba(0, 0, 0, 0.3);
}
.sns_button_list.color_type1 li a:before{
	color:#fff;
}

/* サービス一覧セクション背景設定 */
/*.cb_service_list{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/

/* セールスコンテンツセクション背景設定 */
/*.cb_selling_point{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
} */
.cb_selling_point.num2 .sp_content.num1{
	background:url(http://enjoyworks-seisaku.space/wp-content/uploads/bg_sec2.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.cb_selling_point.num2 .sp_content.num3{
	background:url(http://enjoyworks-seisaku.space/wp-content/uploads/bg_sec3.png) no-repeat;
	background-size:cover;
	background-position:center center;	
}
.sp_content .main_content .point{
	background: #fff;
	color:#000;
}
.sp_content .main_content .catch{
	font-size: 38px;
	font-family: var(--tcd-font-type2);
;
}
@media screen and (max-width: 820px) {
	.cb_selling_point.num2 .sp_content.num1{
		background-position:0% center;
	}
	.cb_selling_point.num2 .sp_content.num3{
		background-position:100% center;
	}
}
@media screen and (max-width: 800px) {
	.sp_content .main_content .catch{
	font-size: 22px;
	}
}
.design_button{
	border-radius: 0px;
}
.design_button:hover{
	color: #fff !important;
    border-color: #ad1221 !important;
	background:#ad1221;
}
@media screen and (max-width: 800px) {
    .sp_content .sub_content img {
	max-width: 100%;
	}
	.sp_content_wrap:not(.display_two_content) .sp_content_inner{
		padding-bottom: 30px!important;
	}
}
@media screen and (min-width: 1001px) {
	.sp_content_inner{
	 padding: 60px 0!important;
	}
}
@media screen and (max-width: 1000px){
	.sp_content_inner{
	 padding: 30px 20px 30px!important;
	}
}

@media screen and (max-width: 1000px){
	#cb_content_2 .design_header{
	margin: -10px auto 10px!important;
	}
}

/* セールスコンテンツの見出しの背景と文字色設定 */
#cb_content_2 {
	background-color: #606060;
}
#cb_content_2  .design_header .catch{
	padding: 5.5rem 0 0!important;
    color: #fff;
}
@media screen and (max-width: 800px) {
	#cb_content_2  .design_header .catch{
	padding: 4rem 0 0!important;
	}
}
.design_header .catch{
	letter-spacing: 0.2rem!important;
}
/* 事例一覧セクション背景設定 */
/*.cb_case_study_list{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
} */
.custom-cat-posts__title{
	font-family: var(--tcd-font-type2);
}
@media screen and (min-width: 1001px) {
	#content_builder .design_header{
	width: 960px;
		margin: 0px auto 55px;
	}
}
#cb_content_6{
	background-color:#606060;
}
#cb_content_6 .design_header .catch{
	color:#fff;
}
#cb_content_6 .design_header .desc p{
	color:#fff;
}
@media screen and (max-width: 1000px) {
	.cb_white_bg{
	padding: 80px 0!important;
	}
}
/* 投稿一覧セクション背景設定 */
/*.cb_blog_list{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
} */

/* 画像カルーセルセクション背景設定 */
.cb_design_carousel{
	background:url(http://enjoyworks-seisaku.space/wp-content/uploads/bg_sec1.png) no-repeat;
	background-size:cover;
	background-position:center center;
}
.cb_image_slider .image{
	border-radius: 0px;
}
/* お知らせ一覧セクション背景設定 */
/*.cb_news_list{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/

/* フリースペースセクション背景設定 */
/*.cb_free_space{
	background:url(画像のパス) no-repeat;
	background-size:cover;
	background-position:center center;
}*/
body .cb_free_space{
	padding-top: 5rem !important;
	    padding-bottom: 2.5rem!important;
}
@media screen and (max-width: 800px) {
	body .cb_free_space{
	padding-top: 3.5rem !important;
      padding-bottom: 2rem !important;
	}
}
#cb_content_3 {
  padding-top: 2rem!important; /* 好きな値に変更 */
	    padding-bottom: 6rem!important;
}
#cb_content_5 {
  padding-top: 1.5rem!important; /* 好きな値に変更 */
	    padding-bottom: 6rem!important;
}
@media screen and (max-width: 800px) {
	#cb_content_3 {
  padding-top: 1rem!important; /* 好きな値に変更 */
	    padding-bottom: 5rem!important;
}
	#cb_content_5 {
  padding-top: 1rem!important; /* 好きな値に変更 */
	    padding-bottom: 5rem!important;
}
}
#cb_content_13{
	padding-top: 2rem!important;
}
	#cb_content_8{
	padding: 3rem 0!important;
	}

/* フリースペースの画像バナー */
.image-wrapper {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.image-link {
  display: inline-block;
}

.image-link img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.3s ease;
}

.image-link:hover img {
  opacity: 0.8;
  transform: scale(1.03);
}

/* PCヘッダーのナビ背景色 */
#header_message{
	background: rgba(255, 255, 255, 0.9)!important;
	backdrop-filter: blur(3px);          /* 背景をぼかす */
  -webkit-backdrop-filter: blur(3px);  /* Safari対応 */
}
#header{
	background: rgba(255, 255, 255, 0.9);
		backdrop-filter: blur(3px);          /* 背景をぼかす */
  -webkit-backdrop-filter: blur(3px);  /* Safari対応 */
}
/* ヘッダー調整（枠をつける） */
@media screen and (min-width: 1201px) {
	.header-typea #header_message{
	        border-top: 1px solid #000;
	        border-left: 1px solid #000;
	}
	.head-mail-btn a{
		border-top: 1px solid #000;
	    border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
	#global_menu > ul > li > a{
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	    border-left: 1px solid #000;
	}
	.header-typea #global_menu > ul{
		border-right: 1px solid #000;
	}
	.header-typea #global_menu > ul > li{
		border-right:none;
	}
	body.open_header #header{
		box-shadow:none;
	}
}

/* メイン画像調整 */
@media screen and (max-width: 430px) {
	#header_slider_wrap{
		max-height: 730px;
	}
}
@media screen and (min-width: 431px) and (max-width: 800px) {
	#header_slider_wrap{
		max-height: 930px;
	}
}
@media screen and (min-width: 801px) and (max-width: 1200px) {
	#header_slider_wrap{
		max-height: 930px;
	}
}

#header_slider_content .link_button a{
	background: #ad1221;
	border-radius:0px;
}
#header_slider_content .link_button a:hover{
	background: #fdfdfd;
	color:#ad1221;
}

/* ハンバーガー展開時調整 */
@media screen and (max-width: 1250px){
	#drawer_menu{
		background: #606060;
	}
}

/* キャッチコピー調整（タイプライター） */
@media screen and (min-width: 431px) and (max-width: 800px) {
#header_slider_content .catch {
		        font-size: 36px!important;
	}
}

/* スプラッシュロゴ：スマホ中央配置 */
#site_loader_overlay #loader_logo_image img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* チャッピー作成2カラム */
.grid-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 横2列 */
  gap: 40px; /* ブロック間の余白 */
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 20px 20px;
}

.grid-item {
  background: rgba(255, 255, 255, 1); 
  border-radius: 0px;
/*  padding: 2rem 1.5rem;*/
  padding: 0 0 2.5rem;
  text-align: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/*.grid-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);
}*/

.grid-item img {
  width: 100%;
  height: auto;
  border-radius: 0px;
  margin-bottom: 15px;
}

.grid-item h3 {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin-bottom: 10px!important;
  color: #111;
	font-size: 155%;
	margin: 0.5em 0 0.6em;
	padding: 0 1.5rem;
}

.grid-item p {
  font-family: var(--tcd-font-type1);
  font-weight: 500;
  color: #111;
  line-height: 1.6;
	padding: 0 1.5rem;
	text-align: left;
	    font-size: 105%;
}
.sec3-text-css{
	padding:0 1.5rem;
	line-height:1.6;
	text-align: left;
	font-size: 105%;
}

/* レスポンシブ対応 */
@media (max-width: 767px) {
  .grid-section {
    grid-template-columns: 1fr; /* スマホは縦1列 */
  }
}

.grid-section .grid-item img + p:empty {
  display: none;
}
/* チャッピー作成2カラムここまで */

/* チャッピー作成斜め線のあるセクション */
#cb_content_7 .design_header .catch{
	color:#fff;
	margin-top: 1.5rem;
	margin-bottom: 1rem!important;
}

#cb_content_7{
		background:url(http://enjoyworks-seisaku.space/wp-content/uploads/bg_sec6.png) no-repeat!important;
	background-size:cover!important;
	background-position:center center!important;	
}

.split-section {
/*  background: #606060;*/
  color: #fff;
  padding: 1rem 0px 6rem;
}

.split-section .split-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

/* テキスト */
.left-title {
  font-size: 32px;
  margin-bottom: 20px;
}

.left-text {
  font-size: 18px;
}

.main-title {
  font-size: 40px!important;
  margin-bottom: 15px!important;
	font-family:"Noto Serif JP", sans-serif;
	    letter-spacing: 0.05em;
}

.sub-title {
  font-size: 20px;
  margin-bottom: 1.5em!important;
  opacity: 1;
	letter-spacing: 0.1em;
}

/* ボタン */
.btn {
  display: inline-block;
  padding: 19px 40px 23px;
  border: 1px solid #fff;
  border-radius: 0px;
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
}

.btn:hover {
  background: #ad1221;
  border: 1px solid #ad1221;
}

#cb_content_7 .post_content a, .post_content a:hover, .widget_block a, .textwidget a, #no_post a, #page_404_header .desc a, #no_search_result a{
	color: #fff;
}
#cb_content_7 .post_content a:hover{
	text-decoration: none;
}

/* 左右カラム */
.left,
.right {
  width: 45%;
}

/* 右側中央揃え */
.right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* ===== PC用 中央斜め線 ===== */
.split-section .split-container::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 56%;
  width: 2px;
  height: 240px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(20deg);
  opacity: 0.5;
}

/* =========================
   📱 レスポンシブ
========================= */
@media screen and (max-width: 1200px) {
	.left-text {
  font-size: 16px;
}
}

@media (max-width: 768px) {
	#cb_content_7 .design_header{
	margin: -5px 0 5px;
}
	
  .split-section .split-container {
    flex-direction: column;
  }

  .left,
  .right {
    width: 95%;
  }
	
	.left-text {
  font-size: 16px;
}

.split-section {
  padding: 0 0 4.5rem;
}
	
  /* PC用の線を消す */
 .split-section .split-container::before {
    display: none;
  }

  /* 上ブロックの下に区切り線を追加 */
  .left {
    position: relative;
    padding-bottom: 60px;
    margin-bottom: 60px;
  }

  .left::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 90%;
    height: 2px;
    background: #fff;
    transform: translateX(-50%) rotate(-10deg);
    opacity: 0.5;
  }

  .main-title {
    font-size: 40px;
  }
}

/* チャッピー作成斜め線のあるセクションここまで */

/* クイックタグのボタン・デザインボタン調整 */
	.design_button{
		font-size:16px;
	}
@media (max-width: 800px) {
    .q_custom_button {
		max-height: 60px;
	}
	.design_button{
		padding: 0.3em 1.5em;
	}
}

/* 下層：ヘッド画像調整 */
#page_header .bg_image img{
	object-position: center 35%;
}