@charset "utf-8";

/*-------------------------------------------------------------------------
	株式会社DYM
	Style Sheet for Common Setting (#recruit)
	Date: 2015-01
	All content (c) RYNAPSE
-------------------------------------------------------------------------*/

/* =.member
-------------------------------------------------------------------------*/
/* visual */
ul li {
	margin-left: 1em;
}

.member .visual {
	height: 600px;
	position: relative;
}

.member .visual h1 {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

.member .visual h1 img {
	display: block;
	position: relative;
}

/* h2 */
.member h2 {
	color: #333;
	font-size: 160%;
	line-height: 1.4;
	margin-top: 20px;
}

.member .member-index-box h2 {
	border-bottom: 1px dotted #999;
	color: #273674;
	font-size: 155%;
	line-height: 1.4;
	padding: 0 0 10px;
}

.member .member-index-box h2 span {
	color: #fff;
	font-size: 55%;
	margin-right: 14px;
	padding: 2px 10px;
	vertical-align: middle;
}

.member .member-index-box .category01 h2 {
	color: #3d6ccd;
}

.member .member-index-box .category01 span,
.member .category01 .member-list li a::before,
.member .other-member-box .category01 dd a::before,
.member .other-member-box .category01 dd.on::before {
	background-color: #3d6ccd;
}

.member .member-index-box .category02 h2 {
	color: #8eb90c;
}

.member .member-index-box .category02 span,
.member .category02 .member-list li a::before,
.member .other-member-box .category02 dd a::before,
.member .other-member-box .category02 dd.on::before {
	background-color: #8eb90c;
}

.member .member-index-box .category03 h2 {
	color: #f06000;
}

.member .member-index-box .category03 span,
.member .category03 .member-list li a::before,
.member .other-member-box .category03 dd a::before,
.member .other-member-box .category03 dd.on::before {
	background-color: #f06000;
}

.member .member-index-box .category04 h2 {
	color: #f03100;
}

.member .member-index-box .category04 span,
.member .category04 .member-list li a::before,
.member .other-member-box .category04 dd a::before,
.member .other-member-box .category04 dd.on::before {
	background-color: #f03100;
}

.member .member-index-box .category05 h2 {
	color: #6c6ccd;
}

.member .member-index-box .category05 span,
.member .category05 .member-list li a::before,
.member .other-member-box .category05 dd a::before,
.member .other-member-box .category05 dd.on::before {
	background-color: #6c6ccd;
}

/* member-index-box */
.member-index-box {
	padding: 0 0 40px;
}

.member .member-index-box section {
	overflow: hidden;
}

/* data-box */
.member .data-box {
	border-top: 1px dotted #999;
	margin: 20px 0 0;
	padding: 20px 0 0;
	overflow: hidden;
}

.member .data-box dl {
	float: left;
	width: 460px;
	margin-right: 40px;
}

.member .data-box dl:nth-of-type(2n) {
	margin-right: 0;
}

.member .data-box dt {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4;
}

.member .data-box dd {
	margin: 8px 0 20px;
}

/* member-list */
.member .member-list {
	list-style: none;
	margin-top: 20px;
}

.member .member-list li {
	float: left;
}

.member .member-list li a,
.member .other-member-box dl dd a,
.member .other-member-box dl dd.on {
	background-size: cover;
	display: block;
	position: relative;
}

.member .member-list li a::before,
.member .other-member-box dl dd a::before,
.member .other-member-box dl dd.on::before {
	content: '';
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .1s ease;
	z-index: 0;
}

.member .member-list li a:hover::before,
.member .other-member-box dl dd a:hover::before,
.member .other-member-box dl dd.on::before {
	opacity: .15;
}

.member .question-number img {
	width: 106px;
	height: 25px;
}

.member .question-number:nth-of-type(n+10) img {
	width: 114px;
}


/* float-box */
.member .float-box {
	margin-top: 20px;
	overflow: hidden;
}

.member .float-box .photo {
	float: right;
	margin: 0 0 30px 20px;
}

.member .float-box table {
	margin: 0 0 15px;
}

.member .float-box table th {
	font-weight: bold;
	font-size: 85%;
	line-height: 1.4;
	padding: 10px 20px;
	text-align: left;
	width: 28%;
}

.member .float-box table td {
	font-size: 85%;
	line-height: 1.4;
	padding: 10px 20px;
}

.member .float-box table.category02 {
	border: 4px solid #DDEAB5;
}

.member .float-box table.category02 tr:nth-of-type(2n) th {
	background: #DDEAB5;
}

.member .float-box table.category02 tr:nth-of-type(2n) td {
	background: #DDEAB5;
}

.member .float-box table.category03 {
	border: 4px solid #FDECE1;
}

.member .float-box table.category03 tr:nth-of-type(2n) th {
	background: #FDECE1;
}

.member .float-box table.category03 tr:nth-of-type(2n) td {
	background: #FDECE1;
}

.member .float-box table.category04 {
	border: 4px solid #FDE6E0;
}

.member .float-box table.category04 tr:nth-of-type(2n) th {
	background: #FDE6E0;
}

.member .float-box table.category04 tr:nth-of-type(2n) td {
	background: #FDE6E0;
}

.member .float-box table.category05 {
	border: 4px solid #DFDFF4;
}

.member .float-box table.category05 tr:nth-of-type(2n) th {
	background: #DFDFF4;
}

.member .float-box table.category05 tr:nth-of-type(2n) td {
	background: #DFDFF4;
}

/* member-menu-box */
.member .member-menu-box {
	margin: 50px 0 160px;
	border-top: 1px solid #ccc;
}

.member .member-menu-box .inner {
	overflow: hidden;
	margin: 0 auto;
}

.member .other-member-box {
	border-right: 1px solid #ccc;
	padding: 0 0 20px;
	overflow: hidden;
}

.member .other-member-box dl {
	margin: 10px 0 0;
}

.other-member-box dl dt {
	font-size: 125%;
	font-weight: bold;
}

.other-member-box dl dt span {
	font-size: 70%;
	font-weight: bold;
	color: #FFF;
	margin-right: 12px;
	vertical-align: middle;
}

.other-member-box .category01 dt {
	color: #3D6CCD;
}

.other-member-box .category01 dt span {
	background-color: #3D6CCD;
	padding: 2px 10px;
}

.other-member-box .category02 dt {
	color: #8EB90C;
}

.other-member-box .category02 dt span {
	background-color: #8EB90C;
	padding: 2px 10px;
}

.other-member-box .category03 dt {
	color: #F06000;
}

.other-member-box .category03 dt span {
	background-color: #F06000;
	padding: 2px 10px;
}

.other-member-box .category04 dt {
	color: #F03100;
}

.other-member-box .category04 dt span {
	background-color: #F03100;
	padding: 2px 10px;
}

.other-member-box .category05 dt {
	color: #6C6CCD;
}

.other-member-box .category05 dt span {
	background-color: #6C6CCD;
	padding: 2px 10px;
}

.other-member-box dl dd {
	float: left;
	width: 105px;
	margin-right: 10px;
	margin-top: 18px;
}

.other-member-box dl dd:last-child {
	margin-right: 0;
}

.other-member-box dl dd img {
	width: 100%;
}

/* category-box */
.member .category-box dl {
	margin: 10px 0 0;
	overflow: hidden;
}

.category-box dl dt {
	font-size: 110%;
	font-weight: bold;
}

.member .category-box dl dd {
	float: left;
	font-size: 95%;
	margin: 20px 10px 0 0;
}

.category-box dl dd.btn02,
.category-box dl dd.btn02-on {
	margin-right: 0;
}

.category-box dl dd a {
	font-weight: bold;
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 35px 0;
}

.category-box dl dd a::before,
.category-box dl dd a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}

.category-box dl dd a,
.category-box dl dd a:before,
.category-box dl dd a::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}

.category-box dl dd.btn01 a {
	color: #3D6CCD;
	border: 3px solid #C1D1F0;
}

.category-box dl dd.btn01 a:hover {
	color: #FFF;
	background: #3D6CCD;
	border: 3px solid #3D6CCD;
}

.category-box dl dd.btn02 a {
	color: #8EB90C;
	border: 3px solid #D0E299;
}

.category-box dl dd.btn02 a:hover {
	color: #FFF;
	background: #8EB90C;
	border: 3px solid #8EB90C;
}

.category-box dl dd.btn03 a {
	color: #F38033;
	border: 3px solid #FACFB2;
}

.category-box dl dd.btn03 a:hover {
	color: #FFF;
	background: #F38033;
	border: 3px solid #F38033;
}

.category-box dl dd.btn04 a {
	color: #F03100;
	border: 3px solid #FBC2B4;
}

.category-box dl dd.btn04 a:hover {
	color: #FFF;
	background: #F03100;
	border: 3px solid #F03100;
}

.category-box dl dd.btn05 a {
	color: #6C6CCD;
	border: 3px solid #D1D1F0;
}

.category-box dl dd.btn05 a:hover {
	color: #FFF;
	background: #6C6CCD;
	border: 3px solid #6C6CCD;
}

.category-box dl dd.on {
	width: 79px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	padding: 35px 0;
}

.category-box dl dd.btn01-on {
	background: #3D6CCD;
	border: 3px solid #3D6CCD;
}

.category-box dl dd.btn02-on {
	background: #8EB90C;
	border: 3px solid #8EB90C;
}

.category-box dl dd.btn03-on {
	background: #F38033;
	border: 3px solid #F38033;
}

.category-box dl dd.btn04-on {
	background: #F03100;
	border: 3px solid #F03100;
}

.category-box dl dd.btn05-on {
	background: #6C6CCD;
	border: 3px solid #6C6CCD;
}

/* member-back-btn */
.member .member-back-btn {
	margin: 0;
	border-top: 1px solid #ccc;
}

.member .member-back-btn ul {
	list-style: none;
	margin: 20px auto 0;
	overflow: hidden;
}

.member .member-back-btn ul li {
	color: #fff;
	font-size: 100%;
	float: left;
	font-weight: bold;
	line-height: 1.9;
	text-align: center;
}

.member .member-back-btn ul li a {
	background: #202c5c;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0;
}

.member .member-back-btn ul li a:before,
.member .member-back-btn ul li a:after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
}

.member .member-back-btn ul li a,
.member .member-back-btn ul li a:before,
.member .member-back-btn ul li a:after {
	-webkit-transition: all .3s;
	transition: all .3s;
}

.member .member-back-btn ul li a:hover {
	background: #586898;
}

.member .member-back-btn ul li a span {
	background: url(//dym.bz/common/img/dymlink_arrow03.png) left center no-repeat;
	font-size: 100%;
	padding-left: 15px;
}

.member .member-back-btn ul .next a span {
	background: url(//dym.bz/common/img/dymlink_arrow02.png) left center no-repeat;
	font-size: 100%;
	padding-left: 15px;
}

.member .member-back-btn p {
	color: #fff;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.9;
	margin-top: 20px;
	text-align: center;
}

.member .member-back-btn p a {
	background: #202C5C;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 0 auto;
	padding: 10px 0;
	text-decoration: none;
	width: 18em;
}

.member .member-back-btn p a:hover {
	background: #586898;
}

.member .member-back-btn p a span {
	font-size: 100%;
	background: url(//dym.bz/common/img/dymlink_arrow03.png) left center no-repeat #202c5c;
	padding-left: 15px;
}

.member .member-back-btn p a:hover span {
	background: url(//dym.bz/common/img/dymlink_arrow03.png) left center no-repeat #586898;
}

/* =.photo-gallery
-------------------------------------------------------------------------*/
.photo-gallery article>ul>li {
	margin: 0 0 2em;
}

.photo-gallery article>ul>li div h3 {
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 0 0 1em;
}

.photo-gallery article>ul>li div h3:before {
	display: block;
	width: 7em;
	font-weight: 400;
	font-family: 'Nunito', sans-serif;
	font-size: 1.4rem;
	line-height: 2;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 .5em 0;
	color: #FFF;
	background: #131B3F;
}

.photo-gallery article>ul li:nth-child(1) div h3:before {
	content: 'Event 1';
}

.photo-gallery article>ul li:nth-child(2) div h3:before {
	content: 'Event 2';
}

.photo-gallery article>ul li:nth-child(3) div h3:before {
	content: 'Event 3';
}

.photo-gallery article>ul li:nth-child(4) div h3:before {
	content: 'Event 4';
}

.photo-gallery article>ul li:nth-child(5) div h3:before {
	content: 'Event 5';
}

.photo-gallery article>ul li:nth-child(6) div h3:before {
	content: 'Event 6';
}

.photo-gallery article>ul li:nth-child(7) div h3:before {
	content: 'Event 7';
}

.photo-gallery article>ul li:nth-child(8) div h3:before {
	content: 'Event 8';
}

.photo-gallery article>ul li:nth-child(9) div h3:before {
	content: 'Event 9';
}

.photo-gallery article>ul li:nth-child(10) div h3:before {
	content: 'Event 10';
}

.photo-gallery article>ul li:nth-child(11) div h3:before {
	content: 'Event 11';
}

.photo-gallery article>ul li:nth-child(12) div h3:before {
	content: 'Event 12';
}

.photo-gallery article>ul li:nth-child(13) div h3:before {
	content: 'Event 13';
}

.photo-gallery article>ul li:nth-child(14) div h3:before {
	content: 'Event 14';
}

.photo-gallery article>ul li:nth-child(15) div h3:before {
	content: 'Event 15';
}

.photo-gallery article>ul li:nth-child(16) div h3:before {
	content: 'Event 16';
}

.photo-gallery article>ul li:nth-child(17) div h3:before {
	content: 'Event 17';
}

.photo-gallery article>ul li:nth-child(18) div h3:before {
	content: 'Event 18';
}

.photo-gallery article>ul li:nth-child(19) div h3:before {
	content: 'Event 19';
}

.photo-gallery article>ul>li div p {
	font-size: 1.4rem;
	color: #000;
	margin: 0;
}

.photo-gallery article>ul>li .text ul {
	margin: 1em 0 0 25px;
	list-style-type: disc;
}

.photo-gallery article>ul>li div table tr td:first-child {
	width: 28%;
}

.photo-gallery .flexslider {
	margin: 0;
}

.photo-gallery .flexslider-outer {
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	border: 4px solid #fff;
	border-radius: 4px;
	margin: 0 0 20px;
}

.photo-gallery .flexslider-outer .carousel {
	border-top: 4px solid #fff;
}

.photo-gallery .flex-direction-nav a {
	background: url("../img/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 30px;
	width: 30px;
	text-indent: -9999px;
}

.photo-gallery .carousel .flex-direction-nav {
	display: none;
}

/* =.welfare
-------------------------------------------------------------------------*/
.welfare .lead {
	margin: 0 0 4em;
}

.welfare .lead figure {
	text-align: left;
	margin: 0 0 2em;
}

.welfare .lead figure img {
	width: 100%;
}

.welfare article>ul>li {
	margin: 0 0 2em;
}

.welfare article>ul>li img {
	display: block;
	margin: 0 0 20px;
}

.welfare article>ul>li div h3 {
	font-size: 1.6rem;
	line-height: 1.8;
	margin: 0 0 1em;
}

.welfare article>ul>li div h3:before {
	display: block;
	width: 7em;
	font-weight: 400;
	font-family: 'Nunito', sans-serif;
	font-size: 1.4rem;
	line-height: 2;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 .5em 0;
	color: #FFF;
	background: #131B3F;
}

.welfare article>ul li div h3:before {
	content: 'Welfare';
}
/* 
.welfare article>ul li:nth-child(1) div h3:before {
	content: 'Welfare 1';
}
.welfare article>ul li:nth-child(2) div h3:before {
	content: 'Welfare 2';
}

.welfare article>ul li:nth-child(3) div h3:before {
	content: 'Welfare 3';
}

.welfare article>ul li:nth-child(4) div h3:before {
	content: 'Welfare 4';
}

.welfare article>ul li:nth-child(5) div h3:before {
	content: 'Welfare 5';
}

.welfare article>ul li:nth-child(6) div h3:before {
	content: 'Welfare 6';
}

.welfare article>ul li:nth-child(7) div h3:before {
	content: 'Welfare 7';
}

.welfare article>ul li:nth-child(8) div h3:before {
	content: 'Welfare 8';
}

.welfare article>ul li:nth-child(9) div h3:before {
	content: 'Welfare 9';
}

.welfare article>ul li:nth-child(10) div h3:before {
	content: 'Welfare 10';
}

.welfare article>ul li:nth-child(11) div h3:before {
	content: 'Welfare 11';
}

.welfare article>ul li:nth-child(12) div h3:before {
	content: 'Welfare 12';
}

.welfare article>ul li:nth-child(13) div h3:before {
	content: 'Welfare 13';
}

.welfare article>ul li:nth-child(14) div h3:before {
	content: 'Welfare 14';
}

.welfare article>ul li:nth-child(15) div h3:before {
	content: 'Welfare 15';
}

.welfare article>ul li:nth-child(16) div h3:before {
	content: 'Welfare 16';
}

.welfare article>ul li:nth-child(17) div h3:before {
	content: 'Welfare 17';
}

.welfare article>ul li:nth-child(18) div h3:before {
	content: 'Welfare 18';
}

.welfare article>ul li:nth-child(19) div h3:before {
	content: 'Welfare 19';
}

.welfare article>ul li:nth-child(20) div h3:before {
	content: 'Welfare 20';
}

.welfare article>ul li:nth-child(21) div h3:before {
	content: 'Welfare 21';
}

.welfare article>ul li:nth-child(22) div h3:before {
	content: 'Welfare 22';
}

.welfare article>ul li:nth-child(23) div h3:before {
	content: 'Welfare 23';
}

.welfare article>ul li:nth-child(24) div h3:before {
	content: 'Welfare 24';
}

.welfare article>ul li:nth-child(25) div h3:before {
	content: 'Welfare 25';
}

.welfare article>ul li:nth-child(26) div h3:before {
	content: 'Welfare 26';
}

.welfare article>ul li:nth-child(27) div h3:before {
	content: 'Welfare 27';
}

.welfare article>ul li:nth-child(28) div h3:before {
	content: 'Welfare 28';
}

.welfare article>ul li:nth-child(29) div h3:before {
	content: 'Welfare 29';
}

.welfare article>ul li:nth-child(30) div h3:before {
	content: 'Welfare 30';
}

.welfare article>ul li:nth-child(31) div h3:before {
	content: 'Welfare 31';
}

.welfare article>ul li:nth-child(32) div h3:before {
	content: 'Welfare 32';
}

.welfare article>ul li:nth-child(33) div h3:before {
	content: 'Welfare 33';
}

.welfare article>ul li:nth-child(34) div h3:before {
	content: 'Welfare 34';
} */

.welfare article>ul>li div p {
	font-size: 1.4rem;
	color: #000;
	margin: 0;
}

.welfare article>ul>li div ul {
	margin: 1em 0 0 0px;
	list-style-type: disc;
}

.welfare article>ul>li div table tr td:first-child {
	width: 28%;
}

.welfare-botton,
.welfare25_botton-1,
.welfare25_botton-2,
.welfare25_botton-3,
.welfare25_botton-4,
.welfare25_botton-5,
.welfare25_botton-6,
.welfare25_botton-7,
.welfare25_botton-8 {
	vertical-align: middle;
	color: #131B3F;
	border-bottom: solid #131B3F 1px;
	font-weight: bold;
	text-align: left;
	font-family: 'Nunito', sans-serif;
	font-size: 1.4rem;
	line-height: 2;
	width: auto;
	max-width: 200px;
}

/*.welfare25_article-1, .welfare25_article-2, .welfare25_article-3, .welfare25_article-4, .welfare25_article-5, .welfare25_article-6, .welfare25_article-7, .welfare25_article-8{
	display:none;
}*/

.welfare25_article-1.active,
.welfare25_article-2.active,
.welfare25_article-3.active,
.welfare25_article-4.active,
.welfare25_article-5.active,
.welfare25_article-6.active,
.welfare25_article-7.active,
.welfare25_article-8.active {
	display: inline-block;
}


.member .member-list li {
	color: #fff;
	position: relative;
}

.member .member-list li::before {
	content: "◢";
	position: absolute;
	right: 3px;
	bottom: 5px;
	margin: auto 0;
	width: 10px;
	height: 10px;
	color: #ffffff;
	font-size: 1rem;
}

.member .member-list li .category {
	border-bottom: solid 1px #fff;
	margin: 4px 13px;
	padding-bottom: 3px;
	font-size: 1.5rem;
	font-weight: 600;
}

.member .member-list li .category span {
	background: none;
	font-size: 1rem;
}

.member .member-list li .text {
	margin: 6px 14px;
	line-height: 1.3;
}

.member .category01 li {
	background: #3a6abf;
}

.member .category02 li {
	background: #85ae2c;
}

.member .category03 li {
	background: #fe8831;
}

.member .category04 li {
	background: #f96153;
}

.member .category05 li {
	background: #777fd0;
}

/* =Media Query
-------------------------------------------------------------------------*/
@media only screen and (min-device-width:320px) {
	.member .member-list li {
		margin: 0 0 20px;
		width: 100%
	}

	.member .member-list li img {
		width: 100%;
	}

	.member .data-box dl dd {
		width: 60%;
	}

	.member .data-box dl dd img {
		width: 100%;
	}

	.member .visual {
		margin: 0 0 73%;
	}

	.member .visual h1 {
		width: 100%
	}

	.member .visual h1 img {
		top: 500px;
		left: 0;
	}

	.member .member01 .visual {
		background: url(/images/temp/recruit/member/dymmember01_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member02 .visual {
		background: url(/images/temp/recruit/member/dymmember02_title_bg.png) no-repeat 26.5% 50%;
	}

	.member .member03 .visual {
		background: url(/images/temp/recruit/member/dymmember03_title_bg.png) no-repeat 26.5% 50%;
	}

	.member .member04 .visual {
		background: url(/images/temp/recruit/member/dymmember04_title_bg.png) no-repeat 24% 50%;
	}

	.member .member05 .visual {
		background: url(/images/temp/recruit/member/dymmember05_title_bg.png) no-repeat 27% 50%;
	}

	.member .member06 .visual {
		background: url(/images/temp/recruit/member/dymmember06_title_bg.png) no-repeat 26% 50%;
	}

	.member .member07 .visual {
		background: url(/images/temp/recruit/member/dymmember07_title_bg.png) no-repeat 26.5% 50%;
	}

	.member .member09 .visual {
		background: url(/images/temp/recruit/member/dymmember09_title_bg.png) no-repeat 28% 50%;
	}

	.member .member10 .visual {
		background: url(/images/temp/recruit/member/dymmember10_title_bg.png) no-repeat 27% 50%;
	}

	.member .member11 .visual {
		background: url(/images/temp/recruit/member/dymmember11_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member12 .visual {
		background: url(/images/temp/recruit/member/dymmember12_title_bg.png) no-repeat 26.5% 50%;
	}

	.member .member13 .visual {
		background: url(/images/temp/recruit/member/dymmember13_title_bg.png) no-repeat 26.5% 50%;
	}

	.member .member14 .visual {
		background: url(/images/temp/recruit/member/dymmember14_title_bg.png) no-repeat 24.5% 50%;
	}

	.member .member15 .visual {
		background: url(/images/temp/recruit/member/dymmember15_title_bg.png) no-repeat 24% 50%;
	}

	.member .member16 .visual {
		background: url(/images/temp/recruit/member/dymmember16_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member17 .visual {
		background: url(/images/temp/recruit/member/dymmember17_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member18 .visual {
		background: url(/images/temp/recruit/member/dymmember18_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member19 .visual {
		background: url(/images/temp/recruit/member/dymmember19_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member20 .visual {
		background: url(/images/temp/recruit/member/dymmember20_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member21 .visual {
		background: url(/images/temp/recruit/member/dymmember21_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member22 .visual {
		background: url(/images/temp/recruit/member/dymmember22_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member23 .visual {
		background: url(/images/temp/recruit/member/dymmember23_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member24 .visual {
		background: url(/images/temp/recruit/member/dymmember24_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member25 .visual {
		background: url(/images/temp/recruit/member/dymmember25_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member26 .visual {
		background: url(/images/temp/recruit/member/dymmember26_title_bg.png) no-repeat 27.5% 50%;
	}

	.member .member27 .visual {
		background: url(/images/temp/recruit/member/dymmember27_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member28 .visual {
		background: url(/images/temp/recruit/member/dymmember28_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member29 .visual {
		background: url(/images/temp/recruit/member/dymmember29_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member30 .visual {
		background: url(/images/temp/recruit/member/dymmember30_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member31 .visual {
		background: url(/images/temp/recruit/member/dymmember31_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member32 .visual {
		background: url(/images/temp/recruit/member/dymmember32_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member33 .visual {
		background: url(/images/temp/recruit/member/dymmember33_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member34 .visual {
		background: url(/images/temp/recruit/member/dymmember34_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member35 .visual {
		background: url(/images/temp/recruit/member/dymmember35_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member36 .visual {
		background: url(/images/temp/recruit/member/dymmember36_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member37 .visual {
		background: url(/images/temp/recruit/member/dymmember37_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member38 .visual {
		background: url(/images/temp/recruit/member/dymmember38_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member39 .visual {
		background: url(/images/temp/recruit/member/dymmember39_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member40 .visual {
		background: url(/images/temp/recruit/member/dymmember40_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member41 .visual {
		background: url(/images/temp/recruit/member/dymmember41_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member42 .visual {
		background: url(/images/temp/recruit/member/dymmember42_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member43 .visual {
		background: url(/images/temp/recruit/member/dymmember43_title_bg.png) no-repeat 28.5% 50%;
	}

	.member .member44 .visual {
		background: url(/images/temp/recruit/member/dymmember44_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member45 .visual {
		background: url(/images/temp/recruit/member/dymmember45_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member46 .visual {
		background: url(/images/temp/recruit/member/dymmember46_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member47 .visual {
		background: url(/images/temp/recruit/member/dymmember47_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member48 .visual {
		background: url(/images/temp/recruit/member/dymmember48_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member49 .visual {
		background: url(/images/temp/recruit/member/dymmember49_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member50 .visual {
		background: url(/images/temp/recruit/member/dymmember50_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member51 .visual {
		background: url(/images/temp/recruit/member/dymmember51_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member52 .visual {
		background: url(/images/temp/recruit/member/dymmember52_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member53 .visual {
		background: url(/images/temp/recruit/member/dymmember53_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member54 .visual {
		background: url(/images/temp/recruit/member/dymmember54_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member55 .visual {
		background: url(/images/temp/recruit/member/dymmember55_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member56 .visual {
		background: url(/images/temp/recruit/member/dymmember56_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member57 .visual {
		background: url(/images/temp/recruit/member/dymmember57_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member58 .visual {
		background: url(/images/temp/recruit/member/dymmember58_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member59 .visual {
		background: url(/images/temp/recruit/member/dymmember59_title_bg.png) no-repeat 28.5% 50%;
	}
	.member .member60 .visual {
		background: url(/images/temp/recruit/member/dymmember60_title_bg.png) no-repeat 28.5% 50%;
	}
	



	.member .question-number {
		margin: 0;
	}

	.member .float-box table {
		width: 100%;
	}

	.member .float-box .photo {
		float: none;
		margin: 0 0 20px;
	}

	.member .float-box .photo img {
		width: 100%
	}

	.member .member-menu-box {
		margin: 50px 0 16px;
	}

	.member .other-member-box {
		border-right: none;
		float: none;
		width: 320px;
	}

	.member .other-member-box dl dd {
		width: 140px;
	}

	.member .category-box {
		border-top: 1px solid #ccc;
		float: none;
		width: 320px;
	}

	.member .category-box dl dd {
		width: 15%;
	}

	.member .member-back-btn ul {
		width: 100%;
	}

	.member .member-back-btn ul li {
		float: none;
		margin: 0 0 10px;
	}

	.welfare article>ul>li div h3:before,
	.photo-gallery article>ul>li .text h3:before {
		display: inline-block;
		margin: -.2em 10px 0 0;
	}
}

@media only screen and (min-device-width:360px) {
	.member .data-box dl dd {
		width: 70%;
	}

	.member .other-member-box,
	.member .category-box {
		width: 360px;
	}

	.member .other-member-box {
		border-right: 1px solid #ccc;
	}

	.member .other-member-box dl dd {
		width: 21%;
	}

	.member .category-box dl dd {
		width: 15%;
	}
}

@media only screen and (min-device-width:375px) {
	.member .data-box dl dd {
		width: 73%;
	}

	.member .other-member-box,
	.member .category-box {
		width: 375px;
	}

	.member .other-member-box {
		border-right: 1px solid #ccc;
	}
}

@media only screen and (min-device-width:414px) {
	.member .data-box dl dd {
		width: 81%;
	}

	.member .visual {
		margin: 0 0 81%;
	}

	.member .other-member-box,
	.member .category-box {
		width: 414px;
	}

	.member .other-member-box {
		height: 14em;
	}

	.member .category-box dl dd {
		width: 16%;
	}
}

@media only screen and (orientation: landscape),
only screen and (min-device-width:721px) {
	.member .member-list li {
		margin: 0 20px 20px 0;
		width: 225px;
		height: 280px;
	}

	.member .member-list li img {
		width: 225px;
		height: 168px;
	}

	.member .data-box dl dd {
		width: 100%
	}

	.member .data-box dl dd img {
		width: 460px;
		height: 100px;
	}

	.member .data-box dl:nth-of-type(3) dd img {
		width: 460px;
		height: 155px;
	}

	.member .member01 .visual h1 img {
		width: 390px;
		height: 381px;
	}

	.member .member02 .visual h1 img {
		width: 390px;
		height: 358px;
	}

	.member .member03 .visual h1 img {
		width: 390px;
		height: 270px;
	}

	.member .member04 .visual h1 img {
		width: 410px;
		height: 401px;
	}

	.member .member05 .visual h1 img,
	.member .member06 .visual h1 img {
		width: 410px;
		height: 340px;
	}

	.member .member07 .visual h1 img {
		width: 390px;
		height: 380px;
	}

	.member .member09 .visual h1 img,
	.member .member10 .visual h1 img {
		width: 410px;
		height: 415px;
	}

	.member .member11 .visual h1 img {
		width: 390px;
		height: 358px;
	}

	.member .member12 .visual h1 img {
		width: 390px;
		height: 380px;
	}

	.member .member13 .visual h1 img {
		width: 410px;
		height: 340px;
	}

	.member .member14 .visual h1 img {
		width: 410px;
		height: 380px;
	}

	.member .member15 .visual h1 img {
		width: 390px;
		height: 358px;
	}

	.member .member16 .visual h1 img {
		width: 410px;
		height: 358px;
	}

	.member .member17 .visual h1 img {
		width: 390px;
		height: 340px;
	}

	.member .question-number {
		margin: 50px 0 0;
	}

	.member .float-box .photo {
		float: right;
		margin: 0 0 0 7.5px;
	}

	.member .float-box .photo img {
		width: 400px;
		height: 260px;
	}

	.member .float-box .photo img.h300 {
		height: 300px;
	}

	.member .float-box .photo img.h320 {
		height: 320px;
	}

	.member .float-box .photo img.h330 {
		height: 330px;
	}

	.member .float-box table {
		width: 530px;
	}

	.member .member-menu-box {
		margin: 50px 0 0;
	}

	.member .member-menu-box .inner {
		width: 960px;
	}

	.member .other-member-box,
	.member .category-box {
		width: 100%;
		height: 16em;
	}

	.member .other-member-box dl dd {
		width: 105px;
	}

	.member .category-box dl dd {
		width: 79px;
	}

	.member .member-back-btn ul {
		width: 590px;
	}

	.member .member-back-btn ul li {
		float: left;
		margin: 0 30px 0 0;
	}

	.member .member-back-btn ul li:last-child {
		margin: 0;
	}

	.member .member-back-btn ul li a {
		width: 280px;
	}

	.welfare .lead {
		width: 75%;
	}

	.welfare article>ul>li,
	.photo-gallery article>ul>li {
		margin-bottom: 4em;
		overflow: hidden;
	}

	.welfare article>ul>li img,
	.photo-gallery article>ul>li .flexslider-outer {
		width: 36%;
		float: left;
	}

	.welfare article>ul>li div,
	.photo-gallery article>ul>li .text {
		width: 60%;
		float: right;
	}

	.welfare article>ul>li div h3,
	.photo-gallery article>ul>li .text h3 {
		font-size: 2.2rem;
	}

	.photo-gallery article>ul>li .flexslider-outer {
		margin: 4px 0 4px 4px;
	}
}

@media only screen and (min-width:1025px) {
	.member article {
		margin: 0;
	}

	.member .visual {
		margin: 0 auto;
	}

	.member .visual h1 img {
		top: 50px;
		left: 250px;
	}

	.member .member01 .visual,
	.member .member02 .visual,
	.member .member03 .visual,
	.member .member04 .visual,
	.member .member05 .visual,
	.member .member06 .visual,
	.member .member07 .visual,
	.member .member09 .visual,
	.member .member10 .visual,
	.member .member11 .visual,
	.member .member12 .visual,
	.member .member13 .visual,
	.member .member14 .visual,
	.member .member15 .visual,
	.member .member16 .visual,
	.member .member17 .visual,
	.member .member39 .visual,
	.member .member34 .visual,
	.member .member35 .visual,
	.member .member42 .visual,
	.member .member37 .visual,
	.member .member41 .visual,
	.member .member40 .visual,
	.member .member43 .visual,
	.member .member38 .visual,
	.member .member36 .visual {
		background-position-x: 40%;
		background-position-y: 0%;
	}

	.member .float-box .photo {
		margin: 0 0 20px 30px;
	}

	.member .other-member-box {
		float: left;
		width: 479px;
		height: 160px;
	}

	.member .category-box {
		border-top: none;
		float: right;
		width: 450px;
	}

	.welfare .lead {
		margin-bottom: 6em;
	}

	.welfare article>ul,
	.photo-gallery article>ul {
		width: 75%;
	}
}

/* EOF
-------------------------------------------------------------------------*/