/* -----------------------------------
 サブページ - h1
----------------------------------- */
.s_head {
	position: relative;
	margin-bottom: 50px;
	padding-top: 100px;
  padding-bottom: 100px;
	padding-left: var(--side_padding);
	padding-right: var(--side_padding);
	background-position: center;
	background-size: cover;
	color: #fff;
	background-image: url(../image/about.jpg);
}
.s_head:before {
	background: rgba(0,0,0,0.3);
	content: '';
	height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 2;
}
.s_head .s_head_inner {
	position: relative;
  z-index: 3;
}
.s_head h1 > span,
.s_head_03 h1 > span {
  display: block;
}
.s_head h1 .en,
.s_head_03 h1 .en {
	font-size: 3rem;
  font-weight: 600;
}
.s_head h1 .jp,
.s_head_03 h1 .jp {
  font-size: 1.4rem;
}

/* サブページ大見出し2 */
.s_head_03 {
	position: relative;
	margin-top: var(--header_height);
	margin-bottom: 80px;
	padding-top: 30px;
	padding-left: var(--side_padding);
	padding-right: var(--side_padding);
	color: var(--general_color);
}
.s_head_03 .bread_con {
	color: var(--general_color);
}
.s_head_03 .bread_con > span,
.s_head_03 .bread_con>span a {
	color: var(--general_color);
}

/* シングルページ専用 */
.s_head_single {
  position: relative;
}
.s_head_single .info {
	margin-bottom: 15px;
}
.s_head_single .info .category {
  font-weight: 600;
  margin-right: 10px;
}
.s_head_single .info time {
  font-weight: 600;
}
.s_head_single h1 {
	font-size: 2rem;
  font-weight: 600;
}

/* -----------------------------------
 パンくずリスト
----------------------------------- */
.bread_con {
	font-size: 1rem;
  margin-top: 15px;
  color: #fff;
  font-weight: 600;
	position: absolute;
}
.bread_con>span,
.bread_con>span a {
	color: #fff;
}
.bread_con>span {
  position: relative;
}
.bread_con>span a {
	display: inline;
}

/* 背景なし見出し用 */
.bread_02 {
  color: var(--general_color);
	position: relative;
}
.bread_02 > span,
.bread_02 > span a {
	color: var(--general_color);
}

/* シングルページ用パンくずリスト */
.n_bread_con {
	margin-bottom: 50px;
	padding: 0;
	position: inherit;
	overflow: auto;
}
.n_bread_con>span,
.n_bread_con>span a {
	color: var(--general_color);
}
/* .n_bread_con > div > span {
  position: relative;
} */
.n_bread_con > div > span a {
	display: inline;
}

/* -----------------------------------
 下層ページ - 事業内容と特徴
----------------------------------- */
/* 特徴 */
.s_business_strength .img {
	margin-top: 30px;
	margin-bottom: 50px;
}
.s_business_strength .head {
	position: relative;
}
.s_business_strength .list > li:not(:last-child) {
	margin-bottom: 30px;
}
.s_business_strength .list .num {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  color: var(--line_gray_color);
  position: absolute;
  left: 0;
	z-index: -1;
}
.s_business_strength .list li {
	/* padding-bottom: 20px; */
}
.s_business_strength .list li h3 {
	font-size: 1.8rem;
	margin-bottom: 15px;
	padding: 12px 0 0 12px;
}
.s_business_strength .list li p {
	font-size: 1.3rem;
	font-weight: 600;
	margin-bottom: 20px;
}
.s_business_strength .list li img {
	height: 220px;
}

/* -----------------------------------
 下層ページ - 会社案内
----------------------------------- */
/* .s_about_greetings .ceo {
	font-weight: 600;
	margin-top: 10px;
} */

/* サブページリスト３ */
.s_list_03 {
	border-top: 1.5px solid var(--line_gray_color);
}
.s_list_03 > li {
  padding: 15px 5px;
  border-bottom: 1px solid var(--line_gray_color);
}
.s_list_03 dt {
	font-weight: 600;
}
.s_list_03 dl ul {
	list-style: disc;
	padding-left: 18px;
}
.s_list_03 > li > dl {
	display: flex;
}
.s_list_03 > li > dl > dt {
	width: 30%;
}
.s_list_03 > li > dl > dd {
	width: 70%;
}

.s_about_img ul li {
	height: 250px;
}
.s_about_img ul li:not(:last-child) {
	margin-bottom: 20px;
}
.s_about_img ul li img {
	height: 100%;
}


/* シングルページ */
.a_thumbnail {
	margin-bottom: 50px;
}
.a_content h2 {
	margin-top: 40px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	font-size: 1.8rem;
	border-bottom: 1px solid var(--corp_color);
	font-weight: 600;
}
.a_content h3 {
	font-weight: 600;
	font-size: 1.6rem;
	margin-top: 30px;
	margin-bottom: 20px;
	color: var(--corp_color);
}
.a_content p {
	margin-bottom: 15px;
}

/* ページ送り */
.pagenavi {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.pagenavi .page-numbers {
	font-size: 1.2rem;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	display: block;
	border: 1px solid var(--corp_color);
	color: var(--corp_color);
	border-radius: 50%;
	box-sizing: border-box;
	transition: .3s
}
.page-numbers:not(:last-child) {
	margin-right: 10px;
}
.pagenavi .current {
	color: #ffffff;
	background: var(--corp_color);
	border: none;
	font-weight: 600;
}
.page-numbers:hover {
	color: #fff;
	background: var(--corp_color);
}

/****************************** 600px ******************************/
@media (min-width: 600px){

	/* シングルページ用見出し */
	.s_head {
		/* height: 300px; */
		padding-top: 150px;
		padding-bottom: 150px;
	}
	.s_head h1 .en {
		font-size: 3.5rem;
	}

	/* シングルページ用見出し */
	.s_head_02 {
		padding: 120px 0px 80px;
	}

	/* サブページリスト３ */
	.s_list_03 > li {
		padding: 20px 5px;
	}
	.s_list_03 > li > dl {
		display: flex;
	}
	.s_list_03 > li > dl > dt {
		width: 30%;
	}
	.s_list_03 > li > dl > dd {
		width: 70%;
	}

}

/****************************** 800px ******************************/
@media (min-width: 800px){

	/* シングルページ用見出し */
	.s_head_02 {
    padding: 150px 0px 100px;
	}

	/* ページ送り */
	.pagenavi .page-numbers {
		font-size: 1.4rem;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

}

/****************************** 1025px ******************************/
@media (min-width: 1025px){

	/* -----------------------------------
	 共通アイテム
	----------------------------------- */
	/* サブページリスト３ */
	.s_list_03 > li {
		padding: 30px 15px;
	}

	/* -----------------------------------
	 サブページ - h1
	----------------------------------- */
	.s_head {
		margin-bottom: 80px;
		padding-top: 200px;
		padding-bottom: 200px;
	}
	.s_head h1 .en,
	.s_head_03 h1 .en {
		font-size: 4rem;
	}
	.s_head h1 .jp,
	.s_head_03 h1 .jp {
	  font-size: 1.6rem;
	}
	.s_head_03 {
    margin-bottom: 120px;
    padding-top: 40px;
	}

	/* シングルページ用見出し */
	.s_head_single h1 {
    font-size: 2.8rem;
	}

	/* パンくずリスト */
	.bread_con {
		font-size: 1.3rem;
		margin-top: 30px;
	}

	/* -----------------------------------
	 下層ページ - 会社案内
	----------------------------------- */
	.s_about_greetings {
		text-align: center;
	}
	.s_about_greetings p {
		line-height: 40px;
	}

	/* -----------------------------------
	 下層ページ - 事業内容と特徴
	----------------------------------- */
	/* 特徴 */
	.s_business_strength .img {
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.s_business_strength .list > li {
		padding-top: 40px;
		padding-bottom: 40px;
		justify-content: space-between;
	}
	.s_business_strength .list .num {
		font-size: 4.5rem;
    /* top: 25px; */
	}
	.s_business_strength .list li {
		display: flex;
		justify-content: space-between;
	}
	.s_business_strength .list .even img {
		order: 2;
	}
	.s_business_strength .list li .text {
		width: 48%;
		order: 1;
	}
	.s_business_strength .list li h3 {
		font-size: 2.6rem;
	}
	.s_business_strength .list li p {
		font-size: 1.6rem;
		margin-bottom: 0px;
	}
	.s_business_strength .list li img {
		width: 48%;
		height: 350px;
		order: 0;
	}

	.s_about_img ul {
		display: flex;
		justify-content: space-between;
	}
	.s_about_img ul li {
		width: 48%;
		height: 400px;
	}
	.s_about_img ul li:not(:last-child) {
		margin-bottom: 0px;
	}


}

/****************************** 1400px ******************************/
@media (min-width: 1400px){

	/* -----------------------------------
	 サブページ - h1
	----------------------------------- */
	/* サブページ見出し */
	.s_head {
		margin-bottom: 100px;
	}
	.s_head h1>span:first-child {
    font-size: 4.4rem;
  }

	/* シングルページ用見出し */
	.s_head_single h1 {
		font-size: 3.2rem;
	}

}