/* Hubspot reset */

.container-fluid {
	padding-right: 0;
  padding-left: 0;
}

.container {
	margin: 0 auto!important;
  float: none!important;
}

/* font 
======================================= */
@font-face {
	font-family: "NotoSansJP";
	font-weight: 300;
	src:
		local('Noto Sans CJK JP Regular'),
		local('NotoSansCJKjp-Regular'),
		local('NotoSansJP-Regular'),
		url('https://cdn2.hubspot.net/hubfs/598786/crh2018/font/NotoSansJP-Regular.woff2') format('woff2'),
		url('https://cdn2.hubspot.net/hubfs/598786/crh2018/font/NotoSansJP-Regular.woff') format('woff');
	font-display: swap;
}

@font-face {
	font-family: "NotoSansJP";
	font-weight: 700;
	src:
		local('Noto Sans CJK JP Bold'),
		local('NotoSansCJKjp-Bold'),
		local('NotoSansJP-Bold'),
		url('https://cdn2.hubspot.net/hubfs/598786/crh2018/font/NotoSansJP-Bold.woff2') format('woff2'),
		url('https://cdn2.hubspot.net/hubfs/598786/crh2018/font/NotoSansJP-Bold.woff') format('woff');
	font-display: swap;
}

/* IE11でのみ有効 */
_:lang(x)::-ms-backdrop, html {
	/* IEで游ゴシックを使うと文字に余白できる対処 */
	font-size: 62.5%;
}

html, body {
	height: 100%;
}

body {
	font-family: "NotoSansJP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 1.5;
	overflow-x: hidden;
	overflow-y: scroll;
	font-weight: bold;
}

img {
	max-width: 100%;
}

.container {
	max-width: 1030px;
}

a {
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

@media only screen and (min-width: 768px) {
	body {
		font-size: 18px;
	}

	.sp-br{
		display: none;
	}
	.pc-br{
		display: block;
	}
}


@media only screen and (max-width: 767px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* keyvisual
=================================== */
.section1 {
	background:  #e8c410;
	color: #ffffff;
}

.section1 .keyvisual {
	background: url('https://cdn2.hubspot.net/hubfs/598786/crh2019/recruit/retouch/bg1_sp.jpg') top center no-repeat;
	background-size: cover;
	padding: 115px 0 124px;
	text-align: center;
	position: relative;
	z-index: 1;
}

.section1 .keyvisual:after {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 64"><polygon fill="%23e8c410" points="0 64 750 0 750 64 0 64" shape-rendering="optimizeQuality"/></svg>') bottom center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;
}

.section1 .keyvisual .title {
	margin-bottom: 40px;
}

.section1 .keyvisual .title img {
	width: 297.5px;
}

.section1 .keyvisual .image {
	margin-bottom: 30px;
}

.section1 .keyvisual p {
	font-size: 34px;
	margin-bottom: 0;
}

.section1 .keyvisual .container {
	position: relative;
	z-index: 1;
}

@media only screen and (min-width: 768px) {
	.section1 .keyvisual {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2019/recruit/retouch/bg1.jpg');
		padding: 100px 0 165px;
		text-align: center;
		position: relative;
	}

	.section1 .keyvisual:after {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 131"><polygon fill="%23e8c410" points="0 131 0 127.67 1600 0 1600 131 0 131" shape-rendering="optimizeQuality" /></svg>');
		margin-bottom: -2px;
	}

	.section1 .keyvisual .title {
		margin-bottom: 60px;
	}

	.section1 .keyvisual .title img {
		width: auto;
	}

	.section1 .keyvisual .image {
		margin-bottom: 36px;
	}

	.section1 .keyvisual p {
		font-size: 67px;
	}
}

/* company
=================================== */
.section1 .company {
	background: #a18e00 url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg2_sp.jpg') top center no-repeat;
	background-size: 100% auto;
	position: relative;
}

.section1 .company:before{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 250"><polygon fill="%23e8c410" points="0 0 0 250 750 90 750 0 0 0" shape-rendering="optimizeQuality"/></svg>') top center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;
	margin-top: -2px;
}

.section1 .company:after{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 64"><polygon fill="%2330b2c3" points="750 64 0 0 0 64 750 64" shape-rendering="optimizeQuality"/></svg>') bottom center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;
}

.section1 .company .container {
	z-index: 1;
	position: relative;
}

.section1 .company .header {
	padding-top: 40px;
}

.section1 .company .header h2 {
	margin: 0;
	font-size: 47px;
	font-weight: bold;
	text-transform: uppercase;
}

.section1 .company .header p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}

.section1 .company h3 {
	line-height: 1.5;
	font-weight: bold;
	font-size: 27px;
	margin-bottom: 40px;
	margin-top: 50px;
}

.section1 .company p {
	line-height: 2;
}

@media only screen and (min-width: 768px) {
	.section1 .company {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg2.jpg');
		background-size: cover;
	}

	.section1 .company:before{		
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 307"><polygon fill="%23e8c410" points="1600 0 1600 6 0 307 0 0 1600 0" shape-rendering="optimizeQuality" /></svg>');
		background-position: top center;
	}

	.section1 .company:after{
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 131"><polygon fill="%2330b2c3" points="1600 131 1600 127.67 0 0 0 131 1600 131" shape-rendering="optimizeQuality"/></svg>');
		background-position: bottom center;
	}

	.section1 .company .header {
		padding-top: 30px;
	}

	.section1 .company .header h2 {
		font-size: 70px;
		padding-top: 32px;
		margin-bottom: 5px;
	}

	.section1 .company .header p {
		font-size: 20px;
	}

	.section1 .company h3 {
		font-size: 40px;
		margin-bottom: 45px;
		margin-top: 100px;
	}
}


/* ceomsg
=================================== */
.section1 .ceoMsg {
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 10px;
	background: #ffffff;
	padding: 30px;
}

.section1 .column .body {
	padding: 40px 0 0;
}

.section1 .column .body p {
	font-weight: normal;
	color: #333333;
}

.section1 .column .body p:last-child {
	margin-bottom: 0;
}

.section1 .column .body h4 {
	display: inline;
	background: #e8c410;
	font-size: 28px;
	padding: 0 0 5px;
	line-height: 1;
	font-weight: bold;
	position: absolute;
	margin-top: -58px;
	margin-bottom: 0;
}

.section1 .column .body h5 {
	font-size: 16px;
	color: #000000;
	line-height: 1.8;
	font-weight: bold;
	margin: 0 0 25px;
	position: relative;
}

.section1 .column .body h5:after {
	width: 41px;
	height: 35px;
	position: absolute;
	background: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/quote.png') center no-repeat;
	background-size: 100%;
	content: '';
	z-index: 0;
	right: -10px;
	top: -13px;
}

.section1 .column .body h5 span {
	z-index: 1;
	position: relative;
}

.section1 .ceoMsg .image img {
	width: 100%;
}

.section1 .ceoMsg .image-pc {
	display: none;
}

@media only screen and (min-width: 768px) {
	.section1 .ceoMsg {
		margin-top: 80px;
		margin-bottom: 25px;
		background: none;
		padding: 0;
	}

	.section1 .ceoMsg {
		display: table;
		width: 100%;
		table-layout: fixed;
		margin-bottom: 0;
	}

	.section1 .column {
		display: table-cell;
		vertical-align: top;
	}

	.section1 .column:first-child {
		width: 32%;
	}

	.section1 .column .body {
		background: #ffffff url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/quote.png') top 30px right 30px no-repeat;
		background-size: 62px;
		padding: 60px 40px 50px;
		margin-top: 50px;
	}

	.section1 .column .body p {
		font-size: 16px;
	}

	.section1 .column .body h4 {
		font-size: 42px;
		padding: 0 0 10px 0;
		margin-top: -90px;
	}

	.section1 .column .body h5 {
		font-size: 24px;
		margin: 0 0 20px;
	}

	.section1 .column .body h5:after {
		display: none;
	}

	.section1 .ceoMsg .image-sp {
		display: none;
	}
	.section1 .ceoMsg .image-pc {
		display: block;
	}
}

/* works
=================================== */
.works {
	background: #6cc0c6 url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg3_sp.jpg') top center no-repeat;
	background-size: 100% auto;
	position: relative;
	color: #ffffff;
}

.works:before {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 250"><polygon fill="%2330b2c3" points="750 0 750 250 0 90 0 0 750 0" shape-rendering="optimizeQuality"/></svg>') top center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;
	margin-top: -2px;
}

.works:after{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 64"><polygon fill="%23e7a520" points="0 64 750 0 750 64 0 64" shape-rendering="optimizeQuality"/></svg>') bottom center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;
}

.works .container {
	z-index: 1;
	position: relative;
}

.works .header {
	padding-top: 40px;
	text-align: right;
}

.works .header h2 {
	margin: 0;
	font-size: 47px;
	font-weight: bold;
	text-transform: uppercase;
}

.works .header p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}

.works h3 {
	line-height: 1.5;
	font-weight: bold;
	font-size: 27px;
	margin-bottom: 40px;
	margin-top: 50px;
}

.works p {
	line-height: 2;
}

.works .title1 {
	margin: 40px 0 30px;
}

.works .title1 span{
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: inline;
	background: #30b2c3;
}

.works .threeColumns .column {
	background: #ffffff;
	padding: 20px 25px;
	color: #333333;
	margin-bottom: 20px;
}

.works .threeColumns .column .block {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.works .threeColumns .column .block .num,
.works .threeColumns .column .block .body {
	display: table-cell;
	vertical-align: top;
}

.works .threeColumns .column .block .num {
	width: 55px;
	font-size: 27px;
	font-weight: bold;
	color: #30b2c3;
	margin-bottom: 0;
	text-align: left;
	line-height: 1.2;
}

.works .threeColumns .column .block .body p {
	margin-bottom: 0;
	text-align: justify;
}

.works .threeColumns .column .block .body p span {
	display: inline;
	background: #ffff00;
}

.works .twoColumns .column {
	background: #ffffff;
	padding: 50px 25px 30px;
	color: #333333;
	margin-bottom: 20px;
}

.works .twoColumns .column .image {
	text-align: center;
	margin-bottom: 38px;
}

.works .twoColumns .column .image img {
	height: 52px;
}

.works .twoColumns .column p {
	font-weight: normal;
	margin-bottom: 0;
}

.works .twoColumns .column .title2 {
	margin: 0 0 10px;
	color: #000000;
	font-weight: bold;
	line-height: 1.8;
}

.works .twoColumns .column .small {
	font-size: 12px;
	margin-bottom: 10px;
	color: #666666;
}

@media only screen and (min-width: 768px) {
	.works {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg3.jpg');
		background-size: 100%;
	}

	.works:before {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 307"><polygon fill="%2330b2c3" points="0 0 0 6 1600 307 1600 0 0 0" shape-rendering="optimizeQuality" /></svg>');
		background-position: top center;
	}

	.works:after {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 131"><polygon fill="%23e7a520" points="0 131 0 127.67 1600 0 1600 131 0 131" shape-rendering="optimizeQuality" /></svg>');
		background-position: bottom center;
	}	

	.works .header {
		padding-top: 60px;
	}

	.works .header h2 {
		font-size: 70px;
		padding-top: 25px;
		margin-bottom: 5px;
	}

	.works .header p {
		font-size: 20px;
	}

	.works h3 {
		font-size: 40px;
		margin-bottom: 45px;
		margin-top: 100px;
	}

	.works .title1 {
		margin: 60px 0 50px;
	}

	.works .title1 span{
		font-size: 24px;
	}

	.works .threeColumns {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.works .threeColumns .column {
		width: 31%;
		padding: 20px;
	}

	.works .threeColumns .column .block {
		display: block;
	}

	.works .threeColumns .column .block .num,
	.works .threeColumns .column .block .body {
		display: block;
	}

	.works .threeColumns .column .block .num {
		font-size: 40px;
		margin-bottom: 10px;
	}

	.works .twoColumns {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.works .twoColumns .column {
		width: 47.5%;
		padding: 60px 40px 30px;
		margin-bottom: 0;
	}

	.works .twoColumns .column p {
		font-size: 16px;
	}

	.works .twoColumns .column .image img {
		height: 54px;
	}

	.works .twoColumns .column .title2 {
		font-size: 18px;
		margin-bottom: 5px;
	}

	.works .twoColumns .column .small {
		font-size: 14px;
		margin-bottom: 25px;
	}
}


@media only screen and (min-width: 992px) {
	.works .threeColumns .column {
		padding: 40px;
	}

}


/* people
=================================== */
.people {
	background: #f4b434 url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg4_sp.jpg') top center no-repeat;
	background-size: 100% auto;
	position: relative;
	color: #ffffff;
	overflow: hidden;
}

.people:before {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 250"><polygon fill="%23e7a520" points="0 0 0 250 750 90 750 0 0 0" shape-rendering="optimizeQuality"/></svg>') top center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;	
	margin-top: -2px;
}

.people:after{
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 64"><polygon fill="%2396c43a" points="750 64 0 0 0 64 750 64" shape-rendering="optimizeQuality"/></svg>') bottom center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;
}

.people .container {
	z-index: 1;
	position: relative;
}

.people .header {
	padding-top: 40px;
}

.people .header h2 {
	margin: 0;
	font-size: 47px;
	font-weight: bold;
	text-transform: uppercase;
}

.people .header p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}

.people .staff {
	margin-top: 50px;
}

.people .staff .block {
	background: #ffffff;
	padding: 30px;
	color: #333333;
	font-weight: normal;
	line-height: 2;
	margin-bottom: 40px;
}


.people .staff .block:last-child {
	margin-bottom: 10px;
}

.people .staff .block .mainImg {
	text-align: center;
	margin-bottom: 25px;
}

.people .staff .block .mainImg img{
	width: 100%;
}

.people .staff .block .title {
	color: #000000;
	font-weight: bold;
	margin-bottom: 15px;
	font-size: 16px;
	position: relative;
	line-height: 1.8;
}

.people .staff .block .title:after {
	width: 41px;
	height: 35px;
	position: absolute;
	background: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/quote.png') center no-repeat;
	background-size: 100%;
	content: '';
	z-index: 0;
	right: -10px;
	top: -2px;
}

.people .staff .block .title span {
	z-index: 1;
	position: relative;
}


.people .staff .block .txt {
	color: #000000;
	margin-bottom: 15px;
}

.people .staff .block .twoColumns {
	margin-top: 25px;
}

.people .staff .block .twoColumns .column .image {
	text-align: center;
	margin-bottom: 25px;
}

.people .staff .block .twoColumns .column .image img {
	width: 100%;
}

.people .staff .block .twoColumns .column .sub {
	color: #000000;
	font-weight: bold;
	margin-bottom: 5px;
}

.people .staff .block .twoColumns .column p:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
	.people {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg4.jpg');
		background-size: 100%;
	}

	.people:before{
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 307"><polygon fill="%23e7a520" points="1600 0 1600 6 0 307 0 0 1600 0" shape-rendering="optimizeQuality" /></svg>');
		background-position: top center;
	}

	.people:after {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 131"><polygon fill="%2396c43a" points="1600 131 1600 127.67 0 0 0 131 1600 131" shape-rendering="optimizeQuality"/></svg>');
		background-position: bottom center;
	}

	.people .header {
		padding-top: 60px;
	}

	.people .header h2 {
		font-size: 70px;
		padding-top: 25px;
		margin-bottom: 5px;
	}

	.people .header p {
		font-size: 20px;
	}

	.people .staff {
		margin-top: 100px;
	}

	.people .staff .block {
		padding: 30px;
		margin-bottom: 100px;
	}

	.people .staff .block:last-child {
		margin-bottom: 0;
	}

	.people .staff .block .body {
		padding-right: 200px;
	}

	.people .staff .block-alt .body {
		padding-right: 0;
		padding-left: 200px;
	}

	.people .staff .block .title {
		margin-bottom: 20px;
		font-size: 24px;
	}

	.people .staff .block .title:after {
		width: 62px;
		height: 53px;
		right: -30px;
		top: -20px;
	}

	.people .staff .block .txt {
		margin-bottom: 20px;
	}

	.people .staff .block p {
		font-size: 16px;
	}

	.people .staff .block .mainImg {
		float: right;
		width: 260px;
		margin-right: -100px;
		margin-top: -100px;
	}

	.people .staff .block-alt .mainImg {
		float: left;
		margin-right: 0px;
		margin-left: -100px;
		margin-top: -100px;
	}

	.people .staff .block .twoColumns {
		margin-top: 50px;
	}

	.people .staff .block .twoColumns {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.people .staff .block-alt .twoColumns {
		flex-direction: row-reverse;
	}

	.people .staff .block .twoColumns .column:first-child {
		width: 33%;
	}

	.people .staff .block .twoColumns .column:last-child {
		width: 63%;
	}

	.people .staff .block .twoColumns .column .sub {
		font-size: 18px;
		margin-bottom: 10px;
	}
}


@media only screen and (min-width: 992px) {
	.people .staff .block {
		padding: 50px;
	}

	.people .staff .block .body {
		padding-right: 330px;
	}

	.people .staff .block-alt .body {
		padding-left: 330px;
		padding-right: 0;
	}

	.people .staff .block .mainImg {
		width: 370px;
		margin-right: -100px;
	}

	.people .staff .block-alt .mainImg {
		margin-left: -100px;
		width: 370px;
	}


}

@media only screen and (min-width: 1200px) {
	.people .staff .block .twoColumns .column:first-child {
		width: 320px;
	}

	.people .staff .block .twoColumns .column:last-child {
		width: 530px;
	}
	
}

/* culture
=================================== */
.culture {
	background: #acd853 url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg5_sp.jpg') top center no-repeat;
	background-size: 100% auto;
	position: relative;
	color: #ffffff;
	padding-bottom: 30px;
}

.culture:before {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 250"><polygon fill="%2396c43a" points="750 0 750 250 0 90 0 0 750 0" shape-rendering="optimizeQuality"/></svg>') top center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;	
	margin-top: -2px;
}

.culture:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-size: 100% auto;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 131"><polygon fill="%23ffffff" points="0 131 0 127.67 1600 0 1600 131 0 131" shape-rendering="optimizeQuality" /></svg>');
	background-position: bottom center;
	background-repeat: no-repeat;
	margin-bottom: -1px;
}

.culture .container {
	z-index: 1;
	position: relative;
}

.culture .header {
	padding-top: 40px;
	text-align: right;
}

.culture .header h2 {
	margin: 0;
	font-size: 47px;
	font-weight: bold;
	text-transform: uppercase;
}

.culture .header p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}

.culture .threeColumns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 50px;
}

.culture .threeColumns .column {
	width: 47%;
	padding: 30px 20px;
	background: #ffffff;
	margin-bottom: 20px;
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

.culture .threeColumns .column .image {
	text-align: center;
	margin-bottom: 20px;
}

.culture .threeColumns .column .image img {
	height: 46px;
}

.culture .threeColumns .column .title {
	margin: 0 0 15px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #000000;
}

.culture .threeColumns .column p {
	margin-bottom: 0;
	line-height: 1.8;
}

@media only screen and (min-width: 768px) {
	.culture {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg5.jpg');
		background-size: 100%;
		padding-bottom: 116px;
	}

	.culture:before {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 307"><polygon fill="%2396c43a" points="0 0 0 6 1600 307 1600 0 0 0" shape-rendering="optimizeQuality" /></svg>');
		background-position: top center;
	}

	.culture .header {
		padding-top: 60px;
	}

	.culture .header h2 {
		font-size: 70px;
		padding-top: 25px;
		margin-bottom: 5px;
	}

	.culture .header p {
		font-size: 20px;
	}

	.culture .threeColumns {
		margin-top: 100px;
	}

	.culture .threeColumns .column {
		width: 30%;
		padding: 40px;
		margin-bottom: 50px;
		font-size: 16px;
	}

	.culture .threeColumns .column .image {
		margin-bottom: 25px;
	}

	.culture .threeColumns .column .image img {
		height: auto;
	}

	.culture .threeColumns .column .title {
		margin: 0 0 25px;
		font-size: 18px;
	}
}

/* whiteSpace
=================================== */
.whiteSpace {
	padding: 67px 0;
	text-align: center;
	background: #ffffff;
	position: relative;
}

.whiteSpace:after {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 64"><polygon fill="%23d95269" points="0 64 750 0 750 64 0 64" shape-rendering="optimizeQuality"/></svg>') bottom center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;	
}

.whiteSpace .container {
	position: relative;
	z-index: 1
}

.whiteSpace p {
	line-height: 2.5;
	color: #000000;
	margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
	.whiteSpace:after {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 131"><polygon fill="%23d95269" points="0 131 0 127.67 1600 0 1600 131 0 131" shape-rendering="optimizeQuality" /></svg>');
		background-position: bottom center;
	}
	.whiteSpace {
		padding: 60px 0 190px;
	}
	.whiteSpace p {
		font-size: 20px;
	}
}

/* recruit
=================================== */
.recruit {
	background: #e17587 url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg6_sp.jpg') top center no-repeat;
	background-size: 100% auto;
	position: relative;
	color: #ffffff;
	z-index: 1;
}

.recruit:before {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 250"><polygon fill="%23d95269" points="0 0 0 250 750 90 750 0 0 0" shape-rendering="optimizeQuality"/></svg>') top center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;	
	margin-top: -2px;
}

.recruit .container {
	z-index: 1;
	position: relative;
}

.recruit .header {
	padding-top: 40px;
}

.recruit .header h2 {
	margin: 0;
	font-size: 47px;
	font-weight: bold;
	text-transform: uppercase;
}

.recruit .header p {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}

.recruit .generalTable {
	margin-top: 50px;
	margin-bottom: 40px;
}

.recruit .title1 {
	margin: 0px 0 30px;
}

.recruit .title1 span {
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	display: inline;
	background: #d95269;
}

.generalTable ul {
	margin-left: -20px;
	margin-bottom: 0;
}

.generalTable table {
	width: 100%;
	background: #ffffff;
	color: #333333;
	font-weight: normal;
}

.generalTable table th,
.generalTable table td {
	border-bottom: 1px solid #e17587;
	padding: 30px 40px;
}

@media only screen and (max-width: 767px) {
	.generalTable table th {
		padding: 22px 22px 0;
		border-bottom: 0;
	}
	.generalTable table td {
		padding: 12px 22px 22px;
	}
	.generalTable table th,
	.generalTable table td {
		display: block;
	}
}

@media only screen and (min-width: 768px) {
	.recruit {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg6.jpg');
		background-size: 100%;
	}

	.recruit:before {
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 307"><polygon fill="%23d95269" points="1600 0 1600 6 0 307 0 0 1600 0" shape-rendering="optimizeQuality" /></svg>');
		background-position: top center;
		margin-top: -2px;
	}	

	.recruit .header {
		padding-top: 60px;
	}

	.recruit .header h2 {
		font-size: 70px;
		padding-top: 15px;
		margin-bottom: 5px;
	}

	.recruit .header p {
		font-size: 20px;
	}

	.generalTable table th {
		width: 28%;
		font-size: 16px;
	}

	.generalTable table td {
		font-size: 16px;
	}

	.recruit .generalTable {
		margin-top: 100px;
		margin-bottom: 80px;
	}

	.recruit .title1 {
		margin: 0px 0 50px;
	}

	.recruit .title1 span{
		font-size: 24px;
	}
}

.step {
	margin-bottom: 50px;
}

.step .block {
	position: relative;
}

.step .block:after {
	left: 40px;
	bottom: -30px;
	position: absolute;
	content: '';
	width: 1px;
	height: 100%;
	background:#d95269;
	z-index: 1;
}

.step .block:before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/ico_arr.png') center no-repeat;
	background-size: 100%;
	z-index: 1;
	bottom: -10px;
	left: 36px;
}

.step .block:last-child:before,
.step .block:last-child:after {
	display: none;
}

.step .tbl {
	padding: 25px;
	background: #ffffff;
	color: #333333;
	display: table;
	width: 100%;
	table-layout: fixed;
	border-bottom: 1px solid #e17587;
}

.step .tbl .column {
	display: table-cell;
	vertical-align: top;
}

.step .block .column:first-child {
	width: 55px;
}

.step .tbl .column .num {
	color: #d95269;
	font-size: 27px;
	position: relative;
	background: #ffffff;
	z-index: 2;
	line-height: 1;
	padding: 0;
	height: 50px;
	display: flex;
	align-items: center;
	margin-top: -15px;
}

.step .tbl .column h4 {
	color: #000000;
	font-weight: bold;
	margin: 3px 0 10px;
	font-size: 14px;
}

.step .tbl .column p {
	font-weight: normal;
	margin-bottom: 0;
	line-height: 2
}

.buttonBlock {
	text-align: center;
	margin-bottom: 30px;
}

.buttonBlock a {
	display: block;
	color: #ffffff;
	font-size: 21px;
	position: relative;
	padding: 20px;
}

.buttonBlock a .ico {
	width: 19px;
	height: 11px;
	position: absolute;
	right: 30px;
	top: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	transition: -webkit-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.buttonBlock .twoColumns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.buttonBlock .twoColumns a {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  background: #000000;
}

.buttonBlock .twoColumns a:hover {
	text-decoration: none;
	background: #333333;
}

.buttonBlock .ico {
  position: inherit;
}

.buttonBlock .twoColumns .buttonContainer {
  width: 47.5%;
  align-items: center;
  margin-bottom: 20px;
  font-size: 28px;
    max-width: 600px;
}
.buttonBlock .twoColumns .disabled .buttonTxt {
  display: block;
  background: #aaa;
    padding: 10px 20px;
}

.buttonBlock .twoColumns .note {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
}

@media only screen and (min-width: 768px) {
	.step {
		margin-bottom: 80px;
	}

	.step .tbl {
		padding: 40px;
	}

	.step .block:before {
		width: 19px;
		height: 19px;
		bottom: -26px;
		left: 51px;
	}

	.step .block:after {
		left: 60px;
		bottom: -50px;
	}

	.step .tbl .column .num {
		font-size: 40px;
		height: 70px;
		margin-top: -14px;
	}

	.step .block .column:first-child {
		width: 93px;
	}

	.step .tbl .column .flx {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.step .tbl .column h4 {
		font-size: 20px;
		margin: 10px 0 0;
		width: 22%;
	}

	.step .tbl .column p {
		width: 78%;
		margin-top: 4px;
		font-size: 16px;
	}

	.buttonBlock {
		margin-bottom: 40px;
	}

	.buttonBlock a {
		font-size: 28px;
		padding: 10px 20px;
		max-width: 600px;
	}

	.buttonBlock a:hover .ico {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}

	.buttonBlock .ico {
		width: 36px;
		height: 21px;
	}
  
  /*.buttonBlock .twoColumns {
    width: 47.5%;*/
  }
}

/* footer
=================================== */
.footer {
	padding: 115px 0 30px;
	background: #cdb019 url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg7_sp.jpg');
	background-size: cover;
	position: relative;
	color: #ffffff;
}

.footer:before {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 750 64"><polygon fill="%23e17587" points="0 0 750 0 750 64 0 0" shape-rendering="optimizeQuality"/></svg>') top center no-repeat;
	background-size: 100% auto;
	height: 100%;
	content: '';
	z-index: 0;	
}

.footer .container {
	position: relative;
	z-index: 1;
}

.footer .image img {
	width: 102px;
	margin-bottom: 20px;
}

.footer .cname {
	color: #ffffff;
	margin-bottom: 25px;
	font-size: 14px;
	font-weight: bold;
}

.footer p {
	margin-bottom: 0;
	font-weight: normal;
	font-size: 12px;
}

.footer ul {
	list-style: none;
	margin: 0 0 30px;
	padding: 0;
	font-weight: normal;
}

.footer ul li {
	position: relative;
	padding-left: 18px;
	font-size: 12px;
}

.footer ul li:before {
	position: absolute;
	background: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/ico_loc.png') top center no-repeat;
	background-size: 100% auto;
	content: '';
	width: 12px;
	height: 12px;
	top: 5px;
	left: 0;
}

.footer ul li.tel:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/ico_tel.png');
}

.footer .container {
	position: relative;
	z-index: 1;
}


@media only screen and (min-width: 768px) {
	.footer {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/bg_7.jpg');
		padding: 180px 0 40px;
	}
	.footer p,
	.footer ul li {
		font-size: 16px;
	}
	.footer .cname {
		font-size: 18px;
	}

	.footer ul li {
		padding-left: 30px;
		margin-bottom: 5px
	}

	.footer ul li:before {
		width: 17px;
		height: 17px;
		top: 5px;
	}

	.footer .image img {
		width: 151px;
	}

}

/* animation
-------------------------------------------------- */
[data-animation="fadeInUp"],
[data-animation="fadeInLeft"] {
	opacity: 0;
}
[data-animation="fadeInUp"].trigger {
	-webkit-animation: moveUp 1.1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s both, fadeIn 2.5s ease 0s both;
	        animation: moveUp 1.1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s both, fadeIn 2.5s ease 0s both;
}
[data-animation="fadeInLeft"].trigger {
	-webkit-animation: moveLeft 1.1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s both, fadeIn 2.5s ease 0s both;
	        animation: moveLeft 1.1s cubic-bezier(0.25, 0.1, 0.25, 1) 0s both, fadeIn 2.5s ease 0s both;
}
[data-delay="300"].trigger {
	-webkit-animation-delay: 300ms;
	        animation-delay: 300ms;
}
[data-delay="400"].trigger {
	-webkit-animation-delay: 400ms;
	        animation-delay: 400ms;
}
[data-delay="500"].trigger {
	-webkit-animation-delay: 500ms;
	        animation-delay: 500ms;
}

/* keyframes */
@-webkit-keyframes moveUp {
	0% {
		-webkit-transform: translate3d(0, 10rem, 0);
		        transform: translate3d(0, 10rem, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@keyframes moveUp {
	0% {
		-webkit-transform: translate3d(0, 10rem, 0);
		        transform: translate3d(0, 10rem, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes moveLeft {
	0% {
		-webkit-transform: translate3d(10rem, 0, 0);
		        transform: translate3d(10rem, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@keyframes moveLeft {
	0% {
		-webkit-transform: translate3d(10rem, 0, 0);
		        transform: translate3d(10rem, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		        transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* IE only 


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.section1 .keyvisual:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep1.png');
	}

	.section1 .company:before{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep4.png');
	}

	.section1 .company:after{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep7.png');
	}

	.works:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep9.png');
	}

	.works:after{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep2.png');
	}

	.people:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep5.png');
	}

	.people:after{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep8.png');
	}

	.culture:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep10.png');
	}

	.culture:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep11.png');
	}

	.whiteSpace:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep3.png');
	}

	.recruit:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep6.png');
	}

	.footer:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep12.png');
	}
}



@media only screen and (min-width: 768px) { 
	_:-ms-fullscreen, :root .section1 .keyvisual:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep1.png');
	}

	_:-ms-fullscreen, :root .section1 .company:before{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep4.png');
	}

	_:-ms-fullscreen, :root .section1 .company:after{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep7.png');
	}

	_:-ms-fullscreen, :root .works:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep9.png');
	}

	_:-ms-fullscreen, :root .works:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep2.png');
	}	

	_:-ms-fullscreen, :root .people:before{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep5.png');
	}

	_:-ms-fullscreen, :root .people:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep8.png');
	}

	_:-ms-fullscreen, :root .culture:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep10.png');
	}

	_:-ms-fullscreen, :root .whiteSpace:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep3.png');
	}

	_:-ms-fullscreen, :root .recruit:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep6.png');
	}	
}

*/

.section1 .keyvisual:after {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep1.png');
}

.section1 .company:before{
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep4.png');
}

.section1 .company:after{
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep7.png');
}

.works:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep9.png');
}

.works:after{
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep2.png');
}

.people:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep5.png');
}

.people:after{
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep8.png');
}

.culture:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep10.png');
}

.culture:after {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep11.png');
}

.whiteSpace:after {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep3.png');
}

.recruit:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep6.png');
}

.footer:before {
	background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/sp_sep12.png');
}


@media only screen and (min-width: 768px) { 
	.section1 .keyvisual:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep1.png');
	}

	.section1 .company:before{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep4.png');
	}

	.section1 .company:after{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep7.png');
	}

	.works:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep9.png');
	}

	.works:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep2.png');
	}	

	.people:before{
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep5.png');
	}

	.people:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep8.png');
	}

	.culture:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep10.png');
	}

	.whiteSpace:after {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep3.png');
	}

	.recruit:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep6.png');
	}

	.footer:before {
		background-image: url('https://cdn2.hubspot.net/hubfs/598786/crh2018/recruit/pc_sep11.png');
	}
	
}