@charset "utf-8";

.about_area{
	display: flex;
	align-items: center;
	margin-bottom: 12rem;
}

.about_area .image{
	max-width: 87.5rem;
	margin-right: clamp(5rem, 5vw, 10rem);
}

.about_area .image img{
	width: 100%;
}

.about_area .text{
	width: 58rem;
	margin-top: 5rem;
}

.about_area .box{
	margin: 5rem 5rem 0;
}

.about_area .box .title{
	font-size: clamp(2rem, 5vw, 2.7rem);
	font-weight: bold;
	margin-bottom: 4rem;
}

.about_area .box p{

}

.about_area .box p .note{

}

@media screen and ( max-width: 1500px ){

	.about_area .box p .note{
		display: none;
	}

}

@media screen and ( max-width: 1180px ){

	.about_area .image {
		max-width: 45%;
	}

	.about_area .text{
		margin-top: 0;
	}


}

@media screen and ( max-width: 820px ){

	.about_area {
		max-width: 80rem;
		flex-wrap: wrap;
	}

	.about_area .image {
		max-width: 100%;
		margin-right: 0;
	}

	.about_area .box .title{
		margin-bottom: 2rem;
		font-size: 1.9rem;
	}

	.about_area .text{
		width: 100%;
	}

}

@media screen and ( max-width: 820px ){

	.about_area.top_page {
		width: auto;
		margin-left: 3rem;
		margin-right: 3rem;
	}

}

@media screen and ( max-width: 559px ){

	.about_area {
		margin-bottom: 8rem;
	}

	.about_area .box{
		margin: 3rem 0 0;
	}

}

/*-------------------------------------------------*/

.top_about_area{
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.top_about_area .image{
	margin: 0;
	margin-right: 6rem;
}

.top_about_area .image img{
	width: 100%;
}

.top_about_area .text{
	/*width: 50rem;*/
	width: 52rem;
	margin: 2rem 0;
}

.top_about_area .text h4{
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.top_about_area .text p{
	line-height: 2;
}

div.bt a{
	text-decoration: none;
	transition: .5s;
}

div.bt a:hover{
	opacity: 0.6;
}

.news_area div.bt a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22rem;
	height: 6rem;
	
	color: #fff;
	
	font-size: 1.6rem;
	font-weight: bold;
	
	margin-top: 6rem;
	margin-left: auto;
	margin-right: auto;
	border: 0.1rem solid #00a9e6;
	background: #00a9e6;
	border-radius: 0.5rem;
}

.news_area div.bt a:hover{
	background: #3282ca;
	color: #fff;
	opacity: 1;
}


.news_area div.bt span{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	margin-left: 1rem;
	font-size: 3rem;
}

@media screen and ( max-width: 1180px ){

	.top_about_area .text {
		width: 52rem;
	}

}

@media screen and ( max-width: 820px ){

	.top_about_area{
		flex-wrap: wrap;
	}
	
	.top_about_area .image {
		max-width: 50rem;
		margin-right: 0rem;
		margin-bottom: 2rem;
	}

	.top_about_area .text{
		width: 45rem;
	}

}

@media screen and ( max-width: 559px ){

	.top_about_area{
		flex-wrap: wrap;
	}
	
	.top_about_area .text {
		width: 100%;
		margin-bottom: 0;
	}
	
	.top_about_area .text p{
		margin-bottom: 0;
	}
	
	.top_about_area .image {
		width: 100%;
		margin-right: 0rem;
	}

}

/*-------------------------------------------------*/

.top_contents_area{
	margin-bottom: 12rem;
}

.top_contents_area ul{
	display: flex;
	justify-content: space-between;
}

.top_contents_area ul li{
	width: 32%;
}

.top_contents_area ul li h4{
	/* display: flex; */
	align-items: center;
	font-size: 1.5rem;
	margin-bottom: 2rem;
	font-weight: 700;
	line-height: 1.0;
	text-align: center;
	color: #386fbb;
}

.top_contents_area ul li h4 span{
	/*font-family: Futura, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;*/
	/* font-family: "Montserrat", sans-serif; */
	font-size: 3.5rem;
	font-weight: 700;
	/* margin-right: 1.5rem; */
	/*color: #11659a;*/

	display: flex;
	justify-content: center;
	align-items: center;

	/* height: 5rem; */
}

.top_contents_area ul li div.image{
	margin-bottom: 2rem;
}

.top_contents_area ul li div.image img{
	width: 100%;
}

.top_contents_area ul li div.text{
	min-height: 10rem;
	line-height: 1.8;
	margin-bottom: 2rem;
}

.top_contents_area ul li div.bt a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22rem;
	height: 6rem;
	
	font-size: 1.8rem;
	font-weight: bold;
	
	margin-left: auto;
	margin-right: auto;

	/*border-radius: 0.5rem;*/
	border: 0.1rem solid #00a9e6;
	color: #fff;
	background: #00a9e6;
	border-radius: 0.5rem;
}

.top_contents_area ul li div.bt a:hover{
	background: #3282ca;
	color: #fff;
	opacity: 1;
}

.top_contents_area ul li div.bt span{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	margin-left: 1rem;
	font-size: 3rem;
}

@media screen and ( max-width: 820px ){

	.top_contents_area ul{
		flex-wrap: wrap;
		max-width: 50rem;
		margin-left: auto;
		margin-right: auto;
	}
	
	.top_contents_area ul li {
		width: 100%;
		margin-left: 0rem;
		margin-right: 0rem;
	}
	
	.top_contents_area ul li {
		margin-bottom: 4rem;
	}
	
	.top_contents_area ul li:last-child {
		margin-bottom: 0;
	}
	
	.top_contents_area ul li h4 span{
		/*font-size: 1.8rem;*/
		/*width: 13rem;*/
		height: 4rem;
	}

	.top_contents_area ul li div.text {
		min-height: auto;
	}

	.top_contents_area ul li div.bt a {
		width: 18rem;
		height: 5rem;
	}

}

@media screen and ( max-width: 559px ){

	.top_contents_area{
		margin-bottom: 8rem;
	}

	.top_contents_area ul li {
		margin-bottom: 6rem;
	}

	.top_contents_area ul li h4 {
		align-items: flex-start;
		line-height: 1;
		text-align: left;
		display: flex;
		align-items: end;
	}

	.top_contents_area ul li h4 span {
		font-size: 2.5rem;
		font-weight: 700;
		justify-content: flex-start;
	    align-items: baseline;
		width: auto;
		height: auto;
		margin-right: 1rem;
	}

}

/*-------------------------------------------------*/

.recruit_bottom_area{

}

.recruit_bottom{
	/*:background: url(../img/recruit_bottom_area.jpg) no-repeat , #ededed;*/
	background: url(../img/top/top_recruit.jpg) no-repeat;
	background-size: cover;

	display: flex;
	justify-content: space-between;
	position: relative;
	height: 47.4rem;
	outline: 0.1rem solid #fff;
	outline-offset: -1rem;
}

.recruit_bottom .image {

}

.recruit_bottom .image img{
	width: 100%;
}

.recruit_bottom .text {
	width: 90%;
	color: #fff;
	position: absolute;
	top: 15%;
	left: 5%;
}

.recruit_bottom .text > div {
	width: 69%;
	z-index: 1;
}

.recruit_bottom .text .title{

}

.recruit_bottom .text .title h3{
	font-size: 4.0rem;
	font-weight: bold;
	margin-bottom: 0;
}

.recruit_bottom .text .title p{
	font-size: 1.8rem;
	font-weight: bold;
}

.recruit_bottom .text .sentence{
	font-size: 1.6rem;
	margin-bottom: 3rem;
}

.recruit_bottom .text .sentence.entry{
	font-size: 2.0rem;
	font-weight: bold;
}

.recruit_bottom .bt{
	
}

.recruit_bottom div.bt a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30rem;
	height: 7rem;
	
	color: #fff;
	
	font-size: 2.3rem;
	font-weight: bold;
	

	border: 0.2rem solid #fff;
}

.recruit_bottom div.bt a:hover{
	background: #fff;
	opacity: 1;
	color: #3282ca;
}

.recruit_bottom div.bt span{
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	margin-left: 1rem;
	font-size: 3rem;
}

@media screen and ( max-width: 1180px ){

	.recruit_bottom{
		background-position: right;
		overflow: hidden;
	}

}

@media screen and ( max-width: 820px ){

	.recruit_bottom {
		background: url(../img/top/top_recruit_tab_sp.jpg) no-repeat;
		background-position: top;
		flex-wrap: wrap;
		height: auto;
		background-size: cover;
		background-position: top right 100%;
		min-height: 42rem;
	}

	.recruit_bottom .text {
		top: 10%;
		left: 5%;
	}

	.recruit_bottom .text .sentence {
		font-size: 1.6rem;
	}

	.recruit_bottom .bt {
		
	}

}

@media screen and ( max-width: 768px ){

	.recruit_bottom:before {
		margin: 0.7rem;
	}

	.recruit_bottom .text {
		
	}

	.recruit_bottom .text .title h3 {
		
	}

	.recruit_bottom .text .title p{
		
	}

	.recruit_bottom .text .sentence {
		
	}

	.recruit_bottom .text div.bt a {
		
	}

}

@media screen and ( max-width: 559px ){

	.recruit_bottom {
		background: url(../img/top/top_recruit_sp.jpg) no-repeat, #219B00;
		padding-top: 13rem;
		background-size: cover;
		background-position: top right;
		padding-bottom: 5rem;

		outline: unset;
		outline-offset: unset;
	}

	.recruit_bottom .text {
		width: 84%;
		position: relative;
		top: 6rem;
		left: 0;
		right: 0;
		padding-top: 2rem;
		padding-bottom: 4rem;
		margin-left: auto;
		margin-right: auto;
	}

	.recruit_bottom .text .title {
		display: flex;
		align-items: baseline;
	}

	.recruit_bottom .text .title h3 {
		font-size: 3.0rem;
		font-weight: bold;
	}

	.recruit_bottom .text .title p {
		font-size: 1.5rem;
		margin-left: 1rem;
	}

	.recruit_bottom .text > div {
		width: 100%;
	}

	.recruit_bottom .text .sentence {
		font-size: 1.39rem;
		margin-bottom: 2rem;
	}

	.recruit_bottom .text .sentence.entry{
		font-size: 1.4rem;
	}

	.recruit_bottom .bt {
		width: 100%;
		position: relative;
		right: 0;
		bottom: 0;
	}

	.recruit_bottom div.bt a {
		width: 100%;
		height: 5.2rem;
		border: 0.1rem solid #fff;
		font-size: 2.0rem;
	}

}

@media screen and ( max-width: 320px ){

	.recruit_bottom {
		padding-top: 10rem;
		padding-bottom: 5rem;
	}

	.recruit_bottom .text {
		width: 20rem;
	}

	.recruit_bottom .text .title p {
		font-size: 2.4rem;
	}

	.recruit_bottom .text .sentence {
		font-size: 1.4rem;
	}


}

/*-------------------------------------------------*/

/*-------------------------------------------------*/