@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : common.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
.con_interview .box_interview .box_slides .box_slide, .con_main_title h2, .box_breadcrum ul {
	max-width: 1120px;
	margin: auto;
}
@media only screen and (max-width: 1119px) {
  .con_interview .box_interview .box_slides .box_slide, .con_main_title h2, .box_breadcrum ul {
		width: 95%;
  }
}
@media print {
  .con_interview .box_interview .box_slides .box_slide, .con_main_title h2, .box_breadcrum ul {
		width: 95%;
  }
}
.ie8 .con_interview .box_interview .box_slides .box_slide, .con_interview .box_interview .box_slides .ie8 .box_slide, .ie8 .con_main_title h2, .con_main_title .ie8 h2, .ie8 .box_breadcrum ul, .box_breadcrum .ie8 ul {
	width: 95%;
}

.con_interview .inner {
	max-width: 1200px;
	margin: auto;
}
@media only screen and (max-width: 1199px) {
  .con_interview .inner {
		width: 95%;
  }
}
@media print {
  .con_interview .inner {
		width: 95%;
  }
}
.ie8 .con_interview .inner, .con_interview .ie8 .inner {
	width: 95%;
}

.con_interview .box_interview .box_slides .box_slide .infos:after, .con_interview .box_list .list .slick-slide ul:after, .box_breadcrum ul:after {
	content: "";
	display: table;
	clear: both;
}

/*Animate */
/*Vertical text */
/* -----------------------------------------------------------
	Slick full height
		--> add class "full" to slickslider
	Set height for bg_photo
		--> @include cV(height, 800px, 600px, 300px);
----------------------------------------------------------- */
.bg_photo img {
	display: none;
}

.slick-slider * {
	outline: none;
}
.slick-slider.full {
	height: 100%;
}
.slick-slider.full .slick-list {
	height: 100%;
}
.slick-slider.full .slick-list .slick-track {
	height: 100%;
}
.slick-slider.full .slick-list .slick-track .slick-slide {
	height: 100%;
}
.slick-slider.full .slick-list .slick-track .slick-slide .bg_photo {
	height: 100%;
	position: relative;
}
.slick-slider.full .slick-list .slick-track .slick-slide .bg_photo img {
	display: none;
}
.slick-slider.swhite .slick-arrow, .slick-slider.sblack .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 50;
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 0;
	width: 22px;
	height: 65px;
	margin-top: -32px;
	cursor: pointer;
}
.slick-slider.swhite .slick-arrow.slick-prev, .slick-slider.sblack .slick-arrow.slick-prev {
	left: -45px;
}
@media only screen and (max-width: 1200px) {
  .slick-slider.swhite .slick-arrow.slick-prev, .slick-slider.sblack .slick-arrow.slick-prev {
		left: -10px;
  }
}
@media print {
  .slick-slider.swhite .slick-arrow.slick-prev, .slick-slider.sblack .slick-arrow.slick-prev {
		left: -10px;
  }
}
.ie8 .slick-slider.swhite .slick-arrow.slick-prev, .ie8 .slick-slider.sblack .slick-arrow.slick-prev {
	left: -10px;
}
@media only screen and (max-width: 767px) {
  .slick-slider.swhite .slick-arrow.slick-prev, .slick-slider.sblack .slick-arrow.slick-prev {
		left: 0;
  }
}
.slick-slider.swhite .slick-arrow.slick-next, .slick-slider.sblack .slick-arrow.slick-next {
	right: -45px;
}
@media only screen and (max-width: 1200px) {
  .slick-slider.swhite .slick-arrow.slick-next, .slick-slider.sblack .slick-arrow.slick-next {
		right: -10px;
  }
}
@media print {
  .slick-slider.swhite .slick-arrow.slick-next, .slick-slider.sblack .slick-arrow.slick-next {
		right: -10px;
  }
}
.ie8 .slick-slider.swhite .slick-arrow.slick-next, .ie8 .slick-slider.sblack .slick-arrow.slick-next {
	right: -10px;
}
@media only screen and (max-width: 767px) {
  .slick-slider.swhite .slick-arrow.slick-next, .slick-slider.sblack .slick-arrow.slick-next {
		right: 0;
  }
}
.slick-slider.swhite .slick-prev {
	background: transparent url(../hnd_images/common/ic_arr_white_left.png) no-repeat center center;
	background-size: cover;
}
.slick-slider.swhite .slick-next {
	background: transparent url(../hnd_images/common/ic_arr_white_right.png) no-repeat center center;
	background-size: cover;
}
.slick-slider.sblack .slick-prev {
	background: transparent url(../hnd_images/common/ic_arr_black_left.png) no-repeat center center;
	background-size: cover;
}
.slick-slider.sblack .slick-next {
	background: transparent url(../hnd_images/common/ic_arr_black_right.png) no-repeat center center;
	background-size: cover;
}

/* -----------------------------------------------------------
	btn_yellow_light
----------------------------------------------------------- */
.btn_yellow_light a {
	display: inline-block;
	text-align: center;
	text-decoration: none !important;
	width: 100%;
	position: relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background: white;
	color: #fff !important;
	background: #a98934;
}
.btn_yellow_light a:before, .btn_yellow_light a:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_yellow_light a:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
}
.btn_yellow_light a span {
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 116%;
	padding: .65em 1em;
}
.btn_yellow_light a span:before, .btn_yellow_light a span:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_yellow_light a span:before {
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
}
.btn_yellow_light a:hover {
	opacity: .95;
}
.btn_yellow_light a:hover:before, .btn_yellow_light a:hover:after {
	width: 0;
	opacity: 1;
}
.btn_yellow_light a:hover span:before, .btn_yellow_light a:hover span:after {
	height: 0;
	opacity: 1;
}

/* -----------------------------------------------------------
	btn_white
----------------------------------------------------------- */
.btn_white a {
	display: inline-block;
	text-align: center;
	text-decoration: none !important;
	width: 100%;
	position: relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background: white;
	color: #fff !important;
	background: transparent;
	border: 2px solid #fff;
}
.btn_white a:before, .btn_white a:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_white a:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
}
.btn_white a span {
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 116%;
	padding: .65em 1em;
}
.btn_white a span:before, .btn_white a span:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_white a span:before {
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
}
.btn_white a:hover {
	opacity: .95;
}
.btn_white a:hover:before, .btn_white a:hover:after {
	width: 0;
	opacity: 1;
}
.btn_white a:hover span:before, .btn_white a:hover span:after {
	height: 0;
	opacity: 1;
}
.btn_white a:hover {
	border-color: transparent;
	background: rgba(255, 255, 255, 0.4);
}

/* -----------------------------------------------------------
	btn_blue
----------------------------------------------------------- */
.btn_blue a {
	display: inline-block;
	text-align: center;
	text-decoration: none !important;
	width: 100%;
	position: relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background: white;
	color: #fff !important;
	background: #0a3759;
	border: 1px solid #0a3759;
}
.btn_blue a:before, .btn_blue a:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_blue a:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
}
.btn_blue a span {
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 116%;
	padding: .65em 1em;
}
.btn_blue a span:before, .btn_blue a span:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_blue a span:before {
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
}
.btn_blue a:hover {
	opacity: .95;
}
.btn_blue a:hover:before, .btn_blue a:hover:after {
	width: 0;
	opacity: 1;
}
.btn_blue a:hover span:before, .btn_blue a:hover span:after {
	height: 0;
	opacity: 1;
}
.btn_blue a:hover {
	border-color: #fff;
}

/* -----------------------------------------------------------
	btn_gray
----------------------------------------------------------- */
.btn_gray a {
	display: inline-block;
	text-align: center;
	text-decoration: none !important;
	width: 100%;
	position: relative;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	background: silver;
	color: #333 !important;
	background: #eee;
	border: 1px solid #c0c0c0;
}
.btn_gray a:before, .btn_gray a:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #c0c0c0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_gray a:after {
	top: auto;
	left: auto;
	right: 0;
	bottom: 0;
}
.btn_gray a span {
	display: inline-block;
	width: 100%;
	position: relative;
	font-size: 116%;
	padding: .65em 1em;
}
.btn_gray a span:before, .btn_gray a span:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: #c0c0c0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.btn_gray a span:before {
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
}
.btn_gray a:hover {
	opacity: .95;
}
.btn_gray a:hover:before, .btn_gray a:hover:after {
	width: 0;
	opacity: 1;
}
.btn_gray a:hover span:before, .btn_gray a:hover span:after {
	height: 0;
	opacity: 1;
}
.btn_gray a span {
	font-size: 124%;
}
.btn_gray a:hover {
	border-color: #fff;
}

/* -----------------------------------------------------------
	btn_link
----------------------------------------------------------- */
.btn_link a {
	font-size: 124%;
}

/* -----------------------------------------------------------
	st_md
----------------------------------------------------------- */
.st_md {
	text-align: center;
	font-weight: normal;
}
.st_md em {
	color: #333;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 231%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_md em {
		font-size: 193%;
  }
}
@media only screen and (max-width: 767px) {
  .st_md em {
		font-size: 154%;
  }
}
.st_md span {
	font-family: "Gilda Display", serif;
	font-size: 139%;
	color: #9c9c9c;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_md span {
		font-size: 124%;
  }
}
@media only screen and (max-width: 767px) {
  .st_md span {
		font-size: 108%;
  }
}

/* -----------------------------------------------------------
	st_title
----------------------------------------------------------- */
.st_title {
	margin-bottom: 1.5em;
	border-bottom: solid 5px #e9e9e9;
	position: relative;
	font-size: 200%;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_title {
		font-size: 185%;
  }
}
@media only screen and (max-width: 767px) {
  .st_title {
		font-size: 139%;
  }
}
.st_title:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 5px #6c92ba;
	bottom: -5px;
	width: 15%;
}
.st_title span {
	padding-left: 1em;
	padding-bottom: 0.8em;
}

/* -----------------------------------------------------------
	.con_interview
----------------------------------------------------------- */
.con_interview .box_interview {
	background: #0a3759;
	padding: 40px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview {
		padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview {
		padding: 20px 0;
  }
}
.con_interview .box_interview .st_md {
	margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .st_md {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .st_md {
		margin-bottom: 20px;
  }
}
.con_interview .box_interview .st_md em {
	color: #fff;
}
.con_interview .box_interview .st_md span {
	color: #001120;
}
.con_interview .box_interview .cap {
	text-align: center;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 124%;
	margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .cap {
		font-size: 116%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .cap {
		font-size: 108%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .cap {
		margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .cap {
		margin-bottom: 20px;
  }
}
.con_interview .box_interview .box_slides {
	overflow: hidden;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 10px;
	padding: 40px 0;
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides {
		margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides {
		padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides {
		padding: 25px 0;
  }
}
.con_interview .box_interview .box_slides .box_slide {
	max-width: 1028px;
}
.con_interview .box_interview .box_slides .box_slide .infos .photo {
	float: left;
	width: 380px;
	height: 380px;
	border-radius: 50%;
}
@media only screen and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .photo {
		width: 250px;
		height: 250px;
  }
}
@media only screen and (max-width: 500px) {
  .con_interview .box_interview .box_slides .box_slide .infos .photo {
		width: 150px;
		height: 150px;
  }
}
@media only screen and (max-width: 370px) {
  .con_interview .box_interview .box_slides .box_slide .infos .photo {
		width: 100px;
		height: 100px;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .photo img {
	display: none;
	width: 100%;
	max-width: none;
	border-radius: 50%;
}
.con_interview .box_interview .box_slides .box_slide .infos .photo.news {
	position: relative;
}
.con_interview .box_interview .box_slides .box_slide .infos .photo.news:after {
	content: 'NEW';
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 170%;
	width: 75px;
	height: 75px;
	line-height: 75px;
	background: #a98934;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 1em;
	z-index: 10;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .photo.news:after {
		font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .photo.news:after {
		font-size: 108%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .photo.news:after {
		width: 60px;
		height: 60px;
		line-height: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .photo.news:after {
		width: 40px;
		height: 40px;
		line-height: 40px;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info {
	float: right;
	width: calc(100% - 400px);
	margin-bottom: 110px;
}
@media only screen and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info {
		margin-bottom: 0;
		width: calc(100% - 280px);
  }
}
@media only screen and (max-width: 500px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info {
		width: calc(100% - 170px);
  }
}
@media only screen and (max-width: 370px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info {
		width: calc(100% - 110px);
		margin: 0;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info h5 {
	margin: 0 0 15px;
	font-weight: normal;
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h5 {
		margin: 0 0 5px;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info h5 span {
	background: #041c33;
	display: inline-block;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 154%;
	padding: .2em 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h5 span {
		font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h5 span {
		font-size: 93%;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info .cate {
	color: #7f5e05;
	font-size: 100%;
	display: table;
	margin: 0 0 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .cate {
		font-size: 93%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .cate {
		font-size: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .cate {
		margin: 0 0 5px;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info .cate em {
	display: inline-block;
	padding: .1em 1em;
	display: inline-block;
	color: #fff;
	border-radius: 10px;
	background: #a98934;
	margin-right: 10px;
	min-width: 85px;
	text-align: center;
	min-width: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .cate em {
		min-width: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .cate em {
		min-width: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .cate em {
		padding: 0.5em;
		font-size: 80%;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info .cate span {
	display: table-cell;
	vertical-align: middle;
}
.con_interview .box_interview .box_slides .box_slide .infos .info h4 {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 231%;
	font-weight: normal;
	margin: 0 0 10px;
	padding-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h4 {
		font-size: 185%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h4 {
		font-size: 124%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h4 {
		margin: 0 0 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h4 {
		padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info h4 {
		padding-left: 5px;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info h4 em {
	font-size: 67%;
}
.con_interview .box_interview .box_slides .box_slide .infos .info .txt {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 170%;
	margin-right: 15px;
	padding-left: 15px;
	margin: 0 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .txt {
		font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .txt {
		font-size: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .txt {
		padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .txt {
		padding-left: 5px;
  }
}
.con_interview .box_interview .box_slides .box_slide .infos .info .btn_gray {
	text-align: center;
}
.con_interview .box_interview .box_slides .box_slide .infos .info .btn_gray a {
	max-width: 400px;
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .infos .info .btn_gray a span {
		font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_slide .slick-arrow {
		display: none !important;
		top: 75%;
  }
}
.con_interview .box_interview .box_slides .box_thum {
	position: relative;
	overflow: hidden;
	margin-top: -80px;
	margin-left: 40%;
	width: 60%;
	z-index: 50;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_thum {
		margin-top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_thum {
		margin-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_thum {
		width: 100%;
		margin-left: 0;
  }
}
.con_interview .box_interview .box_slides .box_thum .slick-list {
	padding: 0 !important;
	overflow: visible;
	margin-left: -124px;
}
@media only screen and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_thum .slick-list {
		margin-left: 0;
  }
}
.con_interview .box_interview .box_slides .box_thum .slick-list .slick-slide {
	margin: 0;
	margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_thum .slick-list .slick-slide {
		margin: 0 5px;
  }
}
.con_interview .box_interview .box_slides .box_thum .slick-list .slick-slide .photo {
	width: 124px;
	height: 124px;
	border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .box_thum .slick-list .slick-slide .photo {
		width: 70px;
		height: 70px;
  }
}
.con_interview .box_interview .box_slides .box_thum .slick-list .slick-slide .photo img {
	max-width: none;
	width: 100%;
	border-radius: 50%;
	display: none;
}
.con_interview .box_interview .box_slides .box_thum .slick-list .slick-slide.slick-current {
	visibility: hidden;
}
@media only screen and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .box_thum .slick-list .slick-slide.slick-current {
		visibility: visible;
  }
}
.con_interview .box_interview .box_slides .btn_prev {
	position: absolute;
	width: 124px;
	height: 124px;
	z-index: 50;
	border-radius: 50%;
	bottom: 40px;
	left: -20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .btn_prev {
		bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_interview .box_slides .btn_prev {
		bottom: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .con_interview .box_interview .box_slides .btn_prev {
		display: none;
		width: 90px;
		height: 90px;
  }
}
.con_interview .box_interview .box_slides .sp_txt {
	text-align: center;
	margin-top: 1em;
	color: #333;
}
.con_interview .box_interview .btn_white {
	text-align: center;
}
.con_interview .box_interview .btn_white a {
	max-width: 400px;
}
.con_interview .box_list {
	display: none;
	background: #022341;
	padding: 55px 0 40px;
	text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_list {
		padding: 40px 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_list {
		padding: 30px 0 25px;
  }
}
.con_interview .box_list h3 {
	margin-bottom: 30px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 185%;
	font-weight: normal;
	color: #fff;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_list h3 {
		margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_list h3 {
		margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_list h3 {
		font-size: 170%;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_list h3 {
		font-size: 154%;
  }
}
.con_interview .box_list .sp_txt {
	text-align: center;
	margin-top: 1em;
	color: #fff;
	margin-bottom: 1em;
}
.con_interview .box_list .list {
	max-width: 1028px;
	margin: 0 auto;
	margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_interview .box_list .list {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_interview .box_list .list {
		margin-bottom: 20px;
  }
}
.con_interview .box_list .list .slick-slide ul li {
	height: 0;
	float: left;
	width: 17.50973%;
	margin-right: 2.91829%;
	margin-bottom: 20px;
}
@media only screen and (max-width: 1027px) {
  .con_interview .box_list .list .slick-slide ul li {
		width: 19.2%;
		margin-right: 1%;
  }
}
@media print {
  .con_interview .box_list .list .slick-slide ul li {
		width: 19.2%;
		margin-right: 1%;
  }
}
.ie8 .con_interview .box_list .list .slick-slide ul li {
	width: 19.2%;
	margin-right: 1%;
}
@media only screen and (max-width: 767px) {
  .con_interview .box_list .list .slick-slide ul li {
		width: 49%;
		margin: 0 .5% 20px;
  }
}
.con_interview .box_list .list .slick-slide ul li a {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	height: 100%;
}
.con_interview .box_list .list .slick-slide ul li a .photo {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	position: relative;
	margin: 0 auto;
}
@media only screen and (max-width: 1027px) {
  .con_interview .box_list .list .slick-slide ul li a .photo {
		width: 140px;
		height: 140px;
  }
}
@media print {
  .con_interview .box_list .list .slick-slide ul li a .photo {
		width: 140px;
		height: 140px;
  }
}
.ie8 .con_interview .box_list .list .slick-slide ul li a .photo {
	width: 140px;
	height: 140px;
}
.con_interview .box_list .list .slick-slide ul li a .photo:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
	opacity: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.con_interview .box_list .list .slick-slide ul li a .photo img {
	display: none;
}
.con_interview .box_list .list .slick-slide ul li a .photo span {
	position: absolute;
	background: #011528;
	color: #fff;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 108%;
	text-align: center;
	width: 90%;
	border-radius: 15px;
	bottom: 0;
	left: 5%;
	padding: .2em 0;
	z-index: 3;
}
.con_interview .box_list .list .slick-slide ul li a .photo em {
	position: absolute;
	top: 50%;
	width: 90%;
	left: 5%;
	font-size: 100%;
	color: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid #fff;
	padding: .25em 0;
	z-index: 2;
	opacity: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.con_interview .box_list .list .slick-slide ul li a .photo.news:after {
	content: 'NEW';
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 108%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #a98934;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.con_interview .box_list .list .slick-slide ul li a h4 {
	font-weight: normal;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 108%;
	margin: .1em 0 .2em;
}
.con_interview .box_list .list .slick-slide ul li a .cate span {
	padding: .1em 0.5em;
	font-size: 100%;
	background: #695219;
	display: inline-block;
}
.con_interview .box_list .list .slick-slide ul li a .txt {
	margin-top: .1em;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 124%;
}
.con_interview .box_list .list .slick-slide ul li a:hover .photo:before, .con_interview .box_list .list .slick-slide ul li a:hover .photo em {
	opacity: 1;
}
@media only screen and (min-width: 768px) {
  .con_interview .box_list .list .slick-slide ul li:nth-child(5n+5) {
		margin-right: 0;
  }
}
@media print {
  .con_interview .box_list .list .slick-slide ul li:nth-child(5n+5) {
		margin-right: 0;
  }
}
.ie8 .con_interview .box_list .list .slick-slide ul li:nth-child(5n+5) {
	margin-right: 0;
}
.con_interview .box_list .btn_white {
	text-align: center;
}
.con_interview .box_list .btn_white a {
	max-width: 400px;
}

/* -----------------------------------------------------------
	.con_main_title
----------------------------------------------------------- */
.con_main_title {
	background: transparent url(../hnd_images/common/img_title.jpg) no-repeat top center;
	background-size: cover;
	height: 240px;
	position: relative;
	border-bottom: 3px solid #efefef;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_title {
		height: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_title {
		height: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_title {
		border-bottom: 2px solid #efefef;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_title {
		border-bottom: 1px solid #efefef;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_title {
		background-position: left;
  }
}
.con_main_title h2 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: normal;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
	font-size: 277%;
	color: #0a3455;
	padding-bottom: 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main_title h2 {
		font-size: 231%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_title h2 {
		font-size: 193%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main_title h2 {
		padding-bottom: 0;
  }
}
.con_main_title .box_breadcrum {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: rgba(239, 239, 239, 0.34);
}

.box_breadcrum {
	padding: 1em 0;
	background: #efefef;
}
@media only screen and (max-width: 767px) {
  .box_breadcrum {
		display: none;
  }
}
.box_breadcrum ul li {
	display: inline-block;
	font-size: 108%;
	line-height: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_breadcrum ul li {
		font-size: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .box_breadcrum ul li {
		font-size: 85%;
  }
}
@media only screen and (max-width: 767px) {
  .box_breadcrum ul li {
		margin: 5px 0;
  }
}
.box_breadcrum ul li a {
	display: inline-block;
	text-decoration: none !important;
	padding: 0 1.5em;
	position: relative;
}
.mouse .box_breadcrum ul li a:hover, .touch .box_breadcrum ul li a.touchstart {
	text-decoration: underline !important;
}
.touch .box_breadcrum ul li a {
	-webkit-tap-highlight-color: transparent;
}
.touch .box_breadcrum ul li a.touchend {
	-moz-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms;
}
@media only screen and (max-width: 767px) {
  .box_breadcrum ul li a {
		padding: 0 1em;
  }
}
.box_breadcrum ul li a.home {
	padding-left: 0;
}
.box_breadcrum ul li a.home:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 12px;
	background: transparent url(../hnd_images/common/ic_home.png) no-repeat center center;
	background-size: cover;
	margin-right: 5px;
}
.box_breadcrum ul li a:after {
	content: '|';
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.box_breadcrum ul li span {
	display: inline-block;
	padding: 0 1.5em;
	color: #b8b8b7;
}
@media only screen and (max-width: 767px) {
  .box_breadcrum ul li span {
		padding: 0 1em;
  }
}