@charset "utf-8";


/*-- 共通
---------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


html {
  font-family: "YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
	font-size : 100%; /*レスポンシブタイプセッティングの指定*/
	line-height : 1.8;
	background-color:#ffffff;
	color:#333333;
}

body {
	-webkit-text-size-adjust: 100%;
	box-sizing:border-box;
	background-color:#ffffff;
	font-size:16px;
	color:#101010;
}
/*a { color: #fabc19; text-decoration : underline; transition: all 0.3s ease-in-out 0s;}*/
a {
	color: #FEA714;
	text-decoration : underline;
	transition: all 0.3s ease-in-out 0s;
}
a:hover {
    text-decoration: none;
    opacity:0.8;
    filter: alpha(opacity=80);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=80)";  /* ie 8 */
    -moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.8;              /* Safari 1.x */
	  zoom:1;
		transition: all 0.2s ease-in-out 0s;
}

/*追加：別ウィンドウ*/
.tBlank {
    background-image: url("/recruit/fresh/img/common/ico_exlink_yellow.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1em;
    margin-right: .25em;
}

ul, ol { list-style : none}
img { vertical-align : middle; max-width: 100%;}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.accent {
   color: #FABC19;
}



/*-- 共通
------------------------------------------------------------------*/

.mt020 { margin-top:-20px !important;}
.m00 { margin:0px !important;}
.mt00 { margin-top:0px !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt65 {margin-top:65px !important;}
.mt70 {margin-top:70px !important;}
.mt75 {margin-top:75px !important;}
.mt80 {margin-top:80px !important;}
.mr00 {margin-right:0px !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr55 {margin-right:55px !important;}
.mr60 {margin-right:60px !important;}
.mb00 {margin-bottom:0px !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb55 {margin-bottom:55px !important;}
.mb60 {margin-bottom:60px !important;}
.mb65 {margin-bottom:65px !important;}
.mb70 {margin-bottom:70px !important;}
.mb75 {margin-bottom:75px !important;}
.mb80 {margin-bottom:80px !important;}

.ml00 {margin-left:0px !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}
.ml60 {margin-left:60px !important;}

.pt00 {padding-top:0px !important;}
.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt55 {padding-top:55px !important;}
.pt60 {padding-top:60px !important;}
.pr00 {padding-right:0px !important;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pr55 {padding-right:55px !important;}
.pr60 {padding-right:60px !important;}
.pb00 {padding-bottom:0px !important;}
.pb05 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb55 {padding-bottom:55px !important;}
.pb60 {padding-bottom:60px !important;}
.pl00 {padding-left:0px !important;}
.pl05 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl55 {padding-left:55px !important;}
.pl60 {padding-left:60px !important;}

.text10 { font-size:10px; }
.text11 { font-size:11px; }
.text12 { font-size:12px; }
.text13 { font-size:13px; }
.text14 { font-size:14px; }
.text15 { font-size:15px; }
.text16 { font-size:16px; }
.text17 { font-size:17px; }
.text18 { font-size:18px; }
.text19 { font-size:19px; }
.text20 { font-size:20px; }
.text21 { font-size:21px; }
.text22 { font-size:22px; }
.text23 { font-size:23px; }
.text24 { font-size:24px; }
.text25 { font-size:25px; }
.text26 { font-size:26px; }

.txt_left { text-align:left !important; }
.txt_center { text-align:center !important; }
.txt_right { text-align:right !important; }

.va_middle { vertical-align:middle !important;}

.bo_top { border-top:1px solid #dedede !important; }
.bo_right { border-right:1px solid #dedede !important; }
.bo_bottom { border-bottom:1px solid #dedede !important; }
.bo_left { border-left:1px solid #dedede !important; }
.bo_topNone { border-top:none !important; }
.bo_rightNone { border-right:none !important; }
.bo_bottomNone { border-bottom:none !important; }
.bo_leftNone { border-left:none !important; }
.fw_bold { font-weight:bold !important; }
.flNone{ float: none !important; }

/*web font*/
.noto100 {font-weight:100; font-family: 'Noto Sans Japanese', serif;}
.noto200 {font-weight:200; font-family: 'Noto Sans Japanese', serif;}
.noto300 {font-weight:300; font-family: 'Noto Sans Japanese', serif;}
.noto400 {font-weight:400; font-family: 'Noto Sans Japanese', serif;}
.noto500 {font-weight:500; font-family: 'Noto Sans Japanese', serif;}
.noto600 {font-weight:600; font-family: 'Noto Sans Japanese', serif;}
.noto700 {font-weight:700; font-family: 'Noto Sans Japanese', serif;}
.noto800 {font-weight:800; font-family: 'Noto Sans Japanese', serif;}
.noto900 {font-weight:900; font-family: 'Noto Sans Japanese', serif;}



/*-- 全体
------------------------------------------------------------------*/

.inner {
	width: 1240px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}


#application #mainText li, #faq #mainText li {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 24px 0 25px;/*0*/
}
#application #mainText li:first-child, #faq #mainText li:first-child {
	padding-top: 0;
}

#application #mainText li:after, #faq #mainText li:after {
	content: "";
	clear: both;
	display: block;
}



/*ロゴ*/
.logo img {
    width: 100%;
}

a.exLink {
background-image: url("/recruit/fresh/img/common/ico_exlink.png");
background-repeat: no-repeat;
background-position: right center;
padding-right:1.25em;
margin-right:5px !important;
}



/* header */
#top-head {
	font-size: 14px;
	top: -90px;
	position: absolute;
	width: 100%;
	margin: 90px auto 0;
	padding: 0;
	line-height: 1;
	z-index: 999;
  height: 90px;
  background: #fff;
	background: rgba(255,255,255,.96);
	border-bottom: 1px solid #dedede;
}
#top-head a,
#top-head {
	color: #fff;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	float: left;
  font-size: 0;
  margin: 17px 20px 0 0;
  padding: 0;
  width: 120px;
}
/* fresh logo */
.logoFresh {
    float: left;
    display: block;
    width: 150px;
    margin: 0;
    padding: 25px 0 0;
    font-size: 0;
}

#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
}
#global-nav ul li {
	float: left;
	position: relative;
  margin: 0;
  text-align: center;
}
#global-nav ul li.entry {
  margin-right: 0;
}
#global-nav ul li a {
    padding: 26px 22px 21px;
    display: block;
    line-height: 1.35;
    color: #353535;
}
#global-nav ul li a:hover {
  color: #FABC19;
}
#global-nav ul li.entry a {
    display: block;
    line-height: 20px;
    padding: 28px 24px 20px;
    background-color: #FABC19;
    color: #fff;
}

#global-nav ul li span {
	font-size:12px;
}

/* Btn Hover */
#global-nav ul li:after,#global-nav ul li.entry.current:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: 9px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}

#global-nav ul li.entry:after {
  display: none;
}
#global-nav ul li.comingsoon:after,
#global-nav ul li.comingsoon:hover:after {
  display: none;
}
#global-nav ul li:hover:after,
#global-nav ul li.entry.current:hover:after {
	background: #FABC19;
	bottom: -1px;
}
#global-nav ul li a:hover, #global-nav ul li.entry a:hover {
  opacity: 0.8;
  transition: all 0.4s ease-in-out 0s;
}

/*----グローバルナビ現在地ボタン----*/
#global-nav ul li.current a {
	color: #FABC19;
}
#global-nav ul li.entry.current a {
		background-color: #FFFFFF;
	  color: #FABC19;
    border-bottom: 0;
		padding: 28px 24px 20px;
		line-height: 20px;
}


/*comingsoon*/
#global-nav ul li.comingsoon {
    color: #cecece;
    display: block;
    line-height: 1.4;
    padding: 25px 30px;
}
#global-nav ul li.comingsoon:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 3px;
	bottom: 9px;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	transition: all 0s ease;
}
#global-nav ul li.comingsoon:hover:after {
	background: #ffffff;
	bottom: -1px;
}

/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	padding-top: 0;
	height: 90px;
	background: #fff;
	background: rgba(255,255,255,.96);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
/*	font-size: 24px; */
	color: #333;
}



/* Fixed Btn Hover */
#top-head.fixed #global-nav ul li:after {
	bottom: 0px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #FABC19;
	bottom: 0px;
}



/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #666;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 2px;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 20px;
}


/*----ほぼ共通のコンテンツ間を遷移するボタン----*/
.contentsLink,.contentsExLink {
   margin: 0 auto;
   padding: 0;
   text-align: center;
	 clear: both;
}
.contentsLink a {
    background-image: url("/recruit/fresh/img/common/ico_arrowright_white.png");
    background-position: 93% center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    background-color: #f8b819;
    color: #ffffff;
    display: block;
    height: 78px;
    line-height: 78px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
		text-decoration: underline;
    width: 60%;
    max-width:744px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.contentsExLink a {
	background-image: url("/recruit/fresh/img/common/ico_exlink_btn_yellow.png");
	background-position: 93% center;
	background-repeat: no-repeat;
	background-size: 17px auto;
	background-color: #f8b819;
	color: #ffffff;
  font-size: 18px;
	font-weight: bold;
	display: block;
	height: 78px;
	line-height: 78px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 60%;
	max-width: 744px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.contentsLink a:hover, .contentsExLink a:hover {
	  text-decoration: none;
		transition: all 0.2s ease-in-out 0s;
}


/*----ページ下部ほぼ共通のEntryボタン----*/
#entry {
    background: #FABC19 none repeat scroll 0 0;
    padding: 3em 1em;
    text-align: center;
    color: #ffffff;
}
#entry h1 {
    background-image: url("/recruit/fresh/img/common/ico_entry.png");
    background-repeat: no-repeat;
    display: inline-block;
    width: 68px;
    height: 86px;
    margin-bottom: 20px;
    overflow: hidden;
    text-indent: -9999px;
}
#entry p {
    margin: 0 0 20px;
		line-height: 1.6;

}
#entry a {
  background-color: #ffffff;
	background-image: url("/recruit/fresh/img/common/ico_arrowright_yellow.png");
	background-position: 92% center;
	background-repeat: no-repeat;
	background-size: 9px auto;
  color: #FABC19;
  display: block;
  font-size: 14px;
  height: 60px;
  line-height: 60px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  margin: 0 auto;
  width: 80%;
  max-width: 380px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#entry a:hover {
  transition: all 0.2s ease-in-out 0s;
}

section:nth-child(even) {
	background-color: #f5f5f5;
}



/*----footer----*/
footer {
  position: relative;
  text-align: center;/**/
}
footer a {
	text-decoration: none;
	color: #343434;
}
footer .inner {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
footer ul {
  clear: left;
	overflow: hidden;
	margin: 1em 0;
	>margin: 1em 0 0;
	overflow: hidden;
	padding: 0;
	width: 70%;
}
footer ul li {
  float: left;
  border-right: 1px solid #dedede;
  padding: .1em 1.5em;
  font-size: 14px;
}
footer ul li:first-child {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
footer ul li a {
    background-image: url("/recruit/fresh/img/common/ico_exlink.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 1.25em;
    margin-right: 5px !important;
}
footer ul li a:hover {
	text-decoration: underline;
}
footer #pageTop {
	background-color: #858585;
	color: #fff;
	float: right;
	height: 60px;
	line-height: 60px;
	margin: -3.75em 0 0;
	>margin: -2.5em 0 0;
	padding: 0;
	text-align: center;
}
footer #pageTop a {
	background-color: #252525;
	color: #fff;
	float: right;
	width: 310px;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	background-image: url("/recruit/fresh/img/common/ico_pagetop_white.png");
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: 277px center;
}
footer #copyright {
  width: 100%;
  display: block;
  line-height: 0.8;
  padding-top: 15px;
  border-top: 1px solid #dedede;
}
footer #copyright small {
  clear: both;
  font-size: 12px;
  color: #353535;
  text-align: center;
}



/*----2ndディレクトリ以下のコンテンツフッター----*/
h2.subTtl, h2.subTtl a {
	color: #101010;
	font-size: 32px;/* 28px */
	font-weight: bold;
	text-decoration: none;
}
.contents h2, .contents h2.subTtl a, .contents_wh h2.subTtl a {
    line-height: 1.8;
		font-size: 32px;
}
h2.subTtl span {
	color: #f8b819;
	font-size: 18px;
	padding-bottom: 40px; /* 60px */
  display: block;
  font-weight: bold;
	padding-top: 0;/* add */
}


.contents h2.subTtl span, .contents_wh h2.subTtl span {
	padding-bottom: 80px;
}
h2.subTtl a span {
    text-decoration: underline;
    color: #101010;
}
h2.subTtl a:hover span {
    text-decoration: none;
    color: #101010;
}


/*----2ndディレクトリ以下のリードタイトルの下が日本語になっている部分共通---*/
.leadSub {
    font-weight: bold;
    display: block;
    line-height: 1.5;
    padding: 0 1em;
		text-align: center;
		font-size: 18px;
}





/*-- 2ndディレクトリ共通
---------------------------------------------------------*/

/*【共通】メインビジュアル：*/
#keyVidual {
	margin: 240px auto 80px;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(480 / 1800 * 100%); /* calc(画像の高さ ÷ 画像の横幅 × 100%) */
}
#keyVidual div {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: -135px;
    width: 100%;
}
#keyVidual h1 {
	color: #353535;
    font-size: 32px;/* 36px */
    font-weight: bold;
		margin: 0 auto;
    padding: 0;
		line-height: 2.2;
}
#keyVidual h1::after {
    content: '';
    position: absolute;
    top: 65px;/* 73px */
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 2px;
    background-color: #f8b819;
}
#keyVidual span {
    color: #555555;
    font-size: 16px;
		font-weight: 500;
    margin: 0;
    padding: 0;
    /*padding: 15px 0 0;*/
		vertical-align: top;
}
#keyVidual span::before {
    content: '';
		display: block;
		padding: 0;
}


/* ページごとの背景画像 */
/*メッセージTopページ*/
#message #keyVidual {
	background: url("/recruit/fresh/img/message/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*社長メッセージページ*/
#president #keyVidual {
	background: url("/recruit/fresh/img/message/president/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*PC DEPOTが目指すものページ*/
#vision #keyVidual {
	background: url("/recruit/fresh/img/message/vision/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*採用メッセージページ*/
#mRecruit #keyVidual {
	background: url("/recruit/fresh/img/message/recruit/img_main.jpg") center no-repeat;
    background-size: cover;
}

/*動画メッセージTopページ*/
#messageMovie #keyVidual {
	background: url("/recruit/fresh/img/movie/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*動画：社長メッセージページ*/
#presidentMovie #keyVidual {
	background: url("/recruit/fresh/img/movie/president/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*動画：店舗イメージページ*/
#storeMovie #keyVidual {
	background: url("/recruit/fresh/img/movie/store/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*動画：社員インタビューページ*/
#staffMovie #keyVidual {
	background: url("/recruit/fresh/img/movie/staff/img_main.jpg") center no-repeat;
    background-size: cover;
}

/*PCデポについてTopページ*/
#company #keyVidual {
	background: url("/recruit/fresh/img/company/img_main.jpg") center no-repeat;
    background-size: cover;
}
/* 会社情報ページ*/
#profile #keyVidual {
	background: url("/recruit/fresh/img/company/profile/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*事業内容ページ*/
#business #keyVidual {
	background: url("/recruit/fresh/img/company/business/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*キャリアステップページ*/
#careerstep #keyVidual {
	background: url("/recruit/fresh/img/company/careerstep/img_main.jpg") center no-repeat;
    background-size: cover;
}

/*採用情報Topページ*/
#recruit #keyVidual {
	background: url("/recruit/fresh/img/recruit/img_main.jpg") center no-repeat;
    background-size: cover;
}
/* 募集要項ページ*/
#application #keyVidual {
	background: url("/recruit/fresh/img/recruit/application/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*選考プロセスページ*/
#process #keyVidual {
	background: url("/recruit/fresh/img/recruit/process/img_main.jpg") center no-repeat;
    background-size: cover;
}
/*よくある質問ページ*/
#faq #keyVidual {
	background: url("/recruit/fresh/img/recruit/faq/img_main.jpg") center no-repeat;
    background-size: cover;
}

/*イベント情報ページ*/
#event #keyVidual {
	background: url("/recruit/fresh/img/event/img_main.jpg") center no-repeat;
    background-size: cover;
}

/*エントリーページ*/
#entryTop #keyVidual {
	background: url("/recruit/fresh/img/entry/img_main.jpg") center no-repeat;
    background-size: cover;
}




/* 適用後削除j */
#mainVidual {
	padding-top: 90px;
}
#title-visual {
	height: 400px;
	margin-bottom: 80px;
	overflow: hidden;
	position: relative;
}
#title-visual .vsl, #title-visual .ttl {
	margin: 0 auto;
	position: relative;
	width: 1240px;
}
#title-visual .vsl {
	left: 240px;
}
#title-visual .vsl img {
 max-width: 150%;
}
#title-visual .ttl {
  top: -65%;
}
#title-visual .ttl h1 {
	color: #181818;
	font-size: 48px;
	font-weight: bold;
	white-space: nowrap;
	width: 300px;
	-webkit-text-shadow:2px 2px #ffffff;
	-moz-text-shadow:2px 2px #ffffff;
	text-shadow:2px 2px #ffffff;
	margin: 0.25em 0 0;

}
#title-visual .ttl h1 span.sub {
  border-top: 2px solid #fabc19;
  color: #181818;
  display: block;
  font-size: 20px;
  width: 300px;
  z-index: 10;
  padding-top: .75em;
}
/*  適用後削除（ここまで） */

.leadTxt {
  padding-bottom: 80px;
}

/*3Columnのリスト*/
#topics {
	margin: 0 auto 80px;
	overflow: hidden;
	width: 1240px;
}
#topics ul {
	margin: 0;
	_zoom: 1;
}
#topics ul li {
	float: left;
  margin: 0 50px 0 0;
}
#topics ul li:nth-child(3n) {
	margin-right: 0px;
}
#topics ul li:nth-child(even) {
	margin-right: 50px;
}

/* 動画メッセージのみ */
#messageMovie #topics,
#presidentMovie #topics,
#storeMovie #topics {
    width:810px
}

#messageMovie #topics ul li:nth-child(2),
#presidentMovie #topics ul li:nth-child(2),
#storeMovie #topics ul li:nth-child(2) {
    margin-right: 0px;
}



.SlideBottom{height: 380px;width: 380px;overflow: hidden;position: relative;}
.SlideBottom .slide{
	background-color: #000;
	background-image: url("/recruit/fresh/img/common/btn_topicsp.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 35%;width: 100%;	/*固定*/
	position: absolute;
	top: 65%;left: 0;	/*固定*/
	color: #FFF;filter: alpha(opacity=70);opacity: 0.7;
}
.SlideBottom .slide dl{
	padding: 5.0% 6.0%;	/*固定*/
}
.SlideBottom .slide dl dt{
	padding-bottom: 5.0%;	/*固定*/
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 18px;font-weight: bold;line-height: 1.5;opacity: 1.0 !important;filter: alpha(opacity=100) !important;
}
.SlideBottom .slide dl dd{
	border-top: 1px solid #f8ba12;
	padding-top: 6.0%;	/*固定*/
	width: 10.0%;	/*固定*/
	white-space: nowrap;
	font-size: 16px;line-height: 1.5;opacity: 1.0 !important;filter: alpha(opacity=100) !important;
}
.SlideBottom a{text-decoration: none;}


/*ページ下部　コンテンツ一覧*/
.inv_cmenu .cmenu_title {
	display:none;
}
.contents {
	background-color: #f5f5f5;
	padding: 80px 0;
}
.contents_wh {
	background-color: #fff;
	padding: 0 0 80px;
}
.contents #topics,
.contents_wh #topics {
	margin-bottom: 0;
}



/*ページ下部　アクティブ時サムネ*/
#profile .id_profile .SlideBottom,
#business .id_business .SlideBottom,
#careerstep .id_careerstep .SlideBottom,
#president .id_president .SlideBottom,
#vision .id_vision .SlideBottom,
#mRecruit .id_mRecruit .SlideBottom,
#application .id_application .SlideBottom,
#process .id_process .SlideBottom,
#faq .id_faq .SlideBottom,
#presidentMovie .id_presidentMovie,
#storeMovie .id_storeMovie,
#staffMovie .id_staffMovie {
	background-color: #000;
}
#profile .id_profile .SlideBottom a,
#business .id_business .SlideBottom a,
#careerstep .id_careerstep .SlideBottom a,
#president .id_president .SlideBottom a,
#vision .id_vision .SlideBottom a,
#mRecruit .id_mRecruit .SlideBottom a,
#application .id_application .SlideBottom a,
#process .id_process .SlideBottom a,
#faq .id_faq .SlideBottom a,
#presidentMovie .id_presidentMovie .SlideBottom a,
#storeMovie .id_storeMovie .SlideBottom a,
#staffMovie .id_staffMovie .SlideBottom a {
	cursor: default;
}
#profile .id_profile .SlideBottom a:hover,
#business .id_business .SlideBottom a:hover,
#careerstep .id_careerstep .SlideBottom a:hover,
#president .id_president .SlideBottom a:hover,
#vision .id_vision .SlideBottom a:hover,
#mRecruit .id_mRecruit .SlideBottom a:hover,
#application .id_application .SlideBottom a:hover,
#process .id_process .SlideBottom a:hover,
#faq .id_faq .SlideBottom a:hover,
#presidentMovie .id_presidentMovie .SlideBottom a:hover,
#storeMovie .id_storeMovie .SlideBottom a:hover,
#staffMovie .id_staffMovie .SlideBottom a:hover {
	opacity:1.0;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1.0;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;              /* Safari 1.x */
}
#profile .id_profile .SlideBottom img,
#business .id_business .SlideBottom img,
#careerstep .id_careerstep .SlideBottom img,
#president .id_president .SlideBottom img,
#vision .id_vision .SlideBottom img,
#mRecruit .id_mRecruit .SlideBottom img,
#application .id_application .SlideBottom img,
#process .id_process .SlideBottom img,
#faq .id_faq .SlideBottom img,
#presidentMovie .id_presidentMovie .SlideBottom img,
#storeMovie .id_storeMovie .SlideBottom img,
#staffMovie .id_staffMovie .SlideBottom img {
	opacity:0.3;
	filter: alpha(opacity=30);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=30)";  /* ie 8 */
	-moz-opacity:0.3;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.3;              /* Safari 1.x */
}
#profile .id_profile .SlideBottom .slide,#business .id_business .SlideBottom .slide,#careerstep .id_careerstep .SlideBottom .slide,#president .id_president .SlideBottom .slide,#vision .id_vision .SlideBottom .slide,#mRecruit .id_mRecruit .SlideBottom .slide,#application .id_application .SlideBottom .slide,#process .id_process .SlideBottom .slide,#faq .id_faq .SlideBottom .slide { background-color: transparent; background-image: none; }



/* /messege/ページ内動画埋め込み */
#president .movieContents, #vision .movieContents, #mRecruit .movieContents {
    margin: 80px auto 0;
		width: 100%;
		max-width: 760px;
}

/* /messege/ページ内動画下の文言 */
#president .movieContents p.w960 txt_center, #vision .movieContents p.w960 txt_center, #mRecruit .movieContents p.w960 txt_center {
	font-size: 20px;
}

/*関連動画ページへのリンク誘導テキスト*/
#president .contentsLead, #vision .contentsLead, #mRecruit .contentsLead {
    margin: 0 0 40px;
		font-size: 20px;
}

/*目指すものと採用メッセージページのみ：コンテンツ最下部の余白*/
#vision p.contentsLink.button, #mRecruit p.contentsLink.button {
    margin-bottom: 80px;
}


/* /messege/ページ内動画下のdt */
.movieContents dl {
	  margin: 80px;
}
.movieContents dt {
	  font-size: 24px;
		font-weight: bold;
    padding: 0 0 0.25em;
}
.movieContents dd {
	  font-size: 20px;
}
p.w960.txt_center {
	  font-size: 20px;
}










/*-- breakpoint
------------------------------------------------------------------*/

/*-------～1500px-------*/
@media screen and (max-width: 1500px) {

/*【共通】メインビジュアル：*/
/*#keyVidual div {
	top: 30%;
}*/
}




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

	.inner {
		width: 100%;
		padding: 0;
	}

	/* logo */
	#top-head .logo {
	    float: left;
	    font-size: 0;
			margin: 0;
	    padding: 0;
	    display: block;
	}
	.logoFresh {
	    float: left;
	    display: block;
	    width: 150px;
	    margin: 24px 0 0px 160px;
	    padding: 0;
	    font-size: 0;
	}

	/*【共通】メインビジュアル：*/
	#keyVidual {
		padding-top: calc(480 / 1800 * 100%); /* calc(画像の高さ ÷ 画像の横幅 × 100%) */
	}
	#keyVidual h1 {
		line-height: 2.1;
	}

	/* グローバルナビ */
	#global-nav ul li a {
		padding: 0 20px;
	}
	#top-head.fixed #global-nav ul li a {
		padding: 0 15px;
	}
	#nav-toggle {
   right: 20px;
   top: 30px;
 }
  #mobile-head {
      background: #fff none repeat scroll 0 0;
      height: 89px;
      position: relative;
      width: 100%;
      z-index: 999;
	}
	#top-head.fixed .logo, #top-head .logo {
      left: 20px;
      position: absolute;
      top: 0;
	}
	#top-head.fixed .logo, #top-head .logo {
      position: absolute;
      left: 20px;
      top: 17px;
	}
	#global-nav {
  position: absolute;
  top: -466px;
  background: #333;
  width: 100%;
  text-align: center;
  padding: 10px 1em;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}
#global-nav ul {
  list-style: none;
  position: static;
  right: 0;
  bottom: 0;
  font-size: 11px;
}
#global-nav ul li {
  float: none;
  position: static;
}
#global-nav ul li:after  {
  display: none;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
  width: 100%;
  display: block;
  color: #fff;
  padding: 18px 0 18px 7px;
  text-align: left;
}
#nav-toggle {
  display: block;
}
/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}
/* #global-nav スライドアニメーション */
.open #global-nav {
  -moz-transform: translateY(556px);
  -webkit-transform: translateY(556px);
  transform: translateY(556px);
  padding: .5em 1em;
}



/* グローバルナビ：エントリーボタン */
#global-nav ul li.entry a {
	background-color: transparent;
	line-height: 16px;
}
#global-nav ul li.entry.current a {
    line-height: 16px;
		background-color: transparent;
}


/* グローバルナビ：現在地ボタン */
#top-head #global-nav ul li.current a {
	color: #ffffff;
  opacity:0.8;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	zoom:1;
}
#top-head #global-nav ul li.current a span {
	color: #FABC19;
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
	zoom:1;
}

/*----comingsoon----*/
#global-nav ul li.comingsoon {
    padding: 18px 0 18px 7px;
    text-align: left;
}


/******** footer ********/
footer .inner {
	width: 100%;
	margin: 0;
}
footer ul {
	width: 94%;
	margin: 1em 3%;
}
footer ul li {
  padding: .1em 0.5em;
  width:25%;
  box-sizing:border-box;
}



/* pagetop */
footer #pageTop {
	float: none;
	height: 80px;
	line-height: 80px;
	margin: 0;
	padding: 0;
	clear: both;
}

footer #pageTop a {
	float: none;
	width: 100%;
	height: 80px;
	line-height: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	background-image: url("/recruit/fresh/img/common/ico_pagetop_white.png");
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: 97% center;
}



/*3Columnのリスト*/
#topics {width: 94%;}
#topics ul li {
	float: left;
	margin-right: 4.1%;
	margin-bottom: 0;
	width: 30.6%;
	box-sizing: border-box;
}
#topics ul li:nth-child(3n) {margin-right: 0;}
#topics ul li:nth-child(even) {margin-right: 4.1%;}
.SlideBottom{height: auto;width: 100%;}

}




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

	/*【共通】メインビジュアル：*/
	#keyVidual {
    margin: 210px auto 80px;
	  padding-top: calc(480 / 1800 * 150%);
	}
	#keyVidual div {
	    top: -110px;
	}
	#keyVidual h1 {
	    font-size: 30px;
	}
	#keyVidual h1::after {
	    top: 55px;
	}
	#keyVidual h1 {
	    font-size: 30px;
	}
	#keyVidual span {
	    font-size: 15px;
			padding-top: 0;
	}


#messageMovie #topics, #presidentMovie #topics, #storeMovie #topics {
	width: 94%;
	margin: 0 auto 60px;
}


  /*3Columnのリスト*/
  #topics {width: 94%; margin: 0 auto 60px; }
  #topics ul li {
	float: left;
  	margin-right: 4.1%;
  	margin-bottom: 0;
  	width: 30.6%;
  	box-sizing: border-box;
  }
  #topics ul li:nth-child(3n) {margin-right: 0;}
  #topics ul li:nth-child(even) {margin-right: 4.1%;}
  .SlideBottom{height: auto;width: 100%;}
  .SlideBottom img {width: 100%;}


	/* 下層ページの小見出し */
  h2.subTtl, .leadTxt {
  	width:90%;
  	margin: 0 auto;
  }
	h2.subTtl, h2.subTtl a {
	font-size:30px;
	line-height: 1.4;/*追加*/
  padding-bottom: .5em;/*追加*/
	}
	h2.subTtl span {
	font-size:15px;
	padding-bottom: 20px;/*追加*/
	}
	.contents h2, .contents h2.subTtl a, .contents h2.subTtl, h2.subTtl a, .contents_wh h2.subTtl, .contents_wh h2.subTtl a {
	padding-bottom: 0px;
	font-size: 28px;
	}
	.contents h2.subTtl span,	.contents_wh h2.subTtl span {
	padding: 0 0 60px;
	}

	/* 下層ページのリードテキスト */
	.leadTxt {
	padding-bottom: 60px;
	}

	/* 下層ページのコンテンツボックス */
	.contents {
	padding: 60px 0;
	}
	.contents_wh {
    padding: 0 0 60px;
}


	/* 募集要項・FAQ */
	#application #mainText li:nth-of-type(1), #faq #mainText li:nth-of-type(1) {
	    padding-top: 0;
	}
	#application #mainText li:last-child, #faq #mainText li:last-child {
	    padding-bottom: 0;
	}


	/* 動画コンテンツ */
	.movie-wrap {
		margin-bottom: 60px !important;
	}
	#president .contentsLead, #vision .contentsLead, #mRecruit .contentsLead {
    margin: 0 0 30px;
    font-size: 16px;
	}
	#vision p.contentsLink.button, #mRecruit p.contentsLink.button {
    margin-bottom: 60px;
	}

/* ボタン */
	.contentsLink a, .contentsExLink a {
	    width: 80%;
		}
}



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

	/*【共通】メインビジュアル：*/
	#keyVidual {
		margin: 160px auto 80px;
		padding-top: calc(480 / 1800 * 150%); /* calc(画像の高さ ÷ 画像の横幅 × 100%) */
	}
	#keyVidual div {
	    top: -95px;
	}
	#keyVidual h1 {
		font-size: 24px;
		line-height: 2.2;
	}
	#keyVidual h1::after {
	    top: 45px;
	}
	#keyVidual span {
	    font-size: 12px;
			margin: 0;
	    padding: 0;
	}

	/* ヘッダー */
#top-head, .inner {
		width: 100%;
		padding: 0;
    margin-bottom: 0;
}
#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
    height: auto;
		padding: 0;/* add */
}

	/* Fixed reset */
#top-head.fixed {
		padding-top: 0;
		background: transparent;
		height: 56px;
}
#mobile-head {
		background: #ffffff;
		width: 100%;
		height: 56px;
		z-index: 999;
		position: relative;
}

	/* logo */
#top-head.fixed .logo, #top-head .logo {
	width: 80px;
	left: 15px;
	top: 10px;
}
.logoFresh {
    width: 100px;
    margin: 15px 0 0px 110px;
}

	/* グローバルナビ */
#global-nav {
		position: absolute;
		top: -500px;
		background: #333;
		width: 100%;
		text-align: center;
		padding: .5em 1em;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
}
#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 11px;
}
#global-nav ul li {
		float: none;
		position: static;
}
#global-nav ul li:after  {
		display: none;
}
#top-head #global-nav ul li a,
#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 1em 0 1em .5em;
    text-align: left;
}
#nav-toggle {
		display: block;
    right: 20px;
    top: 15px;
    width: 28px;
}
#nav-toggle span {
    height: 2px;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}


/*エントリーボタン*/
#entry h1 {
  background-size: 90% auto;
}
#entry p {
  font-size: 13px;
}
#global-nav ul li.entry a {
	background-color: transparent;
  line-height:1.6;
}



/* 下層ページのサムネイル */
.contents h2, .contents h2.subTtl a, .contents_wh h2.subTtl a {
    line-height: 1.8;
    font-size:20px;
}





/******** footer ********/
footer .inner {
	width: 100%;
	margin: 0;
}
footer ul {
	width: 94%;
	margin: 0 3%;
}
footer ul li {
  border-right: none;
  float: none;
  font-size: 12px;
  padding: 0;
  text-align: left;
  border-bottom: 1px dashed #dedede;
  width: 100%;
}
footer ul li:first-child {
  border-left: none;
  border-right: none;
}
footer ul li:last-child {
  border-bottom: none;
}
footer ul li a {
    display: block;
    padding: 1.25em 0;
    width: 100%;
		background-size: 10px auto;
}
footer #copyright small {
  font-size: 10px;
}

/* pagetop */
footer #pageTop {
	float: none;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0;
	clear: both;
}
footer #pageTop a {
	float: none;
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0;
	text-align: center;
	display: block;
	background-image: url("/recruit/fresh/img/common/ico_pagetop_white.png");
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: 97% center;
}



/*2Columnのリスト*/
#topics {width: 90%; margin: 0 auto 50px; }
#topics ul li {
	float: left;
	margin-right: 6.0%;
	margin-bottom: 0;
	width: 47.0%;
	box-sizing: border-box;
}
#topics ul li:nth-child(1) {margin-bottom: 6.0%;}
#topics ul li:nth-child(3n) {margin-right: 6.0%;}
#topics ul li:nth-child(even) {margin-right: 0;}


/*メッセージディレクトリのみ*/
#messageMovie #topics, #presidentMovie #topics, #storeMovie #topics {
    width: 90%;
    margin: 0 auto 50px;
}
#messageMovie #topics ul li:nth-child(2),
#presidentMovie #topics ul li:nth-child(2),
#storeMovie #topics ul li:nth-child(2) {
    margin-bottom: 0;
}



.SlideBottom{height: auto;width: 100%;}
.SlideBottom img {width: 100%;}


/* 下層ページの小見出し */
h2.subTtl, .leadTxt {
	width:90%;
	margin: 0 auto;
}
h2.subTtl, h2.subTtl a {
	font-size: 30px;
	line-height: 1.4;
}
h2.subTtl span {
	font-size: 15px;
}
.contents h2.subTtl span, .contents_wh h2.subTtl span {
	padding-bottom: 50px;
}


/* ボタン */
.contentsLink a, .contents .contentsLink a, .contentsExLink a {
	line-height: 64px !important;
	height: 64px !important;
	width: 75% !important;
}
/*----comingsoon----*/
#global-nav ul li.comingsoon {
	padding: 1em 0 1em 0.5em;
	text-align: left;
}


.contents {
padding: 50px 0;
}
.leadSub {
	padding: 20px 1em 20px;
	font-size: 16px;
}

/* ボタン */
.contentsLink a, .contents .contentsLink a, .contentsExLink a {
    line-height: 56px !important;
    height: 56px !important;
    width: 90% !important;
    font-size: 12px;
}

/* 動画コンテンツ関連 */
.movie-wrap {
    margin-bottom: 40px !important;
}

/* メッセージディレクトリのみ */
#president .contentsLead, #vision .contentsLead, #mRecruit .contentsLead {
    margin: 0 0 20px;
    font-size: 16px;
}
#vision p.contentsLink.button, #mRecruit p.contentsLink.button {
    margin-bottom: 40px;
}
}



@media (max-width: 767px) and (max-height: 480px) and (orientation: landscape) {

/* グローバルナビ */
#global-nav {
	padding: 1em;
}
#global-nav ul li {
  box-sizing: border-box;
  float: left !important;
  width: 25%;
  margin:0;
}
#top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {
  padding:1em;
	line-height: 1.5;
}
.open #global-nav {
    padding: .5em;
}
#global-nav ul li span {
    font-size: 10px;
}
#global-nav ul li.entry a {
	background-color: transparent;
	font-size: 10px;
}
#global-nav ul li.comingsoon {
    padding: 1em !important;
    text-align: left;
}

/* footer */
footer .inner {
	width: 100%;
	margin: 0;
}
footer ul {
	width: 94%;
	margin: 0 3%;
}

/* pagetop */
footer #pageTop {
	float: none;
	position: static;
  background-color: #f0f0f0;
  color: #343434;
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin: 0;
	padding: 0;
	clear: both;
}
footer #pageTop a {
	float: none;
	width: 100%;
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0;
	display: block;
	text-align: center;
	background-image: url("/recruit/fresh/img/common/ico_pagetop_white.png");
	background-repeat: no-repeat;
	background-size: 13px auto;
	background-position: 94.5% center;
}
}




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

	/* logo */
		#top-head .logo img {
		    width: 100%;
		    height: auto;
		}

	/* グローバルナビ */
		#nav-toggle {
		    display: block;
		    right: 20px;
		    top: 15px;
		    width: 20px;
		}
		#nav-toggle span:nth-child(1) {
		    top: 3px;
		}
		#nav-toggle span:nth-child(3) {
		    top: 19px;
		}

/*【共通】メインビジュアル：*/
	#keyVidual {
		margin: 160px auto 40px;
		padding-top: calc(480 / 1800 * 150%); /* calc(画像の高さ ÷ 画像の横幅 × 100%) */
	}
	#keyVidual div {
		top: -90px;
	}
	#keyVidual h1 {
		font-size: 20px;
		line-height: 2.2;
	}
	#keyVidual h1::after {
		top: 40px;
		height: 1px;
		width: 15px;
	}
	#keyVidual span {
		font-size: 11px;
		margin: 0;
		padding: 6px 0 0;
	}

	/* 下層ページの小見出し */
	.contents h2.subTtl span, .contents_wh h2.subTtl span {
	    padding-bottom: 40px;
	}
	/* 下層ページ小見出し */
  h2.subTtl, .leadTxt {
  	width:90%;
  	margin: 0 auto;
  }
  h2.subTtl, h2.subTtl a {
  	font-size: 20px;
  	line-height: 1.5;
  }
  h2.subTtl span {
	  font-size: 14px;
    font-weight: normal;
    padding-bottom: 40px;
  }

	/* 下層ページリードテキスト */
	.leadSub {
		font-size: 14px;
	}
  .leadTxt {
		font-size: 14px;
	  padding-bottom: 40px;
		text-align: left;
  }

  /*1Columnのリスト*/
  #topics {width: 90%; margin: 0 auto 40px;}
  #topics ul li {
  	float: none;
  	margin: 0 0 7%;
  	width: 100%;
  	box-sizing: border-box;
  }
  #topics ul li:nth-child(1), #topics ul li:nth-child(3n), #topics ul li:nth-child(even) {margin-right: 0;}
  #topics ul li:nth-child(3) { margin-bottom: 0; }
  .SlideBottom{height: auto;width: 100%;}
  .SlideBottom img {width: 100%;}

	#messageMovie #topics, #presidentMovie #topics, #storeMovie #topics {
		width: 90%;
		margin: 0 auto 40px;
	}

/*エントリーボタン*/
	#entry a {
		font-size: 12px;
	  height: 48px;
	  line-height: 48px;
	  margin: 0 auto;
	  width: 70%;
	  max-width: 380px;
	  -webkit-border-radius: 2px;
	  border-radius: 2px;
		background-size: 7px auto;
	}


  /* ボタン */
  .contentsLink a, .contents .contentsLink a, .contentsExLink a {
    line-height: 56px !important;
    height: 56px !important;
    width: 90% !important;
		font-size: 12px;
  }

	/*----comingsoon----*/
	#global-nav ul li.comingso0on {
		padding: 8px 6px;
	  text-align: left;
	}

	/* コンテンツ部分 */
	.contents {
		padding: 40px 0;
	}
	.contents_wh {
		padding: 0 0 40px;
	}
	p.w960.txt_center {
	    font-size: 16px;
	}

　/* footer */
	footer ul {
		margin: 0 auto;
		width: 90%;
	}
	footer #pageTop a {
		float: none;
		width: 100%;
		height: 60px;
		line-height: 60px;
		margin: 0;
		padding: 0;
		text-align: center;
		background-image: url("/recruit/fresh/img/common/ico_pagetop_white.png");
		background-repeat: no-repeat;
		background-size: 13px auto;
		background-position: 97% center;
	}

/* 募集要項・FAQ部分 */
#application #mainText li, #faq #mainText li {
     padding: 24px 0 0;
}
#application #mainText li:nth-child(1), #faq #mainText li:nth-child(1) {
     padding-top: 0;
}

/* 動画コンテンツのみ */
.movieContents dl {
    margin: 40px auto 0;
    width: 90%;
    text-align: center;
	}
.movieContents dt {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0.25em;
	}
.movieContents dd {
    font-size: 14px;
	}
}



/*-------font-scale-------*/
@media screen and (min-width: 1147px) and (max-width: 1239px) {
	.SlideBottom .slide dl dt{font-size: 17px;}
	.SlideBottom .slide dl dd{font-size: 15px;}
}
@media screen and (min-width: 1054px) and (max-width: 1146px) {
	.SlideBottom .slide dl dt{font-size: 16px;}
	.SlideBottom .slide dl dd{font-size: 14px;}
}
@media screen and (min-width: 961px) and (max-width: 1053px) {
	.SlideBottom .slide dl dt{font-size: 15px;}
	.SlideBottom .slide dl dd{font-size: 13px;}
}
@media screen and (min-width: 865px) and (max-width: 960px) {
	.SlideBottom .slide dl dt{font-size: 14px;}
	.SlideBottom .slide dl dd{font-size: 12px;}
}
@media screen and (min-width: 768px) and (max-width: 864px) {
	.SlideBottom .slide dl dt{font-size: 13px;}
	.SlideBottom .slide dl dd{font-size: 11px;}
}
@media screen and (min-width: 661px) and (max-width: 767px) {
	.SlideBottom .slide dl dt{font-size: 15px;}
	.SlideBottom .slide dl dd{font-size: 13px;}
}
@media screen and (min-width: 601px) and (max-width: 660px) {
	.SlideBottom .slide dl dt{font-size: 14px;}
	.SlideBottom .slide dl dd{font-size: 12px;}
}
@media screen and (min-width: 541px) and (max-width: 600px) {
	.SlideBottom .slide dl dt{font-size: 13px;}
	.SlideBottom .slide dl dd{font-size: 11px;}
}
@media screen and (min-width: 481px) and (max-width: 540px) {
	.SlideBottom .slide dl dt{font-size: 12px;}
	.SlideBottom .slide dl dd{font-size: 11px;}
}
@media screen and (min-width: 441px) and (max-width: 480px) {
	.SlideBottom .slide dl dt{font-size: 18px;}
	.SlideBottom .slide dl dd{font-size: 16px;}
}
@media screen and (min-width: 401px) and (max-width: 440px) {
	.SlideBottom .slide dl dt{font-size: 17px;}
	.SlideBottom .slide dl dd{font-size: 15px;}
}
@media screen and (min-width: 361px) and (max-width: 400px) {
	.SlideBottom .slide dl dt{font-size: 16px;}
	.SlideBottom .slide dl dd{font-size: 14px;}
	#title-visual .vsl {left: 32%;}
}
@media screen and (min-width: 321px) and (max-width: 360px) {
	.SlideBottom .slide dl dt{font-size: 15px;}
	.SlideBottom .slide dl dd{font-size: 13px;}
}
@media screen and (max-width: 320px) {
	.SlideBottom .slide dl dt{font-size: 14px;}
	.SlideBottom .slide dl dd{font-size: 12px;}
	#title-visual .vsl {left: 36%;}
}