@charset "utf-8";

/*******************************
  共通設定
*******************************/

	body {
		color: #4d4d4d;
	}
	
	a {
		color: #4d4d4d;
		text-decoration: none;
	}
	
	a.hov,
	img.hov {
		-webkit-transition: opacity .5s;
		transition: opacity .5s;
	}
	a.hov:hover,
	a:hover img.hov {
		-ms-filter: "alpha(opacity=80)";
		opacity: .8;
	}
	
	img {
		max-width: 100%;
	}
	
	.wrap {
		max-width: 960px;
		margin-right: auto;
		margin-left: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	.sp {
		display: none;
	}
	
	
	/* header */
	
	#header {
		font-size: 14px;
		line-height: 1;
	}
	#header .wrap {
		max-width: none;
		padding: 54px 50px;
		position: relative;
		border-bottom: 1px solid #f0f0f0;
	}
	#header .lang {
		position: absolute;
		top: 28px;
		right: 50px;
		text-align: right;
		display:none;
	}
	#header li {
		display: inline-block;
	}
	#header .ja:after {
		content: '/';
		margin: 0 1em;
	}
	
	#siteTitle {
		width: 190px;
		position: relative;
		z-index: +2;
	}
	
	#menuBtn {
		display: none;
	}
@media only screen and (max-width:640px) {
	#header {
		font-size: 12px;
	}
	#header .wrap {
		height: 50px;
		padding: 25px 20px 0;
	}
	#siteTitle {
		width: 120px;
	}
	#header .lang {
		top: 31px;
		right: 80px;
	}
	#menuBtn {
		display: block;
		width: 75px;
		height: 30px;
		padding: 45px 0 0;
		position: absolute;
		top: 0;
		right: 0;
		background: url(../imgs/bt-menu.png) 50% 18px no-repeat;
		background-size: 38px 22px;
		color: #009fc9;
		font-size: 15px;
		line-height: 1;
		text-align: center;
	}
	#menuBtn.active {
		height: 0;
		padding: 75px 0 0;
		background-image: url(../imgs/bt-menu_close.png);
		background-size: 28px 28px;
		overflow: hidden;
	}
}
	
	#gNav {
		position: absolute;
		top: 70px;
		right: 50px;
		text-align: right;
		z-index: 9000;
	}
	#gNav ul {
		padding: 0 0 0 260px;
	}
	#gNav li {
		display: inline-block;
		margin: 0 0 10px 20px;
		text-align: center;
		position: relative;
	}
	#gNav li ul {
		display: none;
		width: 9em;
		padding: 0 0 10px;
		position: absolute;
		top: 100%;
		left: -1.5em;
		background: #fff;
		background: rgba(255,255,255,.9);
	}
	#gNav li ul li {
		margin: 20px 0 0;
		display: block;
	}
	
	#gNav .jp {
		display: block;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-ms-filter: "alpha(opacity=0)";
		opacity: 0;
		transition: opacity .25s;
	}
	#gNav a:hover .en {
		-ms-filter: "alpha(opacity=0)";
		opacity: 0;
		transition: opacity .25s;
	}
	#gNav a:hover .jp {
		-ms-filter: "alpha(opacity=100)";
		opacity: 1;
	}
@media only screen and (min-width:641px) {
	#gNav .about { width: 6em; }
	#gNav .brand { width: 4em; }
	#gNav .news { width: 8em; }
	#gNav .shop { width: 7em; }
	#gNav .recruit { width: 5em; }
	#gNav .mail { width: 7em; }
	#gNav .store { width: 8em; }
	
}
@media only screen and (max-width:640px) {
	#gNav {
		display: none;
		width: 100%;
		top: 75px;
		right: 0;
		background: #fff;
		font-size: 14px;
		font-weight: bold;
	}
	#gNav ul {
		padding: 0;
	}
	#gNav li {
		display: block;
		margin: 0;
		border-top: 1px solid #d7d7d7;
		text-align: left;
	}
	#gNav a {
		display: block;
		padding: 21px 13px;
		position: relative;
	}
	#gNav a:hover .en {
		display: inline;
		opacity: 1;
	}
	#gNav a:hover .jp {
		display: none;
	}
	#gNav .about>a:after {
		content: '';
		display: block;
		width: 9px;
		height: 5px;
		position: absolute;
		top: 25px;
		right: 14px;
		background: url(../imgs/blt-menu01.png) 0 0 no-repeat;
		background-size: contain;
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	#gNav .about>a.openChild:after {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	#gNav li ul {
		display: none;
		width: auto;
		padding: 0;
		position: static;
	}
	#gNav li ul li {
		margin: 0;
	}
	#gNav li ul a {
		display: block;
		padding: 6px 15px;
		background: #dc3e4f;
		color: #fff;
		font-size: 14px;
		line-height: 1.5;
	}
	#gNav a:hover .jp {
		opacity: 0;
	}
}
	/* contents */
	
	#contents {
	}
	
	#categoryTitle {
		padding: 105px 0;
		border-bottom: 1px solid #f0f0f0;
		background: 50% 50% repeat;
		background-size: cover;
		color: #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 36px;
		font-weight: normal;
		line-height: 50px;
		text-align: center;
		text-shadow: 1px 1px 1px #333;
	}
@media only screen and (max-width:640px) {
	#categoryTitle {
		padding: 14px 0;
		font-size: 20px;
		line-height: 30px;
	}
}
	
	.sNav {
		margin: 0 0 60px;
		border-bottom: 1px solid #f0f0f0;
	}
	.sNav ul {
		max-width: 960px;
		margin-right: auto;
		margin-left: auto;
		font-size: 14px;
		line-height: 22px;
	}
	.sNav li {
		display: inline-block;
		width: 25%;
		vertical-align: top;
	}
	.sNav a,
	.sNav strong {
		display: block;
		border-right: 1px solid #f0f0f0;
		padding: 19px 0 19px 1px;
		text-align: center;
	}
	.sNav li:first-child a,
	.sNav li:first-child strong {
		border-left: 1px solid #f0f0f0;
		padding: 19px 0;
	}
	.sNav a:hover,
	.sNav strong {
		background: #d8374b;
		color: #fff;
		font-weight: normal;
	}
@media only screen and (max-width:960px) {
	.sNav {
		margin: 0 0 10px;
	}
	.sNav li:first-child a,
	.sNav li:first-child strong {
		border-left: none;
		padding: 19px 0 19px 1px;
	}
	.sNav li:last-child a,
	.sNav li:last-child strong {
		border-right: none;
		padding: 19px 0;
	}
}
@media only screen and (max-width:640px) {
	.sNav ul {
		font-size: 11px;
		line-height: 30px;
	}
	.sNav li {
		width: 50%;
	}
	.sNav li:nth-child(odd) a,
	.sNav li:nth-child(odd) strong {
		border-left: none;
		padding: 4px 0 4px 1px;
	}
	.sNav li:nth-child(even) a,
	.sNav li:nth-child(even) strong {
		border-right: none;
		padding: 4px 0;
	}
	.sNav li:nth-child(n+3) {
		border-top: 1px solid #f0f0f0;
	}
	.sNav a:hover {
		background: transparent;
		color: #4d4d4d;
	}
}
	
	.title01 {
		margin: 30px 0;
		border-top: 1px solid #f0f0f0;
		padding: 20px 0 0;
		position: relative;
		font-size: 30px;
		font-weight: normal;
		line-height: 40px;
        font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	}
	.title01:before {
		content: '';
		display: block;
		width: 25%;
		height: 1px;
		position: absolute;
		top: -1px;
		left: 0;
		background: #009fc9;
	}
	
	.title02 {
		border-left: 1px solid #d8374b;
		padding: 17px 20px 17px 65px;
		position: relative;
		background: #f0f0f0;
		font-size: 18px;
		font-weight: normal;
		line-height: 28px;
	}
	.title02:before {
		display: block;
		width: 30px;
		position: absolute;
		top: 16px;
		left: 20px;
		background: #d8374b;
		color: #fff;
		text-align: center;
		line-height: 30px;
	}
	.title02.num01:before {
		content: '01';
	}
	.title02.num02:before {
		content: '02';
	}
	.title02.num03:before {
		content: '03';
	}
	
	.title03 {
		border-left: 1px solid #d8374b;
		padding: 12px 19px;
		background: #f6f6f6;
		font-size: 18px;
		font-weight: normal;
		line-height: 28px;
        margin: 10px 0;
	}
	
@media only screen and (max-width:640px) {
	.title01 {
		margin: 10px 0 6px;
		padding: 11px 0 0;
		font-size: 16px;
		line-height: 22px;
	}
	.title01:before {
		width: 40%;
	}
	
	.title02 {
		padding: 8px 10px 8px 32px;
		font-size: 14px;
		line-height: 15px;
	}
	.title02:before {
		display: block;
		width: 15px;
		top: 8px;
		left: 10px;
		font-size: 10px;
		line-height: 15px;
	}
	
	.title03 {
		padding: 4px 9px;
		font-size: 12px;
		line-height: 18px;
	}
}

	#contents p {
		font-size: 14px;
		line-height: 30px;
	}
	#contents p+.title02 {
		margin-top: 28px;
	}
	#contents .title01+p {
		margin-top: -8px;
	}
	#contents .title02+p {
		margin-top: 22px;
	}
	#contents p+p {
		margin-top: 14px;
	}
	
	.btn01,
	.btn02 {
		display: block;
		border-radius: 2px;
		color: #fff;
		font-size: 14px;
		line-height: 37px;
		text-align: center;
	}
	.btn01 {
		border-bottom: 3px solid #0081a3;
		background: #009fc9;
	}
	.btn02 {
		border-bottom: 3px solid #13171a;
		background: #3b4852;
	}
	
@media only screen and (max-width:640px) {
	#contents p {
		font-size: 14px;
		line-height: 1.5;
	}
	#contents p+.title02 {
		margin-top: 8px;
	}
	#contents .title01+p {
		margin-top: 12px;
	}
	#contents .title02+p {
		margin-top: 12px;
	}
	#contents p+p {
		margin-top: 10px;
	}
	
	.btn01,
	.btn02 {
		border-bottom-width: 2px;
		font-size: 12px;
		line-height: 25px;
	}
}

	#breadCrumb {
		margin: 72px 0 0;
		border-top: 1px solid #f0f0f0;
		padding: 21px 0;
	}
	#breadCrumb .wrap {
		max-width: 1340px;
		position: relative;
	}
	#breadCrumb li {
		display: inline-block;
	}
	#breadCrumb li img {
		vertical-align: text-top;
	}
	#breadCrumb li a {
		margin: 0 22px 0 0;
		position: relative;
	}
	#breadCrumb li a:after {
		content: '>';
		display: inline-block;
		width: 22px;
		position: absolute;
		top: -2px;
		rignt: -22px;
		color: #a3a3a3;
		text-align: center;
		vertical-align: top;
	}
	#breadCrumb .pageTop {
		position: absolute;
		top: 1px;
		right: 10px;
		line-height: 16px;
	}
	#breadCrumb .pageTop a {
		display: inline-block;
		padding: 0 30px 0 0;
		background: url(../imgs/bt-pagetop.png) 100% 0 no-repeat;
	}
@media only screen and (max-width:640px) {
	#breadCrumb {
		height: 40px;
		margin: 18px 0 0;
		border-top: none;
		padding: 0;
	}
	#breadCrumb ul {
		display: none;
	}
	#breadCrumb .pageTop {
		top: 0;
	}
	#breadCrumb .pageTop a {
		display: block;
		width: 30px;
		height: 0;
		padding: 30px 0 0;
		overflow: hidden;
		background-color: #009fc9;
		background-position: 50% 50%;
		/*background-size: 8px auto;*/
	}
}
	
	/* footer */
	
	#fNav {
		background: #009fc9;
		color: #fff;
	}
	#fNav a {
		color: #fff;
	}
	#fNav dl {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 25%;
		padding: 30px 0 37px 30px;
		float: left;
		border-left: 1px solid #1db2dc;
		min-height: 352px;
	}
	#fNav dl.last {
		border-left: 1px solid #1db2dc;
		border-right: 1px solid #1db2dc;
	}

	#fNav dt {
		margin: 0 0 20px;
		font-size: 17px;
		font-weight: normal;
		line-height: 1;
	}
	#fNav dd li {
		margin: 0 0 10px;
	}
	#copyright {
		padding: 30px;
		color: #009fc9;
		text-align: center;
		line-height: 23px;
	}
	#copyright ul {
		display: inline;
		padding: 0 0 0 10px;
	}
	#copyright li {
		display: inline;
		padding: 0 0 0 20px;
	}
@media only screen and (max-width:700px) {
	#copyright ul {
		display: block;
		padding: 10px 0 0;
	}
	#copyright li:first-child {
		padding: 0;
	}
}
@media only screen and (max-width:640px) {
	#fNav .wrap {
		padding: 0;
	}
	#fNav dl {
		width: auto;
		padding: 0;
		float: none;
		border-left: none;
		min-height: 40px;
	}
	#fNav dt {
		margin: 0;
		border-bottom: 1px solid #03b1df;
		padding: 20px;
		font-weight: bold;
		position: relative;
	}
	#fNav dt.active,
	#fNav dl:last-child dt {
		border-bottom: none;
	}
	#fNav dt:after {
		content: '';
		display: block;
		width: 9px;
		height: 5px;
		position: absolute;
		top: 25px;
		right: 14px;
		background: url(../imgs/blt-menu02.png) 0 0 no-repeat;
		background-size: contain;
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	#fNav dt.active:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#fNav dd ul {
		display: none;
	}
	#fNav dd li {
		margin: 0;
		border-bottom: 1px solid #03b1df;
	}
	#fNav dd li:last-child {
		border-bottom: none;
	}
	#fNav dl:last-child li:last-child{
		border-bottom: 1px solid #e56e7a;
	}
	#fNav dd a {
		display: block;
		padding: 6px 13px;
		background: #fff;
		color: #03b1df;
		font-size: 14px;
		font-weight: bold;
	}
	
	#copyright {
		padding: 10px;
		font-size: 12px;
		line-height: 12px;
	}
	#copyright img {
		height: 12px;
	}
}

/*******************************
  TOP
*******************************/

	#top #mainImage {
		-ms-filter: "alpha(opacity=0)";
		opacity: 0;
		transition: opacity .5s .2s;
	}
	#top #mainImage.active {
		-ms-filter: "alpha(opacity=100)";
		opacity: 1;
	}
	#top #mainImage .inner {
		padding: 127px 0 187px;
		background: url(../../imgs/img-main-cover.png) 0 0 repeat;
		text-align: center;
	}
	#top #mainImage img {
		width: 100%;
	}
@media only screen and (max-width:640px) {
	#top #mainImage .inner {
		padding: 10.9% 4.6% 15.3%;
	}
	#top #mainImage .wrap {
		padding: 0;
	}
}
	
	#top #contents .news {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 30px 0 37px 30px;
		float: left;
	}
	#top #contents .news .title {
		margin: 0 0 22px;
		font-size: 16px;
		font-weight: normal;
		line-height: 1;
        color: #009fc9;
	}
	#top #contents .news dt,
	#top #contents .news dd {
		margin: 0 0 14px;
	}
	#top #contents .news dt {
		width: 90px;
		float: left;
		clear: both;
	}
	#top #contents .news dd {
		overflow: hidden;
	}
@media only screen and (max-width:980px) {
	#top #contents .news {
		padding-left: 20px;
	}
}
@media only screen and (max-width:640px) {
	#top #contents .wrap {
		padding: 0;
	}
	#top #contents .news {
		width: auto;
		padding: 10px 10px 8px;
		float: none;
	}
	#top #news01 {
		background: #f6f6f6;
	}
	#top #contents .news .title {
		/*margin: 0 0 5px;
		font-size: 10px;*/
		margin: 0 0 10px;
		font-size: 16px;
	}
	#top #contents .news dl {
		/*font-size: 10px;*/
		font-size: 14px;
		line-height: 30px;
	}
	#top #contents .news dt,
	#top #contents .news dd {
		margin: 0;
	}
	#top #contents .news dt {
		/*width: 60px;*/
		width: 90px;
	}
}
	
	#top #brandMenu {
		border-top: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
	}
	#top #brandMenu ul {
		margin: 0 auto -1px;
		padding: 0;
	}
	#top #brandMenu li {
		width: 25%;
		border-bottom: 1px solid #f0f0f0;
		float: left;
	}
#top #brandMenu li img {
	margin: auto;
	display: block;
}
	#top #brandMenu a {
		display: block;
		border-right: 1px solid #f0f0f0;
		padding-left: 1px;
		background: #fff;
	}
	#top #brandMenu a:hover {
		background: #a4a4a4;
	}
	#top #brandMenu .n1 a {
		border-left: 1px solid #f0f0f0;
		padding-left: 0;
	}
	
@media only screen and (max-width:640px) {
	#top #brandMenu a:hover {
		background: #fff;
	}
}

/*******************************
  about
*******************************/

	#about #categoryTitle {
		background-image: url(../../imgs/bg-title-about.jpg);
	}
	
	/*企業理念*/
	
	#about #index .image01 {
		margin: 0 0 100px;
		border: 1px solid #f0f0f0;
		background: url(../../imgs/bg-about01.jpg) 50% 0 no-repeat;
		background-size: 100%;
		text-align: center;
	}
	#about #index .image02 {
		margin: 0 0 45px;
	}
	#about #index .image03 {
		margin: 0 0 45px;
	}
	#about #index .image03 img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding-bottom: 40px;
	}
@media only screen and (max-width:640px) {
	#about #index .image01 {
		margin: 0 0 20px;
	}
	#about #index .image01 {
		background-size: cover;
	}
	#about #index .image01 .sp {
		display: inline-block;
	}
	#about #index .image01 .sp~img {
		display: none;
	}
	#about #index .image02 {
		width: 78.3%;
		margin: 0 0 20px;
	}
	#about #index .image03 {
		width: 100%;
		margin: 0 0 20px;
	}
	#about #index .image03 img {
        margin-left: auto;
        margin-right: auto;
        display: block;
        padding: 4%;
        box-sizing: border-box;
	}

}

	/* 社長インタビュー */
	
	#about #interview {
		margin: 0 auto 160px;
	}
	#about #interview .image {
		width: 200px;
		margin: 0 40px 0 0;
		float: left;
        padding-top: 10px;
	}
	#about #interview .image img{
        width: 100%;
        height: auto;
    }
    #about #interview .text {
		overflow: hidden;
	}
	#about #interview .title {
		margin: 0 0 35px;
		font-size: 18px;
		line-height: 1;
	}
	#about #interview p {
		font-size: 14px;
		line-height: 2.417;
	}
	#about #interview .signature {
		margin: 20px 0 0;
		text-align: right;
		font-size: 14px;
		font-weight: bold;
	}
	#about #interview .signature img {
		margin: 20px 0 0;
	}
	
@media only screen and (max-width:640px) {
	#about #interview {
		margin: 0;
	}
	#about #interview .image {
		width: auto;
		max-width: 140px;
		margin: 0 auto 20px;
		padding: 10px 0 0;
		float: none;
	}
	#about #interview .text {
		overflow: hidden;
	}
	#about #interview .title {
		margin: 0 0 15px;
		font-size: 12px;
	}
	#about #interview p {
		font-size: 14px;
		line-height: 1.8;
	}
	#about #interview .signature {
		margin: 0;
		font-size: 14px;
	}
	#about #interview .signature img {
		margin: 10px 0 0;
	}
}
	
	/* 会社案内 */
	
	#company table {
		width: 100%;
		margin: 55px 0 60px;
		border-bottom: 1px solid #f0f0f0;
		font-size: 14px;
		line-height: 24px;
	}
	#company th,
	#company td {
		padding: 20px;
	}
	#company th {
		width: 160px;
		border: 1px solid #f0f0f0;
		border-bottom: none;
		background: #f9f9f9;
		font-weight: normal;
	}
	#company td {
		border-top: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
	}
	#company td div {
		margin: 25px 0 0;
	}
	#company td div:first-child {
		margin: 0;
	}
	#company .btMap {
		width: 160px;
		margin: 8px 0 0;
	}
@media only screen and (max-width:640px) {
	#company table {
		margin: 15px 0 20px;
		font-size: 14px;
		line-height: 2;
	}
	#company th,
	#company td {
		padding: 10px;
	}
	#company th {
		width: 68px;
	}
	#company td div {
		margin: 5px 0 0;
	}
	#company td div:first-child {
		margin: 0;
	}
	#company .btMap {
		width: 80px;
		margin: 3px 0 0;
	}
	#company .pc {
		display: none;
	}
}

	#company .btNews {
		display: block;
		border-top: 1px solid #f0f0f0;
		padding: 38px 0;
		position: relative;
		color: #d8374b;
		font-size: 14px;
		line-height: 1;
	}
	#company .btNews:after {
		content: '';
		display: block;
		width: 10px;
		height: 16px;
		position: absolute;
		top: 37px;
		right: 15px;
		background: url(../imgs/blt-menu03.png) 0 0 no-repeat;
		background-size: contain;
	}
	#company dl {
		border-bottom: 1px solid #f0f0f0;
	}
	#company dt {
		padding: 31px 0;
		border-top: 1px solid #f0f0f0;
		background: url(../imgs/blt-open.png) 100% 20px no-repeat;
		color: #d8374b;
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
	}
	#company dt.active {
		background-image: url(../imgs/blt-close.png);
	}
	#company dd {
		display: none;
		font-size: 14px;
		line-height: 2;
	}
	#company dd dl {
		margin: -7px 0 0;
		border-bottom: none;
		padding: 0 0 15px;
	}
	#company dd dt {
		width: 40px;
		border-top: none;
		padding: 0;
		float: left;
		background: none;
		color: #4d4d4d;
		font-size: 14px;
		line-height: 2;
		cursor: auto;
	}
	#company dd dd {
		display: block;
		overflow: hidden;
	}
@media only screen and (max-width:640px) {
	#company .btNews {
		margin: 15px 0 0;
		padding: 15px 0;
		font-size: 14px;
		line-height: 1;
	}
	#company .btNews:after {
		width: 5px;
		height: 8px;
		top: 16px;
		right: 10px;
	}
	#company dt {
		padding: 15px 0;
		background-position: 100% 10px;
		background-size: 20px;
		font-size: 14px;
	}
	#company dd {
		font-size: 14px;
	}
	#company dd dl {
		margin: -3px 0 0;
		padding: 0 0 8px;
	}
	#company dd dt {
		width: 20px;
		font-size: 14px;
	}
}
		
	/* 契約プロ */
	
	#pro .tab .nav {
		margin: 0 0 50px;
	}
	#pro .tab .nav li {
		width: 20%;
		display: inline-block;
	}
	#pro .tab .nav li.jlLink a {
        pointer-events:none;
    }
    #pro .tab .nav a {
		display: block;
		border-left: 1px solid #fff;
		padding: 11px 5px 11px 4px;
		position: relative;
		background: #f0f0f0;
		text-align: center;
		line-height: 1px;
	}
	#pro .tab .nav li:first-child a {
		border-left: none;
		padding: 11px 5px;
	}
	#pro .tab .nav .active:after {
		content: '';
		display: block;
		width: 16px;
		height: 10px;
		margin: 0 0 0 -8px;
		position: absolute;
		top: 100%;
		left: 50%;
		background: url(../imgs/blt-menu04.png) 0 0 no-repeat;
		background-size: contain;
	}
	#pro .tab .tab {
		display: none;
	}
	#pro .tab .active {
		display: block;
	}
	#pro .panel {
		width: 47.9%;
		margin: 0 0 0 4.2%;
		float: left;
		background: #f6f6f6;
	}
	#pro .ml0 {
		margin-left: 0 !important;
	}
	#pro .mt40 {
		margin-top: 40px !important;
	}
	#pro .panel:first-child {
		margin: 0;
	}
	#pro .panel .text {
		margin: 0 30px;
		padding: 0 0 30px;
	}
	#pro .panel .name {
		margin: 30px 0 20px;
		padding: 0 0 30px;
		position: relative;
		text-align: center;
		line-height: 1;
	}
	#pro .panel .name .ja {
		display: block;
		margin: 0 0 10px;
		font-size: 20px;
	}
	#pro .panel .name .en {
		text-transform: uppercase;
	}
	#pro .panel .name:after {
		content: '';
		display: block;
		width: 20px;
		height: 1px;
		margin: 0 0 0 -10px;
		position: absolute;
		bottom: 0;
		left: 50%;
		background: #606060;
	}
	#pro .panel p {
		line-height: 24px;
	}
	#pro .panel .btn01 {
		max-width: 185px;
		margin: 25px auto 0;
	}

@media only screen and (max-width:640px) {
	#pro .tab .nav {
		margin: 0 0 15px;
	}
	#pro .tab .nav a {
		padding: 10px 5px 12px 4px;
	}
	#pro .tab .nav li:first-child a {
		padding: 10px 5px 12px;
	}
	#pro .tab .nav .active:after {
		width: 8px;
		height: 5px;
		margin: 0 0 0 -4px;
	}
	#pro .panel {
		width: auto;
		min-height: 0 !important;
		margin: 15px 0 0;
		float: none;
	}
	#pro .panel:first-child {
		margin: 0;
	}
	#pro .panel .image img {
		width: 100%;
	}
	#pro .panel .text {
		margin: 0 12px;
		padding: 0 0 22px;
	}
	#pro .panel .name {
		margin: 15px 0 10px;
		padding: 0 0 15px;
	}
	#pro .panel .name .ja {
		margin: 0 0 5px;
		font-size: 16px;
	}
	#pro .panel .name:after {
		display: block;
		width: 10px;
		margin: 0 0 0 -5px;
	}
	#pro .panel p {
		line-height: 1.5;
	}
	#pro .panel .btn01 {
		max-width: 440px;
		margin: 18px auto 0;
	}
}

/*******************************
  brand
*******************************/

	#categoryTitleStore {
		background: rgba(0, 0, 0, 0) none repeat scroll 50% 50% / cover ;
		border-bottom: 1px solid #f0f0f0;
		color: #fff;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 36px;
		font-weight: normal;
		line-height: 50px;
		padding: 105px 0;
		text-align: center;
		text-shadow: 1px 1px 1px #333;
		text-transform: uppercase;
	}
	body #categoryTitleStore {
		margin: 0 0 20px;
		background-image: url(../../imgs/bg-title-store.jpg);
	}

.storeBox {
	margin-bottom:4%;
	padding-top:4%;
}
.storeBox p {
	text-align:center;
	padding: 4%;
}
.storeBox img{
	display:block;
	margin-left:auto;
	margin-right:auto;
    padding-bottom: 40px;
}


@media only screen and (max-width:640px) {
	#categoryTitleStore {
		font-size: 20px;
		line-height: 30px;
		padding: 14px 0;
	}
	body #categoryTitleStore {
		margin: 0 0 2px;
	}

.storeBox img.storeLogo{
	width: 70%;
}

.storeBox img.storeBtn{
	width: 60%;
}


}
/*******************************
  brand
*******************************/

	#brand #categoryTitle {
		margin: 0 0 20px;
		background-image: url(../../imgs/bg-title-brand.jpg);
	}
	#brand .panel {
		width: 47.9%;
		margin: 40px 0 0 4.2%;
		float: left;
		background: #f6f6f6;
	}
	#brand .panel:first-child {
		margin: 40px 0 0;
	}
	#brand .panel .titie {
		border: 1px solid #f0f0f0;
		padding: 17px 10px 19px;
		position: relative;
		background: #fff;
		text-align: center;
	}
	#brand .panel .titie:after {
		content: '';
		display: block;
		width: 20px;
		height: 12px;
		margin: 0 0 0 -10px;
		position: absolute;
		top: 100%;
		left: 50%;
		background: url(../imgs/blt-01.png) 0 0 no-repeat;
	}
	#brand .panel .text {
		padding: 25px 30px 55px;
	}
	#brand .panel .catch {
		margin: 0 0 15px;
		color:#d8374b;
		font-size: 18px;
		line-height: 1.556;
	}
	#brand .panel p {
		line-height: 24px;
	}
	#brand .panel ul {
		margin: 15px 0 0;
		text-align: center;
	}
	#brand .panel li {
		display: inline-block;
		width: 46.2%;
		margin: 0 0 0 7.6%;
	}
	#brand .panel li:first-child {
		margin: 0;
	}
	#brand .panel .sns p {
        padding: 10px 0;
	}
	#brand .panel .sns p a {
        color: #d8374b;
        background: url("../../imgs/ico-ext.png") no-repeat;
        background-position: 0 3px;
        padding-left: 15px;
	}
@media only screen and (max-width:640px) {
	#brand #categoryTitle {
		margin: 0 0 2px;
	}
	#brand .panel {
		width: 48.3%;
		margin: 8px 0 0 3.4%;
		float: left;
		background: #f6f6f6;
	}
	#brand .panel:first-child {
		margin: 8px 0 0;
	}
	#brand .panel .titie {
		padding: 5px 10px 6px;
	}
	#brand .panel .titie img {
		max-width: 150px;
	}
	#brand .panel .titie:after {
		width: 10px;
		height: 6px;
		margin: 0 0 0 -5px;
		background-size: contain;
	}
	#brand .panel .text {
		padding: 8px 10px 15px;
	}
	#brand .panel .catch {
		margin: 0 0 1px;
		font-size: 14px;
		line-height: 1.5;
	}
	#brand .panel p {
		line-height: 1.5;
	}
	#brand .panel ul {
		margin: 8px 0 0;
	}
	#brand .panel li {
		display: block;
		width: auto;
		max-width: 160px;
		margin: 8px auto 0;
	}
	#brand .panel li:first-child {
		margin: 0 auto;
	}
}
@media only screen and (max-width:480px) {
	/*#brand .panel {
		width: auto;
		min-height: 0 !important;
		margin: 8px 0 0;
		float: none;
	}*/
}
	
/*******************************
  news
*******************************/

	/* index */

	#news #contents section {
		margin: 0 0 160px;
	}
	#news #categoryTitle {
		margin: 0 0 60px;
		background-image: url(../../imgs/bg-title-news.jpg);
	}
	#news .tab .nav {
		margin: 0 0 40px;
	}
	#news .tab .nav li {
		width: 34%;
		display: inline-block;
	}
	#news .tab .nav a {
		display: block;
		border-left: 1px solid #fff;
		padding: 9px 5px 9px 4px;
		position: relative;
		font-size: 14px;
		text-align: center;
		line-height: 22px;
	}
	#news .tab .nav a {
		background: #f0f0f0;
	}
	#news .tab .nav a:hover,
	#news .tab .nav .active {
		background: #d8374b;
		color: #fff;
	}
	#news .tab .nav li:first-child {
		width: 32%;
	}
	#news .tab .nav li:first-child a {
		border-left: none;
		padding: 9px 5px;
	}
	#news .tab .nav a:hover:after,
	#news .tab .nav .active:after {
		content: '';
		display: block;
		width: 16px;
		height: 10px;
		margin: 0 0 0 -8px;
		position: absolute;
		top: 100%;
		left: 50%;
		background: url(../imgs/blt-menu05.png) 0 0 no-repeat;
		background-size: contain;
	}
	#news .tab .tab {
		display: none;
	}
	#news .tab .active {
		display: block;
	}
	#news .tab .tab ul {
		border-bottom: 1px solid #f0f0f0;
	}
	#news .tab .tab li {
		border-top: 1px solid #f0f0f0;
	}
	#news .tab .tab a {
		display: block;
		padding: 22px 10px;
		position: relative;
		font-size: 14px;
		line-height: 1.286;
	}
	#news .tab .tab a:after {
		content: '';
		display: block;
		width: 10px;
		height: 16px;
		position: absolute;
		top: 23px;
		right: 10px;
		background: none url(../imgs/blt-menu03.png) 0 0 no-repeat;
		/*background: url(../imgs/blt-menu03.png) 0 0 no-repeat;*/
		background-size: contain;
	}
	#news .tab .date {
		display: inline-block;
		width: 115px;
	}
	
@media only screen and (max-width:640px) {
	#news #contents section {
		margin: 0;
	}
	#news #categoryTitle {
		margin: 0 0 25px;
	}
	#news .tab .nav {
		margin: 0 0 15px;
	}
	#news .tab .nav a {
		font-size: 14px;
		line-height: 16px;
	}
	#news .tab .nav a:hover:after,
	#news .tab .nav .active:after {
		width: 8px;
		height: 5px;
		margin: 0 0 0 -4px;
	}
	#news .tab .tab a {
		height: 14px;
		padding: 15px 15px 15px 5px;
		font-size: 14px;
		line-height: 1.4;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	#news .tab .tab a:after {
		width: 5px;
		height: 8px;
		top: 12px;
		right: 5px;
	}
	#news .tab .date {
		width: 90px;
	}
}
	
	/* detail */

	#newsDetail #categoryTitle {
		min-height: 165px;
		margin: 0 0 60px;
		padding: 55px 0 40px;
		background-image: url(../../imgs/bg-title-news.jpg);
		line-height: 46px;
	}
	#newsDetail #categoryTitle .category  {
		display: block;
		margin: 0 0 30px;
		font-size: 26px;
		line-height: 1;
	}
	#newsDetail .date {
		max-width: 730px;
		margin: 0 auto 45px;
		font-size: 14px;
		line-height: 30px;
	}
	#newsDetail .date:before {
		content: '掲載日';
		display: inline-block;
		width: 60px;
		margin: 0 15px 0 0;
		background: #f0f0f0;
		vertical-align: top;
		text-align: center;
	}
	#newsDetail .contents  {
		max-width: 730px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 24px;
	}
	#newsDetail .contents img {
		display: block;
		margin: 55px auto 0;
		height:auto;
	}
	#newsDetail #pager {
		margin: 70px 0 0;
		position: relative;
	}
	#newsDetail #pager li {
		width: 185px;
	}
	#newsDetail #pager .prev {
		float: left;
	}
	#newsDetail #pager .next {
		float: right;
	}
	#newsDetail #pager .prev a:before {
		content: '<';
		margin: 0 0.5em 0 0;
	}
	#newsDetail #pager .next a:after {
		content: '>';
		margin: 0 0 0 0.5em;
	}
	
@media only screen and (max-width:640px) {
	#newsDetail #categoryTitle {
		min-height: 56px;
		margin: 0 0 15px;
		padding: 15px 0 15px;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
	}
	#newsDetail #categoryTitle .category  {
		margin: 0 0 8px;
		font-size: 10px;
	}
	#newsDetail .date {
		margin: 0 auto 12px;
		font-size: 14px;
		line-height: 1.5;
	}
	#newsDetail .date:before {
		width: 4em;
		margin: 0 5px 0 0;
	}
	#newsDetail .contents  {
		font-size: 10px;
		line-height: 1.5;
	}
	#newsDetail .contents img {
		margin: 28px auto 0;
        height: auto;
	}
	#newsDetail #pager {
		margin: 35px 0 0;
	}
	#newsDetail #pager li {
		width: 92px;
	}
}
	
/*******************************
  shoplist
*******************************/

	#shoplist .sNav02 {
		border-bottom: 1px solid #ccc;
	}
	#shoplist .sNav02 li {
		display: inline-block;
		width: 25%;
		border-top: 1px solid #ccc;
		vertical-align: top;
	}
	#shoplist .sNav02 a,
	#shoplist .sNav02 strong {
		display: block;
		border-right: 1px solid #ccc;
		padding: 0 0 0 1px;
		overflow: hidden;
		text-align: center;
	}
	#shoplist .sNav02 .n1 a,
	#shoplist .sNav02 .n1 strong {
		border-left: 1px solid #ccc;
		padding: 0;
	}
	#shoplist .sNav02 a:hover,
	#shoplist .sNav02 strong {
		background: #d8374b;
	}

	#shoplist .areaName {
		margin: 40px 0 20px;
		padding: 18px 20px;
		background: #d8374b;
		color: #fff;
		font-size: 16px;
	}
@media only screen and (max-width:640px) {
	#shoplist .sNav02 li {
		width: 50%;
	}
	#shoplist .sNav02 li:nth-child(odd) a,
	#shoplist .sNav02 li:nth-child(odd) strong {
		border-left: 1px solid #ccc;
		padding: 0;
	}
	#shoplist .sNav02 img {
		width: 68%;
	}
	#shoplist .sNav02 a:hover {
		background: transparent;
	}
	
	#shoplist .areaName {
		margin: 20px 0 15px;
		padding: 4px 10px;
		font-size: 12px;
	}
}

	#shoplist .list {
		font-size: 14px;
		line-height: 22px;
	}
	#shoplist .list>li {
		border-bottom: 1px solid #d8374b;
		padding: 15px 0 20px;
	}
	#shoplist .list .text {
		float: left;
	}
	#shoplist .name {
		margin: 0 0 5px;
		font-weight: bold;
	}
	#shoplist .tel a {
		color: #d8374b;
	}
	#shoplist .list .icon {
		float: right;
		color: #fff;
		text-align: right;
	}
	#shoplist .list .icon .small {
		font-size: 10px;
		line-height: 16px;
	}
	#shoplist .list .icon li {
		display: inline-block;
		margin: 0 0 0 5px;
		text-align: center;
		vertical-align: top;
	}
	#shoplist .list .icon .small li {
		width: 50px;
	}
	#shoplist .list .icon .mens {
		background: #3ea9dc;
	}
	#shoplist .list .icon .ladies {
		background: #ee7bae;
	}
	#shoplist .list .icon .goods {
		background: #f4af3d;
	}
	#shoplist .list .icon .small .camp {
		width: 80px;
		background: #6ed048;
	}
	#shoplist .list .icon .large {
		font-size: 12px;
		line-height: 24px;
	}
	#shoplist .list .icon .large li {
		margin-top: 10px;
	}
	#shoplist .list .map {
		width: 90px;
	}
	#shoplist .list .fb {
		width: 113px;
	}
	#shoplist .list .map a,
	#shoplist .list .fb a {
		display: block;
		height: 24px;
		border: 1px solid #9fa0a3;
		padding: 7px 0;
		background: #9fa0a3;
		color: #fff;
	}
	#shoplist .list .map a:before {
		content: url(../imgs/ico-map.png);
		margin: 0 10px 0 0;
		vertical-align: middle;
	}
	#shoplist .list .fb a:before {
		content: url(../imgs/ico-fb.png);
		margin: 0 10px 0 0;
		vertical-align: middle;
	}
	#shoplist .list .tax {
		width: 111px;
		border: 1px solid #9fa0a3;
		padding: 7px 0;
		color: #7d7e80;
	}
	#shoplist .list .shopImg {
		padding-top: 1%;
		clear: both;
		overflow: hidden;
	}	
	
/*******************************
  recruit
*******************************/

	#recruit #categoryTitle {
		background-image: url(../../imgs/bg-title-recruit.jpg);
	}
	#recruit .sNav li {
		border-right: 1px solid #fff;
        width: 24.8%;
        background: #edefee;
	}
	#recruit .sNav .gpms a,
	#recruit .sNav .gpms strong {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	#recruit .lead {
		margin: -8px 0 22px;
	}
@media only screen and (max-width:980px) {
	#recruit .sNav {
		margin: 0 0 60px;
	}
}
@media only screen and (max-width:640px) {
	#recruit .sNav {
		margin: 0 0 15px;
		border-bottom: none;
		padding: 0 10px;
	}
	#recruit .sNav ul {
		line-height: 12px;
	}
	#recruit .sNav li {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		border: none;
		padding-top: 10px;
	}
	#recruit .sNav li:nth-child(odd) {
		padding-right: 5px;
	}
	#recruit .sNav li:nth-child(even) {
		padding-left: 5px;
	}
    #recruit .sNav li {
        background: none;
    }
    #recruit .sNav a{
        background: #edefee;
    }
    #recruit .sNav a,
	#recruit .sNav strong {
		border: 1px solid #e0e0e0;
		padding: 8px 0;
	}
	#recruit .sNav .gpms a,
	#recruit .sNav .gpms strong {
		padding: 2px 0;
	}
	
	#recruit .lead {
		margin: 0 0 23px;
	}
}
	
	/* recruit index */
	
	#recruit #index p a {
		color: #d8374b;
	}
	#recruit #index dl {
		margin: 15px 0 0;
		border-bottom: 1px solid #f0f0f0;
		font-size: 14px;
		line-height: 24px;
	}
	#recruit #index dt {
		padding: 10px 0;
		float: left;
	}
	#recruit #index dd {
		border-top: 1px solid #f0f0f0;
		padding: 10px 0 10px 120px;
	}
	#recruit #index dt:first-child+dd {
		border-top: none;
	}
@media only screen and (max-width:640px) {
	#recruit #index dl {
		margin: 10px 0 0;
		border-bottom: none;
		font-size: 10px;
		line-height: 1.5;
	}
	#recruit #index dt {
		padding: 7px 0 0;
		float: none;
	}
	#recruit #index dd {
		border-top: none;
		border-bottom: 1px solid #f0f0f0;
		padding: 0 0 8px;
	}
}

	/* 中途採用 */
	
	#career section {
		margin: 60px 0 0;
	}
	#career .lead+section {
		margin: 0;
	}
	#career table {
		width: 100%;
		margin: 30px 0 22px;
		border-bottom: 1px solid #f0f0f0;
		font-size: 14px;
		line-height: 24px;
	}
	#career th,
	#career td {
		border-top: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
		padding: 19px 20px;
	}
	#career th {
		width: 160px;
		border-left: 1px solid #f0f0f0;
		background: #f9f9f9;
		font-weight: normal;
	}
	#career .btnEntry {
		width: 300px;
		margin: 22px auto 0;
		position: relative;
		line-height: 49px;
	}
	#career .btnEntry:before {
		content: '';
		display: block;
		width: 28px;
		height: 28px;
		margin: -14px 0 0 -66px;
		position: absolute;
		top: 50%;
		left: 50%;
		background: url(../imgs/ico-entry.png) 0 0 no-repeat;
		background-size: contain;
	}
	
@media only screen and (max-width:640px) {
	#career section {
		margin: 20px 0 0;
	}
	#career table {
		margin: 10px 0 12px;
		font-size: 10px;
		line-height: 1.5;
	}
	#career th,
	#career td {
		border-top: 1px solid #f0f0f0;
		border-right: 1px solid #f0f0f0;
		padding: 7px 8px 8px;
	}
	#career th {
		width: 70px;
	}
	#career .btnEntry {
		width: 150px;
		margin: 18px auto 0;
		position: relative;
		line-height: 24px;
	}
	#career .btnEntry:before {
		width: 14px;
		height: 14px;
		margin: -7px 0 0 -38px;
	}
}

	/* 新規採用 */
	
	#graduates dl {
		padding: 0 0 60px;
		background: #f6f6f6;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
	}
	#graduates dt {
		padding: 25px 0 20px;
		font-weight: bold;
	}
	#graduates dd {
		padding: 0 0 15px;
	}
	#graduates dd img {
		display: block;
		margin: 0 auto 10px;
		border: 1px solid #f0f0f0;
	}
	#graduates dd a {
		color: #d8374b;
		text-decoration: underline;
	}
@media only screen and (max-width:640px) {
	#graduates dl {
		padding: 0 10px 15px;
		font-size: 10px;
		line-height: 1.5;
	}
	#graduates dt {
		padding: 12px 0 18px;
	}
	#graduates dd {
		padding: 0;
	}
	#graduates dd img {
		margin: 0 auto 15px;
	}
}
	
	/* インタビュー */
	
	#recruit #interview .panel {
		width: 47.9%;
		margin: 0 0 45px 4.2%;
		float: left;
		font-size: 14px;
		line-height: 24px;
	}
	#recruit #interview .n1 {
		margin: 0 0 45px;
		clear: both;
	}
	#recruit #interview .image img {
		width: 100%;
	}
	#recruit #interview .job {
		width: 120px;
		margin: 0 0 0 20px;
		padding: 6px 0;
		position: relative;
		top: -18px;
		color: #fff;
		text-align: center;
	}
	#recruit #interview .gripi .job {
		background: #d8374b;
	}
	#recruit #interview .gripa .job {
		background: #009fc9;
	}
	#recruit #interview .summary {
		margin: 0 0 15px;
		padding: 5px 0 15px;
		position: relative;
		font-size: 18px;
		line-height: 1.556;
	}
	#recruit #interview .summary:after {
		content: '';
		display: block;
		width: 20px;
		height: 1px;
		position: absolute;
		left: 0;
		bottom: 0;
		background: #606060;
	}
	#recruit #interview .gripi .company {
		color: #d8374b;
	}
	#recruit #interview .gripa .company {
		color: #009fc9;
	}
@media only screen and (max-width:640px) {
	#recruit #interview .panel {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		margin: 0 0 18px;
		font-size: 14px;
		line-height: 1.5;
	}
	#recruit #interview .panel:nth-child(odd) {
		padding: 0 5px 0 0;
	}
	#recruit #interview .panel:nth-child(even) {
		padding: 0 0 0 5px;
	}

	#recruit #interview .job {
		width: 90px;
		margin: 0 0 0 10px;
		padding: 0;
		top: -9px;
		line-height: 28px;
	}
	#recruit #interview .summary {
		margin: -5px 0 8px;
		padding: 0 0 5px;
		position: relative;
		font-size: 14px;
		line-height: 1.4;
	}
	#recruit #interview .summary:after {
		width: 10px;
	}
}
@media only screen and (max-width:480px) {
	#recruit #interview .panel {
		width: auto;
		float: none;
	}
	#recruit #interview .panel:nth-child(odd),
	#recruit #interview .panel:nth-child(even) {
		padding: 0;
	}
}

	/* インタビュー詳細 */

	#recruit #interviewDetail .mainImage {
		margin: 0 0 60px;
	}
	#recruit #interviewDetail .catch {
		margin: 0 0 20px;
		padding: 14px 65px;
		position: relative;
		font-size: 30px;
		line-height: 40px;
		text-align: center;
	}
	#recruit #interviewDetail .catch:before {
		content: url(../imgs/blt-02.png);
		position: absolute;
		top: 0;
		left: 0;
	}
	#recruit #interviewDetail .catch:after {
		content: url(../imgs/blt-03.png);
		position: absolute;
		right: 0;
		bottom: 0;
	}
	#recruit #interviewDetail .name {
		margin: 0 0 25px;
		font-size: 24px;
		font-weight: normal;
		line-height: 1;
		text-align: center;
	}
	#recruit #interviewDetail .job {
		margin: 0 0 55px;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
	}
	#recruit #interviewDetail .gripi {
		color: #d8374b;
	}
	#recruit #interviewDetail .gripa {
		color: #009fc9;
	}
	#recruit #interviewDetail .title01 {
		margin-bottom: 60px;
	}
	#recruit #interviewDetail .image {
		width: 47.9%;
		margin: 0 0 60px 4.2%;
		float: right;
	}
	#recruit #interviewDetail .text {
		width: 47.9%;
		margin: 0 0 60px;
		float: right;
		font-size: 14px;
		line-height: 30px;
	}
	#recruit #interviewDetail .text dt {
		margin: 55px 0 0;
		color: #d8374b;
		font-size: 18px;
		line-height: 1;
	}
	#recruit #interviewDetail .text dt:first-child {
		margin: 0;
	}
	#recruit #interviewDetail .text dd {
		margin: 25px 0 0;
	}
	#recruit #interviewDetail .btnBack {
		padding: 18px 0;
		background: #f6f6f6;
		font-size: 14px;
		line-height: 24px;
		text-align: center;
	}
	#recruit #interviewDetail .btnBack a {
		padding: 0 0 0 20px;
		color: #d8374b;
		text-decoration: underline;
		background: url(../imgs/blt-menu06.png) 0 50% no-repeat;
	}
@media only screen and (max-width:640px) {
	#recruit #interviewDetail .mainImage {
		margin: 0 0 15px;
	}
	#recruit #interviewDetail .catch {
		margin: 0 0 10px;
		padding: 0;
		font-size: 14px;
		line-height: 1.5;
	}
	#recruit #interviewDetail .catch:before,
	#recruit #interviewDetail .catch:after {
		content: normal;
	}
	#recruit #interviewDetail .name {
		margin: 0 0 15px;
		font-size: 14px;
		line-height: 1.5;
	}
	#recruit #interviewDetail .job {
		margin: 0 0 18px;
		font-size: 12px;
		line-height: 1.5;
	}
	#recruit #interviewDetail .title01 {
		margin-bottom: 25px;
	}
	#recruit #interviewDetail .image {
		width: auto;
		margin: 0 0 15px;
		float: none;
	}
	#recruit #interviewDetail .image img {
		width: 100%;
	}
	#recruit #interviewDetail .text {
		width: auto;
		margin: 0 0 30px;
		float: none;
		font-size: 14px;
		line-height: 2;
	}
	#recruit #interviewDetail .text dt {
		margin: 10px 0 0;
		font-size: 14px;
	}
	#recruit #interviewDetail .text dt:first-child {
		margin: 0;
	}
	#recruit #interviewDetail .text dd {
		margin: 10px 0 0;
	}
	#recruit #interviewDetail .btnBack {
		padding: 5px 0;
		font-size: 14px;
		line-height: 40px;
	}
	#recruit #interviewDetail .btnBack a {
		padding: 0 0 0 10px;
		background-size: 4px 7px;
	}
}




	/* gpms */

	#gpms .image {
		margin: 0 0 60px;
		background: url(../../imgs/bg-gpms01.jpg) 50% 50% no-repeat;
		background-size: cover;
		text-align: center;
	}
	#gpms .point {
		display: none;
	}
	#gpms .title01 {
		margin: 55px 0 0;
	}
	#gpms .title03 {
		margin: 55px 0 0;
	}
	#gpms p+.title03 {
		margin: 25px 0 0;
	}
	#gpms p {
		margin: 25px 0 0;
		line-height: 24px;
	}
@media only screen and (max-width:640px) {
	#gpms .image {
		margin: 0 -10px 10px;
	}
	#gpms .point {
		display: block;
		font-size: 10px;
		line-height: 2;
	}
	#gpms .point dt {
		width: 4em;
		float: left;
		clear: both;
	}
	#gpms .point dd {
		padding: 0 0 0 4em;
	}
	#gpms .point li {
		display: inline-block;
		margin: 0 1em 0 0;
	}
	#gpms .point li:before {
		content: '・';
	}
	#gpms .title01 {
		margin: 28px 0 0;
	}
	#gpms .point+section .title01 {
		margin: 23px 0 0;
	}
	#gpms .title03 {
		margin: 20px 0 0;
	}
	#gpms p+.title03 {
		margin: 15px 0 0;
	}
	#gpms p {
		margin: 12px 0 0;
		line-height: 1.5;
	}
}
	
/*******************************
  sitemap
*******************************/
.siteMapArea {
    padding-top: 40px;
}
.wrap .siteList {
    margin-bottom: 4%;
}
.wrap .sitemap {
    overflow: hidden;
}
.wrap .sitemap .sitemapTop {
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
}
.wrap .sitemap .sitemapTop ul li {
    background: rgba(0, 0, 0, 0) url("../../imgs/arrowMap.png") no-repeat scroll 0 3px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 2%;
    padding-bottom: 2%;
    padding-left: 20px;
    width: 29%;
}
.wrap .sitemap .second {
    display: block;
    float: left;
    margin-right: 3%;
    overflow: hidden;
    width: 31%;
}
.wrap .sitemap .second ul li {
    background: rgba(0, 0, 0, 0) url("../../imgs/arrowMap.png") no-repeat scroll 0 3px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 7%;
    padding-bottom: 5%;
    padding-left: 20px;
}
.wrap .sitemap .secondLast {
    display: block;
    float: left;
    overflow: hidden;
    width: 31.5%;
}
.wrap .sitemap .secondLast ul li {
    background: rgba(0, 0, 0, 0) url("../../imgs/arrowMap.png") no-repeat scroll 0 3px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 7%;
    padding-bottom: 5%;
    padding-left: 20px;
}
.sitemapSp {
    display: none;
}

@media only screen and (max-width:640px) {
.sitemapSp .sitelist .box .listInner ul li {
    background: rgba(0, 0, 0, 0) url("../../imgs/arrowMap.png") no-repeat scroll 0 3px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 2%;
    padding-bottom: 2%;
    padding-left: 20px;
    width: 100%;
}
.sitemapPa {
    display: none;
}
.sitemapSp {
    display: inline;
}
    
    
}	
	







/*******************************
  mailnews
*******************************/

	#categoryTitleMail {
		background: rgba(0, 0, 0, 0) none repeat scroll 50% 50% / cover ;
		border-bottom: 1px solid #f0f0f0;
		color: #fff;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 36px;
		font-weight: normal;
		line-height: 50px;
		padding: 105px 0;
		text-align: center;
		text-shadow: 1px 1px 1px #333;
		text-transform: uppercase;
	}
	body #categoryTitleMail {
		margin: 0 0 20px;
		background-image: url(../../imgs/bg-title-mail.jpg);
	}
#pane1 {
background-color: #ffffff;
overflow: auto;
height: 300px;
margin: 10px 0 40px;
padding: 20px;
border: 1px solid #dfdfdf;
} 

#pane1 h4 {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0;
}
#pane1 p {
    margin: 0 0 15px;
    padding: 0;
}
.mailBtn {
    padding: 40px 0 20px 0;
}
.mailBtn img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
.mailBtn a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
body #categoryTitleMail {
    margin: 0 0 2px;
}
@media only screen and (max-width:640px) {

#categoryTitleMail {
    font-size: 20px;
    line-height: 30px;
    padding: 14px 0;
}
}


/*******************************
  concact
*******************************/
.contactArea {
    padding-top: 40px;
}
.contactArea h4 {
    font-size: 18px;
    margin-bottom: 20px;
}
.contactArea .box01 p.secTtl{
    color: #d8374b;
    margin-bottom: 5px;
    font-size: 18px !important;
}
.contactArea .box01 ul li {
    background: #f4f4f4;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}
.contactArea .contactLink {
    border: 1px solid #e0e0e0;
    padding: 40px 40px 10px 40px;
    margin-bottom: 40px;
}
.contactArea .contactLink p {
    line-height: 1.4 !important;
}
.contactArea .contactLink p a{
    color: #d8374b;
    line-height: 1.4;
    border-bottom: dotted 1px #d8374b;
}
.contactArea .contactLink .wBorder{
    padding: 20px 0;    
}
.contactArea .contactLink .wBorder .ttl{
    font-weight: bold;
    color: #4d4d4d;
    font-size: 16px !important;
    margin-bottom: 10px;
}
.contactArea .contactLink .wBorder ul li{
    margin-bottom: 10px;
}

@media only screen and (max-width:640px) {
.contactArea .box01 p.secTtl{
    color: #d8374b;
    margin-bottom: 5px;
    font-size: 15px !important;
}
.contactArea .contactLink {
    border: 1px solid #e0e0e0;
    margin-bottom: 40px;
    padding: 20px 20px 10px;
}
}

#contents #company{
	padding-top:4%;
}