/*-----------------------------------------
   font
------------------------------------------*/
html {
	/* ルートのフォントサイズを10pxに設定しておく */
	font-size : 62.5%;
}

body {
	font-family : "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
	"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, clean,
	sans-serif;
	font-size : 1.6em;
	line-height : 1.67;
	margin : 0 auto;
}

/*-----------------------------------------
   common
------------------------------------------*/
html,
body {
	position : relative;
	width : 100%;
	height : 100%;
	margin : 0;
	padding : 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight : bold;
	line-height : 1.6;
	color : #114b88;
}

img {
	max-width : 100%;
	height : auto;
	/*高さ自動*/
}

a {
	text-decoration : none;
}

a:hover {
	text-decoration : none;
}

p {
	line-height : 1.7;
	margin : 2rem auto;
}

.wrapper {
	position : relative;
	max-width : 1800px;
	margin : auto;
}

.inner {
	max-width : 1000px;
	margin : auto;
}
.header {
	width : 100%;
	height : 452px;
	background : url(/wp/wp-content/themes/tenshokusekkei/lp02/img/header_bg_pc@2x.jpg)
	center top no-repeat;
	background-size : auto 100%;
}
.header .image {
	display : none;
}
.header h1 {
	overflow : hidden;
	height : 0;
	text-indent : -10000px;
}

.cta_area {
	margin-top : -60px;
}
.cta_bottom {
	display : none;
	position : sticky;
	bottom : 0;
	align-self : flex-end;
	width : 100%;
	margin-top : 0;
}
.cta_area .inner {
	display : flex;
	flex-wrap : wrap;
	color : #ffffff;
	background : #045ea0;
}
.cta_area .inner .tel_area {
	display : flex;
	justify-content : center;
	align-items : center;
	box-sizing : border-box;
	width : 50%;
	padding : 20px;
}
.cta_area .inner .tel_area .caption {
	font-size : 1.4rem;
	line-height : 1.2;
	margin-right : 20px;
}
.cta_area .inner .tel_area .num {
	font-family : "Roboto", sans-serif;
	font-size : 4.4rem;
	font-weight : bold;
	line-height : 1;
}
.cta_area .inner .tel_area .num a {
	color : #ffffff;
}
.cta_area .inner .mail_area {
	box-sizing : border-box;
	width : 50%;
	padding : 20px;
	background : #0a5495;
}
.cta_area .inner .mail_area a {
	display : block;
	font-size : 2.4rem;
	font-weight : bold;
	padding : 15px 0;
	transition : 0.4s;
	text-align : center;
	text-indent : -10px;
	letter-spacing : 2px;
	color : #ffffff;
	border-radius : 5px;
	background : #045ea0;
	background : linear-gradient(-135deg, #006fd3, #3c91de);
}
.cta_area .inner .mail_area a:hover {
	background : linear-gradient(-135deg, #1283e6, #60a5e5);
}
.cta_area .inner .mail_area a:after {
	float : right;
	width : 40px;
	height : 40px;
	margin-right : 20px;
	content : "";
	background : url(/wp/wp-content/themes/tenshokusekkei/lp02/img/icon_mail@2x.png)
	center top no-repeat;
	background-size : 100% auto;
}

.sp_cta_area {
	display : flex;
	position : sticky;
	bottom : 0;
	flex-wrap : wrap;
	justify-content : space-between;
	align-items : center;
	align-items : stretch;
	align-self : flex-end;
	box-sizing : border-box;
	width : 100%;
	padding : 4px 10px 10px 10px;
	text-align : center;
	color : #ffffff;
	background : #045ea0;
	background : linear-gradient(-135deg, #006fd3, #3c91de);
}
.sp_cta_area .title {
	font-size : 1.6rem;
	font-weight : bold;
	width : 100%;
	margin-bottom : 3px;
	letter-spacing : 3px;
}
.sp_cta_area .sp_tel_area,
.sp_cta_area .sp_mail_area {
	display : block;
	font-weight : bold;
	line-height : 1;
	width : 49%;
	max-width : 300px;
	padding : 10px 0;
	color : #3c91de;
	color : #045ea0;
	border-radius : 3px;
	background : #f5fc54;
}
.sp_cta_area .sp_tel_area .num {
	font-family : "Roboto", sans-serif;
	font-size : 2rem;
}
.sp_cta_area .sp_tel_area span,
.sp_cta_area .sp_mail_area span {
	display : block;
	font-size : 1.2rem;
	font-weight : normal;
	margin-top : 2px;
}

.area_advantaage {
	margin-top : 100px;
	padding : 60px 0;
	background : #e9f2d0;
}
.area_advantaage h2 {
	font-size : 3.6rem;
	margin-top : -90px;
	padding-bottom : 60px;
	text-align : center;
	color : #135495;
}
.area_advantaage .item {
	max-width : 800px;
	margin : 20px auto;
	padding : 40px;
	color : #ffffff;
	background : url(/wp/wp-content/themes/tenshokusekkei/lp02/img/area_advantage_item_bg@2x.jpg)
	center top no-repeat;
	background-size : 100% auto;
}
.area_advantaage .item h3 {
	font-size : 3.8rem;
	color : #ffffff;
}
.area_advantaage .item p {
	font-size : 1.8rem;
	margin : 0;
}
.area_advantaage .item:nth-child(3) p {
	font-size : 2.2rem;
	font-weight : bold;
}
.area_advantaage .item:last-child {
	margin-bottom : 0;
}

.area_link {
	padding : 30px 0 0;
	text-align : center;
	color : #ffffff;
	background : url(/wp/wp-content/themes/tenshokusekkei/lp02/img/area_link_bg@2x.jpg)
	center top no-repeat;
	background-size : 100% auto;
}
.area_link .inner {
	display : flex;
	line-height : 1;
	justify-content : center;
}
.area_link .inner h2 {
	font-size : 3.8rem;
	font-weight : bold;
	margin : 5px;
	color : #ffffff;
}
.area_link .inner .btn a {
	display : inline-block;
	font-size : 3.2rem;
	margin : 0 10px;
	padding : 20px 30px;
	transition : 0.4s;
	color : #155ea0;
	border-radius : 5px;
	background : #f5fc54;
}
.area_link .inner .btn a:hover {
	background : #d5d978;
}
.area_link .caption {
	margin-top : 30px;
	padding : 20px;
	background : #084b88;
}
.area_link .caption p {
	margin : 0;
}

.area_about {
	margin : 60px 0;
}
.area_about .inner {
	display : flex;
	flex-direction : row-reverse;
	flex-wrap : wrap;
	justify-content : center;
}
.area_about .inner .image {
	max-width : 360px;
	margin-left : 20px;
}
.area_about .inner .text {
	max-width : 400px;
	margin-right : 20px;
}
.area_about .inner .text h2 {
	font-size : 2.4rem;
}


.area_works h2 {
	font-size : 3.6rem;
	margin-bottom : 40px;
	text-align : center;
}
.area_works h3 {
	font-size : 2.4rem;
	margin : 40px 0;
	text-align : center;
}
.area_works .example_box {
	display : flex;
	justify-content : center;
}
.area_works .example_box .item {
	margin : 0 20px auto;
}
.area_works .example_box .item h3 {
	font-size : 2rem;
	margin-top : 10px;
	text-align : left;
}
.area_works .example_box .item h4 {
	position : relative;
	font-weight : normal;
	margin : 10px 0;
	color : #000000;
}
.area_works .example_box .item h4:before {
	z-index : -1;
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 50%;
	content : "";
	border-bottom : 1px solid #cccccc;
}
.area_works .example_box .item h4 span {
	padding-left : 5px;
	background : #ffffff;
}
.area_works .example_box .item p {
	font-weight : bold;
	margin : 0 0 10px;
}

.example_other ul {
	display : flex;
	flex-wrap : wrap;
	list-style : none;
}
.example_other ul li {
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	box-sizing : border-box;
	width : 20%;
	text-align : center;
	border-left : 1px solid #cccccc;
}
.example_other ul li:first-child {
	border-left : none;
}
.example_other ul li div {
	font-size : 1.4rem;
	box-sizing : border-box;
	width : 100%;
	padding : 10px;
}

.area_companies {
	padding : 60px 0;
}
.area_companies h2 {
	font-size : 3.6rem;
	margin-bottom : 40px;
	text-align : center;
}
.area_companies h2 span {
	font-size : 1.4rem;
	margin-left : 5px;
	color : #cccccc;
}
.area_companies p {
	line-height : 2;
	padding : 40px 80px;
	text-align : center;
	letter-spacing : 1px;
	border : 1px solid #333333;
}

.footer {
	font-size : 1.4rem;
	margin-bottom : -110px;
	padding : 60px 0 110px;
	text-align : center;
	color : #ffffff;
	background : #000000;
}

@media (max-width: 768px) {
	.inner {
		padding : 0 15px;
	}
	.no_sp {
		display : none;
	}
	.header {
		width : 100%;
		height : auto;
		background : none;
	}
	.header .inner {
		padding : 0;
	}
	.header .image {
		display : block;
	}
	.cta_area .inner {
		padding : 0;
	}
	.cta_area .inner .tel_area {
		flex-wrap : wrap;
		padding : 10px;
	}
	.cta_area .inner .tel_area .caption {
		font-size : 1.3rem;
		width : 100%;
		margin-right : 0;
		text-align : center;
	}
	.cta_area .inner .tel_area .num {
		font-size : 2rem;
		width : 100%;
		text-align : center;
	}
	.cta_area .inner .mail_area {
		box-sizing : border-box;
		width : 50%;
		padding : 10px;
		background : #0a5495;
	}
	.cta_area .inner .mail_area a {
		font-size : 1.4rem;
		padding : 10px 0;
		text-indent : 0;
		letter-spacing : 0;
	}
	.cta_area .inner .mail_area a:after {
		display : none;
	}
	.area_advantaage {
		margin-top : 40px;
		padding : 20px 0;
	}
	.area_advantaage h2 {
		font-size : 2rem;
		margin-top : -40px;
		padding-bottom : 20px;
		color : #135495;
	}
	.area_advantaage .item {
		padding : 20px;
		background : url(/wp/wp-content/themes/tenshokusekkei/lp02/img/area_advantage_item_bg@2x.jpg)
		center top no-repeat;
		background-size : auto 100%;
	}
	.area_advantaage .item h3 {
		font-size : 2rem;
	}
	.area_advantaage .item p {
		font-size : 1.6rem;
	}
	.area_advantaage .item:nth-child(3) p {
		font-size : 1.8rem;
	}
	.area_link {
		background : url(/wp/wp-content/themes/tenshokusekkei/lp02/img/area_link_bg@2x.jpg)
		center top no-repeat;
		background-size : auto 100%;
	}
	.area_link .inner {
		display : block;
	}
	.area_link .inner h2 {
		font-size : 2.4rem;
	}
	.area_link .inner .btn a {
		font-size : 2.8rem;
		width : 100%;
		margin : 20px auto;
		padding : 15px 0;
	}
	.area_link .caption {
		font-size : 1.4rem;
		margin-top : 0;
	}
	.area_about {
		margin : 15px 0;
	}
	.area_about .inner {
		display : block;
	}
	.area_about .inner .text {
		margin-top : 15px;
		margin-right : 0;
	}
	.area_about .inner .text h2 {
		font-size : 1.8rem;
	}
	.area_about .inner .image {
		margin-left : 0;
	}
	.area_works h2 {
		font-size : 2.4rem;
	}
	.area_works h3 {
		font-size : 1.8rem;
		margin : 20px 0;
	}
	.area_works .example_box {
		display : block;
	}
	.area_works .example_box .item {
		margin : 0 0 30px;
	}
	.example_other ul li {
		width : 100%;
		padding : 5px 0;
		border-bottom : 1px solid #cccccc;
		border-left : none;
	}
	.area_companies {
		padding : 30px 0;
	}
	.area_companies h2 {
		font-size : 1.8rem;
		margin-bottom : 20px;
	}
	.area_companies h2 span {
		font-size : 1.2rem;
	}
	.area_companies p {
		padding : 20px;
	}
	.footer {
		font-size : 1.4rem;
		margin-bottom : -63px;
		padding : 40px 0 63px;
		text-align : center;
		color : #ffffff;
		background : #000000;
	}
}