/*
 Theme Name: Arkhe Child
 Template: arkhe
*/

.l-container .has-text>.c-headLogo {
	font-size: 1.8rem;
}

@media (max-width: 767px) {
.l-container .has-text>.c-headLogo  {
		font-size: 1.3rem;
	}
}

/* 見出しのフォントサイズなど */
/*h1はページタイトルでしか使わないので設定しない*/

h2 {
  font-size: 1.75rem;
  line-height: 1.8;
  font-weight: 600;
}

h3 {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
}

h4 {
  font-size: 1.2rem;
  line-height: 1.45;
}

p {
  font-size: 1rem;
  line-height: 1.8;
  font-weight: 400;
}


/* スマホ */
@media (max-width: 767px) {

.c-pageTitle__main {
    font-size: 1.5rem;
    line-height: 1.3;
  }

  h2 {
    font-size: 1.3rem;
    line-height: 1.6;
  }

  h3 {
    font-size: 1.2rem;
    line-height: 1.5;
  }

  h4 {
    font-size: 1.1rem;
    line-height: 1.5;
  }

  p {
    font-size: 1rem;
    line-height: 1.8;
  }

}

/*基本レスポンシブ*/
/* PC / スマホ表示切り替え */
/* 基本：PC用を表示、SP用を非表示 */
.pc-only {
  display: block;
}

.sp-only {
  display: none;
}

/* スマホ */
@media (max-width: 767px) {

  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }

}

/* 編集画面ではPC・SPどちらも表示 */
/* WordPress管理画面のブロックエディター */
.editor-styles-wrapper .pc-only,
.editor-styles-wrapper .sp-only {
  display: block;
}

/*画像が大きくてもはみ出さない*/
img {
  max-width: 100%;
  height: auto;
}

/*URLや長い英数字がスマホで横にはみ出すのを防ぐ*/
body {
  overflow-wrap: break-word;
}

/*ページタイトルのタイトル幅を狭く*/
.p-topArea {
	min-height :18vh;
}
.l-content__top{
	padding-top :15px;
	padding-bottom :15px;
}
/*サイドバーの幅を狭く*/
:root {
	--ark-width--sidebar: 280px;
}

/*ページタイトルの文字色と背景*/
#top_title_area {
	background-color: #eef5f0;
}
#top_title_area .c-pageTitle__main {
	color: #46524f;
}