@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#main {
	padding-bottom: 40px;
}

#main .headLine01 {
	border: none;
}

#main .topBox {
	margin-bottom: 53px;
	text-align: center;
	background: url(../../img/message/top_bg.jpg) repeat-y center top;
}

#main .subBox {
	margin: 0 auto;
	width: 710px;
	padding-top:30px;
}

#main .subBox h3 {
	margin-bottom: 15px;
	color: #182d3d;
	font-size: 24px;
	background: #CAE9FF;
		padding:15px 20px;
}

#main .subBox p {
	font-size: 14px;
	line-height: 2.15;
}

#main .member_cont{
	max-width: 1100px;
	margin: 0 auto;
	padding-top:50px;
}

.title_bg{
	background: #2E5886;
	padding:60px 20px;
}

.main_cont img{
	width: 100%;
}
.subtitle{
	max-width: 300px !important;
	display: flex;
	justify-content: flex-end;
	margin: -55px 0 0 0;
}

.tabletalk{
	margin: 0 auto;
	text-align: center;
}
.tabletalk p{
	margin: 0 auto;
	text-align: center;
	color: #00E5FF;
}

.col2{
	width:49%;
	display: inline-block;
	padding:30px 20px;
	vertical-align: top;
}

.col2 h3{
	width:100%;
	display: inline-block;
	margin-bottom: 20px;
}

.member_img{
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.member_txt{
	width: 50%;
	display: inline-block;
	letter-spacing: .05em;
	line-height: 2;
	padding: 22px 20px 30px;
	background: #fff;
	vertical-align: top;
}

.member_txt h4{
	font-size: 24px;
	line-height: 1.4;
}

.member_txt h4 span{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 1px;
}

.member_txt .prof_txt{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	margin: 10px 0;
}

.prof_title{
	border-bottom: 1px solid #dadddf;
	border-top: 1px solid #dadddf;
	padding: 5px 20px 6px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
}
.member_txt p{
	font-size: 14px;
	margin: 15px 0;
	line-height: 1.5;
}

#main{
	background:#F2F2F2;
}

#txt{
	background-color: #2E5886;
	padding: 150px 0;
	position: relative;
}

 .title_txt{
  color: #fff;
  display: flex;
  left: 70px;
  position: absolute;
  top: 196px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
}

.title_txt_r{
  color: #fff;
  display: flex;
  right: 70px;
  position: absolute;
  top: 1350px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
}

 .title_txt2{
  color: #fff;
  display: flex;
  left: 70px;
  position: absolute;
  top: 3160px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
}

.sub2{
  color: #fff;
  display: flex;
  left: 70px;
  position: absolute;
  top: 3130px;
  white-space: nowrap;
  font-size: 12px;
}

.title_txt_r2{
  color: #fff;
  display: flex;
  right: 70px;
  position: absolute;
  top: 4150px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
}

.sub_r2{
  color: #fff;
  display: flex;
  right: 70px;
  position: absolute;
  top: 4120px;
  white-space: nowrap;
  font-size: 12px;
}

.sub{
  color: #fff;
  display: flex;
  left: 70px;
  position: absolute;
  top: 166px;
  white-space: nowrap;
  font-size: 12px;
}

.sub_r{
  color: #fff;
  display: flex;
  right: 70px;
  position: absolute;
  top: 1320px;
  white-space: nowrap;
  font-size: 12px;
}



.term_img{
	max-width: 1100px;
	margin: 30px auto;
}

.col1{
	padding: 0px 20px;
	margin-bottom: 50px;
}

.term01 {
  margin-left: 350px;
  transition: opacity .6s cubic-bezier(.36,.07,.7,.91) 0s;
  background-color: #fff;
  padding: 120px 80px;
}

.term02 {
  margin-right: 350px;
  transition: opacity .6s cubic-bezier(.36,.07,.7,.91) 0s;
  background-color: #fff;
  padding: 120px 80px;
}

.txt_main p{
	margin-bottom: 20px;
}

.recruit-topic {
margin-top: 0px;
background-color: #f9faf4;
	margin-bottom: 20px;
}

.recruit-topic .inner {
width: 1040px;
margin: 0 auto;
padding: 75px 0 80px;
}

.recruit-topic .inner .mynavi {
max-width: 100%;
margin: 0 auto;
}

.recruit-topic .inner .mynavi li {
width: 49%;
display: inline-block;
}

.recruit-topic .inner .mynavi li:first-child {
margin-right: 2%;
}

a:visited {
color: #000;
text-decoration: none;
}

a, a:link {
color: #000;
text-decoration: none;
transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
-o-transition: .3s;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#main {
		margin-bottom: 0px;
	}
	
	#main .topBox {
		margin-bottom: 21px;
		padding-bottom: 27px;
		text-align: left;
		background: -moz-linear-gradient(top,#F1F2F4 0%,#EEF2F3);
		background: -webkit-gradient(linear, left top, left bottom, from(#F1F2F4),to(#EEF2F3));
	}
	
	#main .topBox img {
		width: 100%;
	}
	
	#main .topBox .spBox {
		margin: 22px 15px 0;
	}
	
	#main .topBox .spBox .ttl {
		margin-bottom: 6px;
		font-size: 23px;
		line-height: 1.45;
	}
	
	#main .topBox .spBox p {
		color: #172c3c;
		font-size: 14px;
		font-weight: bold;
	}
	
	#main .subBox {
		margin: 0 17px;
		width: auto;
		padding-top:50px;
	}
	
	#main .subBox h3 {
		margin-bottom: 5px;
		color: #221714;
		font-size: 14px;
		background: #CAE9FF;
		padding:15px 20px;
		
	}
	
	#main .subBox p {
		font-size: 12px;
		line-height: 1.8;
	}
	
	#main .subBox p {
		font-size: 12px;
		line-height: 1.8;
	}
	
	#main .member_cont .col2 {
		width: 100%;
	}
	
	#main .member_img {
		width: 100%;
	}
	
	#main .member_txt {
		width: 100%;
	}
	
	.sub{
  color: #fff;
  display: flex;
  left: 70px;
  position: static;
  top: 20px;
  white-space: nowrap;
  font-size: 12px;
}
	.title_txt{
  color: #fff;
  display: flex;
  left: 70px;
  position: static;
  top: 40px;
  white-space: nowrap;
  font-size: 20px;
  font-weight: 600;
}
	.txt_title{
		padding:40px 20px;
	}
	
	.term01 {
margin-left: 0px;
transition: opacity .6s cubic-bezier(.36,.07,.7,.91) 0s;
background-color: #fff;
padding: 40px 20px;
}
	
	.sub_r {
position: static;
}
	
	.title_txt_r {
position: static;
}
	
	.term02 {
margin-right: 0px;
padding: 40px 20px;
}
	
	.title_txt2 {
position: static;
top: 0px;
}
	
	.sub2{
  position: static;
  top: 0px;
}
	.sub_r2 {
position: static;
top: 0px;
}

.title_txt_r2{
  position: static;
  top: 0px;
}
	#txt {
padding: 40px 0;
}
	.recruit-topic .inner {
width: 100%;
margin: 0 auto;
padding: 30px 0 30px;
}
	
	.recruit-topic .inner .mynavi li {
width: 100%;
padding: 20px 10px;
	}
	
	#txt .col2{
		width: 100%;
		padding: 10px 20px;
	}
	
	#txt .col1{
		width: 100%;
		padding: 10px 20px;
	}
}