/* ======================================
   section
====================================== */
#pageBody > #introduction {
	max-width : 100%;
	margin : 0;
	padding : 40px 0 40px;
}

#pageBody > #features {
	max-width : 100%;
	margin : 0;
	background-color : #f0f0f0;
}

#pageBody > #merit {
	max-width : 100%;
	margin : 0 auto;
	padding : 60px 0 90px;
}

#pageBody > #case {
	max-width : 100%;
	margin : 0;
	background-color : #f0f0f0;
}

/* ======================================
	 introduction
  ====================================== */
#introduction > .inner {
	display : flex;
	justify-content : space-between;
	align-items : center;
	max-width : 1200px;
	margin : 0 auto;
}

#introduction > .inner > div:first-of-type {
	flex-basis : 55.83333%;
	margin-right : 40px;
}

#introduction > .inner > div:first-of-type h2 {
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 3.75rem;
	margin-bottom : 30px;
	color : #fbcf49;
}

#introduction > .inner > div:first-of-type h2 span {
	display : block;
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.875rem;
	font-weight : 500;
	margin-top : 50px;
	color : #333333;
}

#introduction > .inner > div:first-of-type h3 {
	font-size : 1.125rem;
	font-weight : 700;
	margin-bottom : 10px;
}

#introduction > .inner > div:first-of-type p {
	font-size : 1rem;
}

#introduction > .inner > div img {
	max-width : 100%;
}

/* ======================================
	 features
  ====================================== */
#features > h3 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.875rem;
	font-weight : 500;
	width : 100%;
	padding : 50px;
	text-align : center;
	letter-spacing : 0.1em;
	color : #ffffff;
	background-color : #1684b2;
}

#features > h3 span {
	display : block;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1.25rem;
	font-weight : 400;
	margin-top : 15px;
	color : #fbcf49;
}

#features > .inner {
	max-width : 1200px;
	margin : 0 auto;
	padding : 50px 0 50px;
}

#features .features_column {
	display : flex;
	justify-content : space-between;
	align-items : center;
	padding : 50px 60px;
	background-color : #ffffff;
}

#features .features_column:nth-of-type(even) {
	flex-direction : row-reverse;
}

#features .features_column + .features_column {
	margin-top : 60px;
}

#features .features_item:first-of-type {
	flex-basis : 39.81481%;
}

#features .features_item:first-of-type img {
	max-width : 100%;
}

#features .features_item:nth-of-type(2) {
	flex-basis : 55.55556%;
}

#features .features_item h4 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.875rem;
	font-weight : 600;
	line-height : 1.45;
	margin-bottom : 40px;
	text-align : center;
}

#features .features_item h4 span {
	display : block;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-size : 1rem;
	font-weight : 400;
	margin-top : 10px;
	color : #fbcf49;
}

#features .features_item p {
	font-size : 1rem;
}

#features .features_item p:not(:last-child) {
	margin-bottom : 1em;
}
/* ======================================
	 merit
  ====================================== */
#merit > h3 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 2rem;
	font-weight : 600;
	margin-bottom : 60px;
	text-align : center;
	color : #334666;
}

#merit > h3 span:first-of-type {
	display : inline-block;
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 0.875rem;
	font-weight : 400;
	margin-bottom : 10px;
	padding : 8px 12px;
	background-color : #fbcf49;
}

#merit .merit-wrapper {
	position : relative;
}

#merit .merit-wrapper > .bg {
	position : absolute;
	top : 50%;
	right : 6.77083vw;
	width : 19.79167vw;
	height : 23.4375vw;
	transform : translateY(-50%);
	background : url(/wp/wp-content/themes/tenshokusekkei/feature/img/img_feature_05.jpg)
	no-repeat top center/cover;
}

#merit .merit-wrapper > .inner {
	position : relative;
	max-width : 1200px;
	margin : 0 auto;
}

#merit .merit-wrapper > .inner > div {
	width : 75.83333%;
	background-color : #ffffff;
}

#merit .merit-wrapper > .inner h4 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.5rem;
	font-weight : 600;
	line-height : 1.75;
	margin-bottom : 15px;
}

#merit .merit-wrapper > .inner p {
	font-size : 1rem;
	margin-bottom : 30px;
}

#merit .merit-wrapper > .inner .text {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.5rem;
	font-weight : 600;
	line-height : 1.75;
	color : #1684b2;
}

/* ======================================
	 case
  ====================================== */
#case > .inner {
	max-width : 1200px;
	margin : 0 auto;
	padding : 100px 0 140px;
}

#case > .inner h3 {
	font-family : "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans",
	"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", sans-serif;
	font-size : 1.5rem;
	font-weight : 600;
	margin-bottom : 15px;
	color : #1684b2;
}

#case > .inner p {
	font-size : 1rem;
	margin-bottom : 35px;
}

#case > .inner ul {
	display : flex;
	flex-wrap : wrap;
	margin : 0 -8px;
}

#case > .inner ul > li {
	flex-basis : 33.3333%;
	max-width : 33.3333%;
	padding : 0 8px;
}

#case > .inner ul > li:nth-of-type(n + 4) {
	margin-top : 16px;
}

#case > .inner ul > li > div {
	height : 100%;
	padding : 45px 25px;
	background-color : #ffffff;
}

#case > .inner ul > li > div h4 {
	font-family : "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho",
	"MS PMincho", serif;
	font-size : 1.5rem;
	font-weight : 600;
	margin-bottom : 45px;
	text-align : center;
	color : #1684b2;
}

#case > .inner ul > li > div h4 span {
	display : block;
	font-family : Futura, "Century Gothic", "Questrial", sans-serif;
	font-weight : 400;
	margin-bottom : 40px;
	letter-spacing : 0.05em;
	color : #fbcf49;
}

#case > .inner ul > li > div div {
	font-size : 1.125rem;
	font-weight : 600;
	line-height : 1.75;
	margin-bottom : 10px;
}

#case > .inner ul > li > div p {
	font-size : 1rem;
}

@media screen and (max-width: 767px) {
	#pageBody > #introduction {
		padding : 60px 0;
	}
	#pageBody > #merit {
		padding : 60px 0;
	}
	#introduction > .inner {
		flex-direction : column;
		padding : 0 20px;
	}
	#introduction > .inner > div:first-of-type {
		flex-basis : auto;
		margin : 0 0 40px;
	}
	#introduction > .inner > div:first-of-type h2 {
		font-size : 3.125rem;
	}
	#features > h3 {
		font-size : 1.625rem;
		padding : 40px 20px;
	}
	#features > .inner {
		padding : 60px 20px;
	}
	#features .features_column {
		padding : 40px 20px;
	}
	#features .features_column:nth-of-type(odd) {
		flex-direction : column-reverse;
	}
	#features .features_column:nth-of-type(even) {
		flex-direction : column-reverse;
	}
	#features .features_item:first-of-type {
		flex-basis : auto;
		margin-top : 40px;
	}
	#features .features_item:nth-of-type(2) {
		flex-basis : auto;
	}
	#features .features_item h4 {
		font-size : 1.5rem;
	}
	#merit > h3 {
		font-size : 1.75rem;
	}
	#merit .merit-wrapper {
		display : flex;
		flex-direction : column-reverse;
		align-items : center;
	}
	#merit .merit-wrapper > .bg {
		position : relative;
		top : auto;
		right : auto;
		width : 300px;
		height : 340px;
		margin-top : 40px;
		transform : translateY(0);
	}
	#merit .merit-wrapper > .inner {
		padding : 0 20px;
	}
	#merit .merit-wrapper > .inner > div {
		width : 100%;
	}
	#case > .inner {
		padding : 80px 20px 60px;
	}
	#case > .inner ul {
		flex-direction : column;
	}
	#case > .inner ul > li {
		flex-basis : auto;
		max-width : 100%;
	}
	#case > .inner ul > li + li {
		margin-top : 16px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	#introduction > .inner {
		padding : 0 20px;
	}
	#features > .inner {
		padding : 80px 20px;
	}
	#features .features_column:nth-of-type(odd) {
		flex-direction : column-reverse;
	}
	#features .features_column:nth-of-type(even) {
		flex-direction : column-reverse;
	}
	#features .features_item:first-of-type {
		flex-basis : auto;
		margin-top : 40px;
	}
	#features .features_item:nth-of-type(2) {
		flex-basis : auto;
	}
	#merit .merit-wrapper {
		display : flex;
		flex-direction : column-reverse;
		align-items : center;
	}
	#merit .merit-wrapper > .bg {
		position : relative;
		top : auto;
		right : auto;
		width : 380px;
		height : 450px;
		margin-top : 40px;
		transform : translateY(0);
	}
	#merit .merit-wrapper > .inner {
		padding : 0 20px;
	}
	#merit .merit-wrapper > .inner > div {
		width : 100%;
	}
	#case > .inner {
		padding : 80px 20px 140px;
	}
}