@charset "UTF-8";

/* コンテンツヘッダー
---------------------------------------*/
article header div.bg{
	/* background-image:linear-gradient(0deg, rgba(255, 255, 255, 1) 2%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, .0)),url('../img/web/img_header.jpg'); */
	background-image:url('../img/common/img_header.jpg');
	background-color:rgba(255,255,255,0.3);
	background-blend-mode:lighten;
}

/* article header{
	display: none;
} */

/* article header .title h1{
	display: none;
}
article header .title span{
	display: none;
} */
/* コンテンツ
---------------------------------------*/
/* article div#content_wrapper section{
	padding:45px 0;
}

article div#content_wrapper section div{
	height:100%;
} */

/* 画面幅1250px未満
=======================================*/
/* @media screen and (max-width:1250px){
	article div#content_wrapper section div{
		width:100%;
	}
} */

/* 画面幅768px未満
=======================================*/
/* @media screen and (max-width:768px){
	article div#content_wrapper section{
		padding:40px 0;
	}
	article header div.bg{
		background-color:rgba(255,255,255,0.5);
	}
} */

/* コンテンツ
---------------------------------------*/
article div#content_wrapper section{
	padding:45px 0;
}

article div#content_wrapper section > div{
	width:1000px;
	height:100%;
	margin:0 auto;
}

/* 画面幅1250px未満
=======================================*/
@media screen and (max-width:1250px){
	article div#content_wrapper section > div{
		width:100%;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section{
		padding:40px 0;
	}
}

/* 画面幅480px未満
=======================================*/
@media screen and (max-width:480px){
	article div#content_wrapper section{
		/*padding-bottom:70px;*/
		padding-bottom:40px;
	}
}

/* recruit
---------------------------------------*/
article div#content_wrapper section#recruit{
	height:auto;
	box-sizing:border-box;
	/* margin-top: 65px; */
}
article div#content_wrapper section#recruit > div{
	background-color: #D9ECE0;
	width: 100%;
	max-width: 1000px;
	padding-top: 75px;
	padding-bottom: 75px;
	margin-bottom: 60px;
}
article div#content_wrapper section#recruit h2{
	text-align: center;
	margin-bottom: 50px;
}
article div#content_wrapper section#recruit h2 div{
	color:#0d4746;
	font-size: 50px;
	letter-spacing: 3px;
	line-height: 120%;
	border-bottom: 1px solid #0d4746;
	display: inline-block;
}
article div#content_wrapper section#recruit h2 div > br{
	display: none;
}
article div#content_wrapper section#recruit h2 span{
	color:#0d4746;
	font-size: 17px;
	line-height: 120%;
	display: block;
	padding-top: 12px;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',arial,sans-serif;
}
article div#content_wrapper section#recruit > div > em{
	text-align: center;
	margin-bottom: 30px;
	font-style: normal;
	font-size: 123.1%;
	font-weight: 600;
	color: #0D4746;
	display: block;
	letter-spacing: 1px;
    line-height: 1.8;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',arial,sans-serif;
}
article div#content_wrapper section#recruit > div > em.norecruitment{
	margin-bottom: 0;
}
article div#content_wrapper section#recruit > div > div{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
article div#content_wrapper section#recruit > div > div ul{
	margin-bottom: 40px;
}
article div#content_wrapper section#recruit > div > div ul li{
	display: flex;
	flex-wrap: wrap;
	border-bottom:1px dotted #0D4746;
	min-height: 55px;
	justify-content: flex-start;
	align-items: center;
	padding: 20px 0;
	box-sizing: border-box;
}
article div#content_wrapper section#recruit > div > div ul li:first-of-type{
	border-top:1px dotted #0D4746;
}
article div#content_wrapper section#recruit > div > div ul li b{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	width: 270px;
	padding-left: 60px;
	box-sizing: border-box;
	line-height: 1.4;
}
article div#content_wrapper section#recruit > div > div ul li b > br{
	display: none;
}
article div#content_wrapper section#recruit > div > div  ul li span{
	font-size: 16px;
	color: #000;
	width: calc(100% - 270px);
	box-sizing: border-box;
	line-height: 1.6;
}
article div#content_wrapper section#recruit > div > p{
	text-align: center;
	margin-bottom: 30px;
	font-style: normal;
	font-size: 123.1%;
	font-weight: 600;
	color: #0D4746;
	display: block;
	letter-spacing: 1px;
    line-height: 1.8;
	font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',arial,sans-serif;
}
article div#content_wrapper section#recruit > div > a{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	max-width: 400px;
	border-radius: 50px;
	background-color: #0D4746;
	margin: 0 auto;
	height: 100px;
	transition: all 0.5s;
	border: 3px solid #0D4746;
}
article div#content_wrapper section#recruit > div > a:hover{
	background-color: #fff;
}
article div#content_wrapper section#recruit > div > a span{
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 15px;
	transition: all 0.5s;
}
article div#content_wrapper section#recruit > div > a span br{
	display: none;
}
article div#content_wrapper section#recruit > div > a em{
	font-size: 32px;
	font-weight: 600;
	color: #fff;
	font-style: normal;
	transition: all 0.5s;
}

article div#content_wrapper section#recruit > div > a:hover span{
    color: #0D4746;
}
article div#content_wrapper section#recruit > div > a:hover em{
    color: #0D4746;
}

@media screen and (max-width:1024px){
	article div#content_wrapper section#recruit{
		margin-top: 0;
		padding-top: 0;
	}
	article div#content_wrapper section#recruit > div{
		max-width: 100%;
		padding: 80px 4% 75px 4%;
	}
}

/* 画面幅768px未満
=======================================*/
@media screen and (max-width:768px){
	article div#content_wrapper section#recruit h2 div{
		font-size: 40px;
	}
	article div#content_wrapper section#recruit h2 span{
		font-size: 16px;
	}
	article div#content_wrapper section#recruit > div > em{
		font-size: 17px;
	}
	article div#content_wrapper section#recruit > div > p{
		font-size: 17px;
	}
	article div#content_wrapper section#recruit > div > div ul li b{
		width: 190px;
		padding-left: 40px;
	}
	article div#content_wrapper section#recruit > div > div ul li b > br{
		display: block;
	}
	article div#content_wrapper section#recruit > div > div  ul li span{
		width: calc(100% - 200px);
	}
	article div#content_wrapper section#recruit > div > a{
		height: 90px;
	}
	article div#content_wrapper section#recruit > div > a span{
		margin-bottom: 10px;
	}
	article div#content_wrapper section#recruit > div > a em{
		font-size: 28px;
	}
}
@media screen and (max-width: 512px) {
	article div#content_wrapper section#recruit h2 div{
		font-size: 36px;
	}
}
@media screen and (max-width: 480px) {
	article div#content_wrapper section#recruit h2{
		margin-bottom: 30px;
	}
	article div#content_wrapper section#recruit h2 div{
		font-size: 30px;
	}
	article div#content_wrapper section#recruit > div > div ul li b{
		width: 125px;
		padding-left: 10px;
		font-size: 14px;
	}
	article div#content_wrapper section#recruit > div > div  ul li span{
		width: calc(100% - 135px);
		font-size: 14px;
	}
	article div#content_wrapper section#recruit > div > div ul li{
		padding: 15px 0;
	}
	article div#content_wrapper section#recruit > div > em{
		font-size: 15px;
	}
	article div#content_wrapper section#recruit > div > p{
		font-size: 15px;
	}
	article div#content_wrapper section#recruit > div > a em{
		font-size: 24px;
	}
	article div#content_wrapper section#recruit > div > a span{
		font-size: 14px;
		margin-bottom: 5px;
	}
	article div#content_wrapper section#recruit > div > a{
		height: 80px;
	}
}
@media screen and (max-width: 400px) {
	article div#content_wrapper section#recruit h2 div > br{
		display: block;
	}
}
@media screen and (max-width: 370px) {
	article div#content_wrapper section#recruit > div > em{
		letter-spacing: 0;
	}
	article div#content_wrapper section#recruit > div > p{
		letter-spacing: 0;
	}
}
@media screen and (max-width: 350px) {
	article div#content_wrapper section#recruit > div > a span{
		text-align: center;
		line-height: 1.4;
	}
	article div#content_wrapper section#recruit > div > a span br{
		display: block;
	}
	article div#content_wrapper section#recruit > div > a{
		height: 90px;
	}
}


/* @media screen and (max-width: 480px) {
	article div#content_wrapper section#recruit h2{
		margin-bottom: 30px;
	}
	article div#content_wrapper section#recruit h2 div{
		font-size: 36px;
	}
	article div#content_wrapper section#recruit > div > div ul li b{
		width: 100%;
		padding-left: initial;
		padding: 15px 0;
		background-color: #0D4746;
		text-align: center;
		color: #FFF;
	}
	article div#content_wrapper section#recruit > div > div  ul li span{
		width: 100%;
		padding: 15px 20px 20px;
		text-align: center;
	}
	article div#content_wrapper section#recruit > div > div ul li{
		padding: 0;
		flex-direction: column;
		border: 1px solid #0D4746;
	}
} */