@charset "UTF-8";
/* CSS Document */

.content.recruit.conv .main_img .photo {
	background-image: url("../images/conversation/main_top.jpg");
}

.content.recruit.conv .wrapper {
	padding: 0;
}


.content.recruit.conv .wrapper_left,
.content.recruit.conv .wrapper_right {
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
	float: left;
}

.content.recruit.conv dl {
	width: 50%;
	margin: 0;
	float: left;
}

.content.recruit.conv .wrapper_right dl {
	float: right;
}

.content.recruit.conv dd {
	width: 80%;
	margin: 50px 10% 0;
	float: left;
}

.content.recruit.conv dd .copy {
	color: #0080ab;
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 30px;
}

.content.recruit.conv dd .copy2 {
	font-size: 18px;
	font-weight: 700;
}

.content.recruit.conv dd .profile {
	margin: 30px 0;
	line-height: 30px;
}

.content.recruit.conv dl dt {
	width: 90%;
	margin: 0 0 0 10%;
}

.content.recruit.conv dl.photo dt {
	width: 100%;
	height: 500px;
	margin: 0;
	padding: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/*.content.recruit.conv dl.photo.conv01 dt { background-image: url("../images/conversation/img_conv01.jpg"); }*/
.content.recruit.conv dl.photo.conv02 dt { background-image: url("../images/conversation/img_conv02.jpg"); }
.content.recruit.conv dl.photo.conv03 dt { background-image: url("../images/conversation/img_conv03.jpg"); }


.content.recruit .btn .more {
	width: 80px;
	height: 80px;
	margin: 0 auto 0;
	padding: 0;
}

.content.recruit .btn .more a {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 35px 0 0;
	border-radius: 40px;
	color: #FFF;
	display: block;
}


/* ****************************************************************
          Responsive  Rayout Width 1400px
******************************************************************* */

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


}


/* ****************************************************************
          Responsive  Rayout Width 1000px
******************************************************************* */

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

.content.recruit.conv .main_img {
	margin-bottom: 150px;
}

.content.recruit.conv dl {
	width: 100%;
}


.content.recruit.conv dd {
	width: 80%;
	margin: 50px 10%;
}

.content.recruit.conv dl.photo dt {
	width: 80%;
	height: auto;
	aspect-ratio: 960/500;
	margin: 0 10% 30px;
}


}


/* ****************************************************************
          Responsive  Rayout Width 580px
******************************************************************* */

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

.content.recruit.conv dd {
	width: 90%;
	margin: 30px 5% 0;
}

.content.recruit.conv dl dt {
	width: 100%;
	margin: 30px 0 0;
	font-size: 18px;
	line-height: 40px;
}

.content.recruit.conv dl.photo dt {
	width: 90%;
	margin: 0 5%;
}

.content.recruit.conv dd .copy {
	font-size: 18px;
	margin: 0;
}

.content.recruit.conv dd .copy2 {
	font-size: 16px;
	margin: 1em 0 0;
}



}