/*
Theme Name: つなげる南（コンサルティング事業）
Theme URI:  https://az-create.co.jp/
Author:     WPServeur
Author URI: https://az-create.co.jp/
Template:   swell
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* **************************************************************　　　全体　　　*********************************************************** */

/* font-weight(フォントの太さ) */
.fw-700 {
	font-weight: 700;
}
/* inline-block(要素の幅に合わせる) */
.d-inline-b {
	display: inline-block;
}

.w-beforeFooter {
    margin: 0em auto 0em;
}

.l-content {
    margin: 0 auto 0em;
}

/************************************************************ 　　固定フッター　　*********************************************************** */
/* 元フッター非表示 */
#footer {
	display: none;
}
[data-partsid="361"] .wp-block-group.is-row  {
	justify-content: space-between;
	gap: 50px;
}
[data-partsid="361"] .swell-block-linkList__link {
	margin-bottom: 15px;
}
/* フッター丸み */
#before_footer_widget {
	border-radius: 0px 0px 0 0;
}


/************************************************************ 　　グローバルメニュー　　*********************************************************** */

/* Header  inner */
#header .l-header__inner{
	min-height:90px;
	
}

/* Small nav title */
#gnav a .c-smallNavTitle{
	
}

/* 960px and larger screen sizes */
@media (min-width:960px){

	/* Small nav title */
	#gnav a .c-smallNavTitle{
		top:10px;
	}
	
}

/* スクロール時 */
#fix_header .l-fixHeader__inner{
	min-height:84px;
	transform:translatex(0px) translatey(0px);
}

/* Small nav title */
.l-fixHeader__gnav a .c-smallNavTitle{
	
}

/* 960px and larger screen sizes */
@media (min-width:960px){

	/* Small nav title */
	.l-fixHeader__gnav a .c-smallNavTitle{
		top:10px;
	}
	
}

/************************************************************ 　　装飾　　*********************************************************** */

/* Image 117 */
#body_wrap .l-article .wp-image-117{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

/* Image 118 */
#body_wrap .l-article .wp-image-118{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

/* Image 119 */
#body_wrap .l-article .wp-image-119{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

/* Image 120 */
#body_wrap .l-article .wp-image-120{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

/* Image 121 */
#body_wrap .l-article .wp-image-121{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

/* Image 122 */
#body_wrap .l-article .wp-image-122{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
}

/* サポート内容一覧 */
.my-rich-column .wp-block-cover__background {
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	border-style:solid;
	border-width:1px;
	border-color:#34495e;
}

/* メインビジュアルPC版 ボタン */
.button-12 a {
  font-size: 15px;
  letter-spacing: 0.1em;
  color: #fff;
  font-weight: 750;
  border-radius: 999px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  line-height: 1.2;
  box-sizing: border-box;
  width: 170px;
  height: 170px;
  padding: 20px;
  margin: 16px;
  margin-inline: auto;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  border: solid 2px transparent; /* 後で色を上書き */
}

/* ▼ 青ボタン */
.button-12.blue a {
  background: linear-gradient(180deg, #0D47A1 0%, #1976D2 100%);
  border-color: #FDFDFD;
}

/* ▼ 緑（LINEカラー）ボタン */
.button-12.green a {
  background: linear-gradient(180deg, #0A8A3A 0%, #06C755 100%);
  border-color: #FDFDFD;
}

/* ▼ 赤ボタン */
.button-12.red a {
  background: linear-gradient(180deg, #B3261E 0%, #E74C3C 100%);
  border-color: #FDFDFD;
}

/* ▼ ホバー時：背景を白、文字と枠を元の色に */
.button-12 a:hover {
 background: #fff;
  color: inherit; /* 文字色をクラスごとに継ぐ */
}

/* ▼ 色ごとのホバー時の文字色（白→元の色へ） */
.button-12.blue a:hover { color: #007bff; }
.button-12.green a:hover { color: #06c755; }
.button-12.red a:hover { color: #e74c3c; }

/* =========================
   PC（幅1200px〜）
========================= */
@media screen and (min-width:1200px) {
  .button-12 a {
    width: 170px;
    height: 170px;
    font-size: 20px;
    padding: 20px;
  }
}

/* PCのみ反映 */
@media screen and (min-width:1025px) {
  .c-filterLayer .u-ta-c .post_content{
    left:-85px;
    top:200px;
  }
}

/* メインビジュアルボタン 782px and smaller screen sizes */
@media (max-width:782px){

	/* Swell block columns  inner */
	.u-ta-c .swell-block-columns .swell-block-columns__inner{
		position:relative;
		left:0px;
		top:90px;
	}
	
}

/* メインビジュアルボタン 599px and smaller screen sizes */
@media (max-width:599px){

	/* Swell block columns  inner */
	#body_wrap #main_visual .p-mainVisual__inner .c-filterLayer .u-ta-c .post_content .swell-block-columns .swell-block-columns__inner{
		left:0px !important;
		top:80px; !important;
	}
	
}

/* メインビジュアルSP ボタン装飾 */

/* ボタン本体 */
.wp-block-button__link {
  border: 1px solid currentColor !important; /* 枠線1pxに統一 */
  transition: all 0.25s ease;
  opacity: 1;
}

/* ホバーで色を少し薄くする */
.wp-block-button__link:hover {
  opacity: 0.8;
}

/*SP版メニューの内容を消す*/
.p-spMenu__nav{
	display:none;
}
/*SP版メニューのタイトルを消す*/
.c-widget__title.-spmenu{
  display:none;
}