/*ヘッダー始まり*/
header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	background-color: white;
	position: sticky;/*ヘッダー固定*/
	top: 0;/*ヘッダー固定*/
	z-index: 1;/*ヘッダー固定　手前に表示させる*/
}

.header04-logo {
  width: 30vw;/*ヘッダー画像の幅*/
  height: auto;/*ヘッダー画像の高さを自動調整する*/
	margin: auto;/*ヘッダー画像を中央配置*/
	display: block;
}

header ul {
  display: flex;/*横並びにする*/
  justify-content: space-evenly;/*各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
	background: #AAAAAA;/*ヘッダー文字の背景色*/
	padding-top: 1em;/*ヘッダー文字の上の空間領域幅*/
	padding-bottom: 0.7em;/*ヘッダー文字の下の空間領域幅*/
}

header li {
	display: inline;/*ヘッダー文字の点を消す*/
}

header li a {
	color: #fff;/*ヘッダー文字の色*/
	text-decoration: none;/*下線を消す*/
	font-size: 1.5rem;/*文字の大きさ*/
}
/*ヘッダー終わり*/

/*記事共通始まり*/
body {
  font-family: "Sawarabi Gothic";/*フォント指定*/
	font-size: 150%;
}
/*記事共通終わり*/

/*h1下線装飾初め*/
h1 {
  border-bottom: solid 3px #FF6600;
  position: relative;
	text-align: center;
	padding-top: 6em;
}

h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #AAAAAA;
  bottom: -3px;
  width: 30%;
}
/*h1下線装飾終わり*/

/*h2下線装飾初め*/
h2 {
	position: relative;
  display: inline-block;
  padding: 1em 3em;
}
h2::before, h2::after {
  position: absolute;
  content: '';
  top: calc(50% - 1px);
  width: 2em;
  height: 2px;
  background-color: #DA5019;
}
h2::before {
  left:0;
}
h2::after {
  right: 0;
}
/*h2下線装飾終わり*/

p {
	line-height: 3;/*行間*/
}
.image_top {
	width: 50vw;
	display: flex;
	margin: 6% auto;
}
.image_top_fadein {
	animation-name:fadeInAnime;
	animation-duration:5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/*Sマーク始まり*/
.veriry_S_mark {
	width: 5vw;
	display: flex;
	margin: 5% auto 0 auto;
}
/*Sマーク終わり*/

/*事務所理念始まり*/
.jimusyorinen-title {
 text-align: center;/*中央配置*/
 }
.jimusyorinen-kiji {
	display: inline-block;/*ブロック要素にする*/
  text-align: left;
}
.jimusyorinen-toplogo {
  width: 20vw;/*画像の幅*/
  height: auto;/*画像の高さを自動調整する*/
	padding-top: 1%;/*画像の上の空間領域幅*/
	margin: auto;/*ヘッダー画像を中央配置*/
	display: block;
}
/*事務所理念終わり*/

/*経営方針始まり*/
.keieihousin-title {
 text-align: center;/*中央配置*/
 }
.keieihousin-kiji {
	display: inline-block;/*ブロック要素にする*/
  text-align: left;
}
dt {
	background-image: linear-gradient(transparent 60%, pink 20%);/*マーカー線*/
  width: 300px;/*マーカー線の長さ*/
  font-size: 120%;
}
dd {
 line-height: 3;/*行間*/
 padding-bottom: 2.5em; /*dd下の余白*/
}
/*経営方針終わり*/

/*業務内容始まり*/
.gyoumunaiyou {
 text-align: center;/*中央配置*/
}
.gyoumunaiyou-title {
  text-align: center;/*中央配置*/
 }
.gyoumunaiyou-kiji {
	display: inline-block;/*ブロック要素にする*/
  text-align: left;
}
/*業務内容終わり*/

/*料金表始まり*/
.ryoukinhyou {
 text-align: center;/*中央配置*/
 }
.ryoukinhyou-hyou {
 margin:auto;/*表の中央配置*/
}
/*料金表終わり*/

/*個人の料金表始まり*/
th {
 padding: 2em;/*余白指定*/
}
td {
 padding: 10px;/*余白指定*/
 text-align: left;/*文字を左寄せ*/
}
/*個人の料金表終わり*/

/*代表者経歴始まり*/
.daihyousyakeireki-001 {
	display: flex;;/*ブロック要素にする*/
  justify-content: center;
}
.daihyousyasyashin {
	width: 20vw;
	height: 16vw;
	box-shadow: 10px 10px 5px #bbbbbb;/*写真の影*/
	margin: 5%;
}

.daihyousyakeireki-002 {
	display: inline-block;
  text-align: left;
}
/*代表者経歴終わり*/

/*お問い合わせ先始まり*/
.otoiawase_shimarisu01 {
	text-align: center;
}
.otoiawase_shimarisu {
  width: 35vw;
	height: auto;
	margin-top: 5%
  }
/*お問い合わせ先終わり*/

/*フッター始まり*/
footer {
  background: #AAAAAA;/*フッター文字の背景色*/
  padding-top: 1em;/*上側の余白*/
	margin-top: 15%;
}
.footer01 {
	display: flex;
	justify-content: center; /*子要素を中央揃え*/
	position: relative;/*子要素を中央揃え*/
}
.footer_shimarisu {
  width: 7vw;
	position: absolute;/* 右寄せ */
	right: 0; /* 右寄せ */
}
.address {
	text-align: left;
}
.copyright {
	display: flex;
	justify-content: center;
	padding: 60px 0 20px 0;
}
/*フッター終わり*/