/*
	Theme Name: CROOZ
	Author: CROOZ
	Description: CROOZ専用のテーマです。
*/

body {
	overflow-x:hidden;
}

/* ------------------------------
 main
------------------------------ */
/*
#top #main a, #top #news a, #top #shoplist a, #top #croozmanship a, #top #recruit a { position:relative; z-index:10000; }
*/
#top #main br.pc-none{
	display: block;
}
#top #main,  #top #trend {
	margin-top:90px; margin-top:0px; overflow:hidden;
	/*background-image:url(/img/top/img_main.jpg), url(/img/top/bg_main.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position: top center, top center; height:780px;*/
	
	font-family:'EB Garamond', serif;
}
#top #main .inner {
	position:relative;
	max-width:1170px;
	height:780px;
	margin:0 auto;
}
#top #main p:first-child {
	position:absolute;
	top:38%;
	left:0;
	color:#fff;
	font-size:20px;
}
#top #main .cast {
	position:absolute;
	top:58%;
	right:0;
	color:#fff;
	font-size:15px;
	font-weight:normal;
}
#top #main .cast ul {
	float:right;
	clear:both;
}
#top #main .cast li {
	display:inline-block;
}
#top #main .cast li:first-child {
	margin-right:10px;
}
#top #main .cast span {
	font-weight:normal;
	font-size:11px;
	padding-left:5px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#top #main .cast p {
	text-align:right;
	width:100%;
	padding-top:35px;
}
#top #main .cast p span {
	display:inline-block;
	line-height:1.5;
	opacity:0.8;
	font-family:sans-serif;
}
#top #main .cast p, #top #main .cast p a {
	color:#fff;
	font-size:1.2rem;
	display:block;
	position: relative;
	float: right;
	line-height:1.3;
	padding-left:5px;
}


#top #main .cast p a {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  font-family: "EB Garamond",serif;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 52%;
  width: 90px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 1.5;
  padding: 2px 0 6px;
  transition: all 0.9s ease 0s;
  margin-left:10px;
}
#top #main .cast p a:hover {
  text-decoration:none;
	background:rgba(255,255,255,0.4);
}
/*
#top #main .cast p:before {
  position: absolute;
  top: 3.6em; 
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: 0.5s;
}

#top #main .cast a:hover{
  text-decoration:none;
}*/
body, html{
  height: 100%;
}
#top #main_visual{
	height: 72%; height: 518px;
	background: #dee1e4;
}

#top #main_visual .cd-fixed-bg {
	min-height: 100%;
	background-size: auto auto;
	background-attachment: fixed;
	background-repeat: no-repeat;
	/*background-position: center right;*/
	background-position: center 100px;
}
#top #main_visual .cd-fixed-bg.cd-bg-1{
	margin-top: 100px;
	background-image: /*#dee1e4 */url(/img/top/main_visual_01_2.png);
	min-height: 100%;
}
#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text {
	position: absolute;
	top: 28%;
	right: 0;
	bottom: 0;
	margin: auto;
	text-align: left;
	height: auto;
	left: 0;
	padding-left: 42%;
}
#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{
	max-width: 440px;
	margin: auto;
	display: block;
}
#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 {
	color: #000;
	font-size: 26px;
	font-weight: normal;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 30px;
	display:inline-block;
}
#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text a {
  text-decoration:none;
}
#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p {
  margin: 0;
  text-align: center;
  position: relative;
  display: block;
  border: 1px solid #000;
  width: 150px;
  border-radius: 3px;
  font-family: 'EB Garamond', serif; 
  color:#000; 
  padding: 8px 20px 8px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -o-transition: 0.9s;
  -ms-transition: 0.9s;
  transition: 0.9s;
  background:rgba(255,255,255,0.5);
}
#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p a {
  display: block;
  width: 100%;
  padding: 2px 0 6px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 1px;
  -webkit-transition: 0.9s;
  -moz-transition: 0.9s;
  -o-transition: 0.9s;
  -ms-transition: 0.9s;
  transition: 0.9s;
}
#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text:hover p {
	text-decoration:none;
	background:rgba(255,255,255,1);
}

#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text span {
	font-family:'EB Garamond', serif;
	display:block;
	font-size:20px;
}


/* ------------------------------
 main_slide
------------------------------ */

#slideWrap { /*position:fixed;*/ top:100px; width:100%; height:auto; padding-bottom:9%; }

#slideWrap .bg { width:100%; height:auto;  }
#slideWrap .bg img { width:100%; }

.content_wrap { position:absolute; z-index:10; background:#fff; width:100%; }

#slideWrap .slick-dots { margin-top:-3%; position:absolute;	width:100%; margin-right: auto;	margin-left:auto; text-align:center; }
#slideWrap .slick-dots li { position:relative; display:inline-block; margin:0 10px; z-index:2; }
#slideWrap .slick-dots li button { display:block; width:10px; height:10px; box-sizing:border-box; border:1px solid #727c86; border-radius:50%; background:#fff; outline:0; line-height:0; font-size:0; color:#fff; cursor:pointer; }
#slideWrap .slick-dots li.slick-active button { background: #727c86; }
	
	@media screen and (max-width: 767px) {
		
		#slideWrap .bg { width:100%; height:auto; }
		#slideWrap { height:auto; }
		.content_wrap { /*top:25%;*/ }
	}


/* ------------------------------
 news
------------------------------ */

#top #news { background:#fff; }
#top #news .inner {
	/*background:url(/img/top/bg_news.png) no-repeat center 60px #fff;*/
	max-width:1366px;
	margin:0 auto 0;
	padding-bottom:3%;
	height:733px;
	height: 610px;
	position:relative;
}
#top #news .inner .leftBox {
	float:left;
	width:40%; width:45%;
	margin:30px 0 0;
}
#top #news .inner .leftBox a:hover {
	text-decoration:none;
}

#top #news .inner .btnBox {
	width:260px;
	position:relative;
	/*top:230px;*/
	left:8%;
	margin-top:10px;
}
#top #news .inner .btnBox ul li {
	float:left;
}
#top #news .inner .btnBox ul a {
	font-family:'EB Garamond', serif;
	display:block;
	margin-top:15px;
	text-align:center;
	border:1px solid #959595;
	background:#fff;
	width:90px;	
	color:#959595;
	border-radius:3px;
	width:auto;
	padding:3px 20px 3px;
	margin:0 5px 8px;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
}
#top #news .inner .btnBox ul a:hover, #top #news .inner .btnBox ul a.on {
	text-decoration:none;
	background:#959595;
	color:#fff;
}
#top #news p.clr a {
	font-size:14px;
	display:block;
	position: relative;
	width:8.8em;
	margin-left:5px;
}
#top #news p.clr a:before{
  position: absolute;
  top: 1.6em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: #333;
  transition: 0.5s;
}
#top #news p.clr a:hover:before{
  width:100%;
}
#top #news p.clr a:hover{
  text-decoration:none;
}
#top #news .newsList {
	max-width:668px;
	width:49%;
	float:right;
	text-align:left;
	margin:60px 0 0;
}
#top #news .newsList ul {
	border-top:1px dotted #ccc;
}
#top #news .newsList ul li {
	border-bottom:1px dotted #ccc;
	padding:11px 0 3px;
	display:table;
	width:100%;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
}
#top #news .newsList ul li:hover {
	background:#efefef;
}
#top #news .newsList ul li:last-child {
	border-bottom:none;
}
#top #news .newsList ul li p:first-child {
	display:table-cell;
	width:25%;
}
#top #news .newsList ul li p:first-child img {
	width:90%; max-width:160px;
	height: auto;
	display:block;
}
#top #news .newsList ul li .text {
	display:table-cell;
	width:67%;
	vertical-align:middle;
	line-height:1.6;
}
#top #news .newsList ul li .text span {
	font-size:15px;
	font-family:'EB Garamond', serif;
	margin-bottom:8px;
	display:block;
	line-height:1;
}
#top #news .newsList ul li .text p.pdf {
	padding: 2px 0 2px 32px;
	background: url(/img/common/ico_pdf2.png) no-repeat left center;
}
#top #news .newsList ul a {
	text-decoration:none;
}

/* ------------------------------
 mission
------------------------------ */

#top #mission { 
	float: left;
	background:/*#378eb1*/ url(/img/top/bg_mission_v2.png) no-repeat center center / cover;
	margin: 0 auto 0px;
	width: 50%;
	height: 515px;
}
#top #mission .inner {
	max-width: 1366px;
	height: 100%;
	margin:0 auto;
	position:relative;
	padding: 0 2.5%;
}
#top #mission .inner .txt {
	max-width:550px;
	position:relative;
	top: 70px;
	left:10%;
	width:100%;
}
#top #mission p.fit2_2 {
	color:#fff;
	line-height:0.7;
	vertical-align:top;
}
#top #mission .inner .col_right {
	display:table-cell;
	vertical-align:top;
	width:50%;
	color:#fff;
}
#top #mission .inner .col_right span {
	margin:15px 0;
	display:block;
	color:#fff;
	font-size:34px;
	line-height: 1.5;
}



/* ------------------------------
 group
------------------------------ */

#top #group { 
/* 	float: left; */
	background: url(/img/top/bg_group_v3.jpg) no-repeat center center / cover; 
/* 	background-color: #cbced2; */
	margin: 0;
	width: 100%;
	height: 515px;
	box-sizing: border-box;
}
#top #group .inner {
	max-width: 1366px;
	height: 100%;
	margin: 0 auto;
	position:relative;
	padding: 0 2.5%;
}
#top #group .inner .txt {
	width: 100%;
	max-width: 400px;
	margin:0;
	text-align:left;
	position:relative;
	top:60px;
	left: 5%;
	color:#fff;
}
#top #group p.fit2_2 {
	color:#fff;
	line-height:0.7;
	max-width: 90%;
}
#top #group .inner .txt span {
	margin-top:20px;
	display:block;
	color:#fff;
	font-size:34px;
}

#top #group .inner p.more {
	text-align:center;
	margin:10px 0;
	display:block;
	border:1px solid #fff;
	width:200px;	
	border-radius:3px;
	font-family:'EB Garamond', serif;
	padding: 10px 20px 9px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	background:rgba(255,255,255,0.2);
	-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;-ms-transition: 0.9s;transition: 0.9s;
}
#top #group .inner p.more {
	border:1px solid #999;
	color:#777;
}

#top #group .inner a:hover p.more {
	text-decoration:none;
	background:rgba(255,255,255,0.4);
}

#top #group .inner a:hover {
	text-decoration:none;
}

/* ------------------------------
 interview
------------------------------ */

#top #interview { 
	float: left;
	background: url(/img/top/bg_interview.png) no-repeat center center / cover;
	margin: 0 auto;
	width: 50%;
	height: 515px;
}
#top #interview .inner {
	max-width: 1366px;
	height: 100%;
	margin:0 auto;
	position:relative;
	padding: 0 2.5%;
}
#top #interview .inner .txt {
	width: 350px;
	margin:0;
	text-align:left;
	position:relative;
	top:60px;
	left: 10%;
	color:#fff;
}
#top #interview p.fit2_2 {
	color:#fff;
	line-height:0.7;
	vertical-align:top;
	max-width: 80%;
}
#top #interview .inner .col_right {
	display:table-cell;
	vertical-align:top;
	width:50%;
	color:#fff;
}
#top #interview .inner .col_right span {
	margin:15px 0;
	display:block;
	color:#fff;
	font-size:24px;
	line-height: 1.5;
}



/* ------------------------------
 history
------------------------------ */

#top #history { 
	float: left;
	background:#cbced2 url(/img/top/bg_history.png) no-repeat center center / cover;
	margin: 0 auto;
	width: 50%;
	height: 514px;
}
#top #history .inner {
	max-width: 1366px;
	height: 100%;
	margin:0 auto;
	position:relative;
	padding: 0 2.5%;
}
#top #history .inner .txt {
	width: 400px;
	margin:0;
	text-align:left;
	position:relative;
	top:60px;
	left: 10%;
	color:#ccc;
}
#top #history p.fit2_2 {
	color:#ccc;
	line-height:0.7;
}
#top #history .inner .txt span {
	margin-top:20px;
	margin-bottom: 40px;
	display:block;
	color:#ccc;
	font-size:24px;
}
#top #interview .inner p.more,
#top #history .inner p.more {
	text-align:center;
	margin:10px 0;
	display:block;
	border:1px solid #fff;
	width:200px;	
	border-radius:3px;
	font-family:'EB Garamond', serif;
	padding: 10px 20px 9px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	background:rgba(255,255,255,0.2);
	-webkit-transition: 0.9s;-moz-transition: 0.9s;-o-transition: 0.9s;-ms-transition: 0.9s;transition: 0.9s;
}
#top #history .inner p.more {
	border:1px solid #999;
	color:#777;
}
#top #interview .inner a:hover p.more {
	text-decoration:none;
	background:rgba(255,255,255,0.4);
}
#top #history .inner a:hover p.more {
	text-decoration:none;
	background:rgba(255,255,255,0.4);
}
#top #interview .inner a:hover,
#top #history .inner a:hover {
	text-decoration:none;
}

/* ------------------------------
 shoplist
------------------------------ */

#top #shoplist {
	background-image:url(/img/service/top_01.png);
	background-repeat: no-repeat;
	background-position: top left;
	max-width: 1366px;
    margin: auto;
}
#top #shoplist .inner {
	position:relative;
	height: 518px;
	margin:0 auto 5%; 
}
#top #shoplist .inner:hover p {
	text-decoration:none;
	background:rgba(255,255,255,0.4);
}
#top #shoplist .inner .txt {
	max-width:530px;
	margin:0 auto;
	text-align:center;
	position:relative;
	top:46%;
	color:#fff;
	font-size:16px;
}
#top #shoplist .inner .txt img {
	max-width:400px;
	text-align:center;
	margin:0 auto 10px;
	display:block;
}
#top #shoplist .inner p {
	margin:0 auto 0 0;
	text-align:center;
	position:relative;
	top:57%; top:80%;
	left:140px;
	display:block;
	border:1px solid #fff;
	width:90px;	
	border-radius:3px;
	font-family:'EB Garamond', serif;
	padding:2px 0 6px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
}
#top #shoplist .inner p a {
	display:block;
	width:100%;
	padding:2px 0 6px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
}
#top #shoplist a:hover {
	text-decoration:none;
}


/* ------------------------------
 croozmanship
------------------------------ */

#top #croozmanship { 
	background: #fff url(/img/top/bg_info.png) no-repeat top center;
	height:575px;
	height: 530px;
}
#top #croozmanship .inner {
	max-width:1366px; height:575px; height: 530px;
	margin:0 auto;
	padding:2% 5% 2%;
	background:url(/img/top/bg_info.jpg) no-repeat 92% 50px;
	position:relative;
}
#top #croozmanship .inner p.fit2_2 {
  letter-spacing:-8px!important;
  padding:0 1%!important;
  line-height: 0.8;
  -webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ccc;
color:#ccc;
}
#top #croozmanship .inner .photo {
	max-width:770px;
	padding:245px 0 20px; padding-top:5%;
}
#top #croozmanship .inner .photo ul {
	display:table;
	width:50%;
	float:left;
}
#top #croozmanship .inner .photo ul li {
	display:table-cell;
	max-width:180px;
	padding-right:10px;
}
#top #croozmanship .inner dl {
	/*position:absolute;
	left:5%;*/
	margin-top:30px;
	max-width:650px;
	padding:0 20px 20px;
}
#top #croozmanship .inner dl dt {
	color:#959595;
	font-size:20px;
	margin-bottom:10px;
}
#top #croozmanship .inner dl dd {
	font-size:15px;
}

#top #croozmanship .inner .more {
	font-family:'EB Garamond', serif;
	display:block;
	margin-top:15px;
	text-align:center;
	border:1px solid #898989;
	width:200px;	
	color:#777;
	border-radius:3px;
	font-size:14px;
	font-weight:bold;
	line-height: 1.5;
    padding: 10px 20px 9px;
	letter-spacing:1px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
	background:rgba(0,0,0,0.05);
}
#top #croozmanship .inner a:hover .more {
	text-decoration:none;
	background:rgba(0,0,0,0.1);
}
#top #croozmanship a:hover {
	text-decoration:none;
}


/* ------------------------------
 recruit
------------------------------ */

#top #recruit { 
	background-image:url(/img/top/bg_recruit.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size:cover;
	height:569px;
}
#top #recruit .inner {
	max-width:1240px;
	height:569px;
	margin:0 auto;
	position:relative;
}
#top #recruit .inner .txt {
	max-width:416px; max-width:557px;
	margin:0 auto;
	text-align:center;
	top:25%;
	color:#fff;
	font-size:19px;
	line-height:1.6;
	font-weight:bold;
}
#top #recruit .inner .txt img {
	margin-left:-25px;
}
#top #recruit .inner .txt span {
	margin:10px 0 20px;
	display:block;
	color:#fff;
}
#top #recruit .inner .txt span.xs {
	margin:0px;
	font-size:0.9rem;
}
#top #recruit .inner p {
	text-align:center;
	margin:10px auto;
	display:block;
	border:1px solid #fff;
	width:200px;	
	border-radius:3px;
	font-family:'EB Garamond', serif;
	padding: 10px 20px 9px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
	background:rgba(255,255,255,0.2);
}
#top #recruit .inner p a {
	display:block;
	width:100%;
	padding:2px 0 6px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:1px;
	-webkit-transition: 0.9s;
	-moz-transition: 0.9s;
	-o-transition: 0.9s;
	-ms-transition: 0.9s;
	transition: 0.9s;
}
#top #recruit .inner a:hover p {
	text-decoration:none;
	background:rgba(255,255,255,0.4);
}
#top #recruit .inner a:hover {
	text-decoration:none;
}

/* ------------------------------
 FIT text
------------------------------ */

.fit {
	color:#ccc;
	font: 200px/1 "EB Garamond";
	line-height:1;
	text-transform: uppercase;
	display: block;
	/*text-shadow:#253e45 -1px 1px 0,
	#253e45 -2px 2px 0,
	#d45848 -3px 3px 0,
	#d45848 -4px 4px 0; position:absolute;*/
	margin:0;
	letter-spacing:-5px;
	padding:0% 7.5% 0;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ccc;
}/*
.fit2 {
	color:#e6e6e6;
	font: 200px/1 "EB Garamond";
	line-height:1;
	text-transform: uppercase;
	display: block;
	margin:0;
	text-align:center;
	letter-spacing:-11px;
	padding:3% 0% 0;
}*/

/*#top #main_visual .cd-fixed-bg.cd-bg-1{ margin-top:0px;  }*/
		#top #shoplist .inner { margin: 0 auto 0;}

/* ------------------------------
 MediaQueries
------------------------------ */

	@media screen and (max-width: 1170px) { 
		
		#top #main .inner { width:98%; }
		#top #croozmanship { background:#fff url(/img/top/bg_info.png) no-repeat bottom center / 150% auto; }
		/*#top #recruit .inner .txt { max-width:90%;	margin:0 auto; position:relative;	right:0; text-align:center; top:36%; text-shadow:1px 1px 1px #666;	}
		#top #recruit .inner .txt span {	margin:0 auto; text-align:center;}*/
		#top #recruit .inner p { margin:30px auto 0; }
		
	}


	@media screen and (max-width: 1024px) and (min-width: 768px){
	

	
		/*#top #main_visual .cd-fixed-bg.cd-bg-1{ margin-top:0px; }
		#top #main_visual .cd-fixed-bg {background-attachment: unset;background-attachment: none;}*/
		
		/*
		#top #main_visual{ height: 560px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text { left: 0; right:0;  padding:12% 0 0 37%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{ max-width:340px; margin: 0 auto 0 auto; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 {	font-size:16px;	margin:3% auto 2% 0; line-height:1.3; text-align: center; display: block; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p { margin:0 auto 0 auto; top:5%; width:90px; }*/
		
		#top #main_visual .cd-fixed-bg { background-position: 38% 20%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 { font-size: 20px; margin-right:5%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 br:last-child { display:none; }
		
		#top #shoplist .inner { margin: 0 auto 0;}

	}
	
	@media screen and (max-width: 1024px) {
		#top #mission .inner .txt { display:block; width:90%; left:0; margin:0 auto; }
		#top #mission p.fit2_2,
		#top #mission .inner .col_right { display:block; width:100%; }
		#top #mission p.fit2_2 { width:90%; margin-bottom:20px; }
		#top #group .inner .txt { 
			display:block; width:90%;
			/* left:0;  */
			/* margin:0 auto;  */ 
		}
		#top #group p.fit2_2 { width:90%; margin-bottom:20px; }

	
	}
	
	
	/*@media screen and (max-width: 768px)*/
	@media screen and (max-width: 767px) {
		body,html { height:100%; }
		#top #main_visual{ height: auto;/**/ }
		#top #main_visual .cd-fixed-bg.cd-bg-1{ margin-top:0px; background:none;  }
		#top #main_visual .cd-fixed-bg.cd-bg-1:before { content:""; display:block; /*position:fixed;*/ position: static; top:0; left:0; z-index:-1; width:100%;  padding: 70% 0;/*height:730px;	*/	 background:url(/img/top/main_visual_01_2_sp02.png) /*top right*/center center /cover no-repeat; -webkit-background-size:cover; /*background:url(/img/top/main_visual_01.png) top right /cover no-repeat; -webkit-background-size:cover;*/ /*Android4*/ }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text { position:absolute; /*top:16%!important;*/ right: 0; bottom:0; left: 0; height:auto; padding:0 0 0 0; width: 90%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{ max-width:55%; margin: 0 auto 0 auto; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 {	font-size:18px;	margin:3% auto 2% 0; line-height:1.6; text-align: center; display: block; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p { margin:0 auto 0 auto; position: absolute; top: auto; right:0; left:0; bottom:8%; width:120px; font-size:12px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text span { text-align: center; font-size:14px; }
	}
	
	
	@media screen and (max-width: 767px) {

		#top #main { height:100%; min-height:100%; background-size:cover; margin-top:0; }
		#top #main .inner { height:100%; }
		#top #main p:first-child { top:75%; left:0.1em; font-size:2.5rem; }
		#top #main .cast { top:85%; left:0.5em; }
		#top #main .cast a { text-align:left; float:none; display:inline-block; }
		#top #main .cast p span { position:relative; top:0px; }
		#top #main .cast p:before { top:2em; }
		#top #main .cast p { display:table; padding:10px 0; text-align:left; vertical-align:middle; }
		#top #main .cast p a { float:none; vertical-align:bottom; display:inline-block; }
		
		#top #main .cast ul { float:none; }
		#top #main .cast p { text-align:left; padding:10px 0 0 0; }
		#top #main .cast p span { padding:0; }
		
		#top #news .inner { height:auto; height:auto; padding-bottom:8%; }
		#top #news .inner .leftBox { float:none; width:92%; margin:4% 0 0; padding-top:0%; }
		#top #news .inner .leftBox .fit { width:50%; padding:0 5%; }
		#top #news .inner .btnBox { left:0; top:0; padding-top:5%; margin:0 auto; width:90%; }
		#top #news .newsList { max-width:100%; width:90%; float:none; margin:30px auto 0; }
		
		#top #mission { width:100%; height:auto; padding:30% 0; }
		#top #mission .inner .txt { float:none; top:30%; right:0; left: 0; width: 90%; margin: 0 auto; }
		#top #mission .inner .txt span { font-size:22px; text-shadow:1px 1px 1px #999; margin-top:10px; line-height:1.2; }
		#top #mission .inner .col_right span { font-size:22px; margin-top:10px; line-height:1.2; }
		#top #mission p.fit2_2 { width:85%; letter-spacing:0px; }
		
		#top #group { width:100%; height:auto; padding:30% 0; background: #cbced2 url(/img/top/bg_group_v2.png) no-repeat -15% bottom / cover; margin: 0 auto 25px; }
		#top #group .inner .txt { 
			float:none; 
			top:30%; right:0; 
			left: 0;
			width: 90%;
			padding-left: 2.5%;
			/* margin: 0 auto; */
		}
		#top #group .inner .txt span { font-size:22px; text-shadow:1px 1px 1px #999; margin-top:10px; line-height:1.2; }
		#top #group p.fit2_2 { text-shadow:1px 1px 1px #999; width:55%; margin-bottom:20px; }
		#top #group .inner p.more { text-shadow:1px 1px 1px #fff; color:#999; background: rgba(255,255,255,0.3); }
		
		#top #mission .inner p.more, #top #group .inner p.more { margin:20px 0 0; }
		
		#top #interview { width:100%; height:auto; padding:20% 0; }
		#top #interview .inner .txt { width: 230px; top: -50px; left: 5%; }
		#top #interview .inner .col_right span { font-size:18px; margin-top:10px; line-height:1.2; }
		#top #interview p.fit2_2 { width:85%; letter-spacing:0px; }
		
		#top #history { width: 100%; height:auto; padding:18% 0; background: #cbced2 url(/img/top/bg_history.png) no-repeat 0% bottom / cover; margin: 0 auto; }
		#top #history .inner .txt { width: 250px; top: -50px; left: 5%; }
		#top #history .inner .txt span { font-size:18px; text-shadow:1px 1px 1px #999; margin-top:10px; line-height:1.2; }
		#top #history .inner p.more { text-shadow:1px 1px 1px #fff; color:#999; background: rgba(255,255,255,0.3); }
		
		#top #interview .inner p.more, #top #history .inner p.more { margin:20px 0 0; }

		#top #shoplist { height:auto; }
		#top #shoplist .inner { height:auto; padding:63% 0 5%; margin:0 auto; }
		#top #shoplist .inner .txt { max-width:90%; line-height:1.5; margin-bottom:20px; }
		
		#top #shoplist { background: url("/img/service/top_01_sp.jpg") no-repeat top center / cover; }
		#top #shoplist .inner p { top:-5%; left:8%; }
		
		#top #croozmanship { padding:0% 2% 0%; height:auto; min-height:auto; background: #fff url(/img/top/bg_info.png) no-repeat bottom right / 150% auto; overflow:hidden; }
		#top #croozmanship .inner { height:auto; min-height:auto; background:url(/img/top/bg_info.jpg) no-repeat right bottom / 35% auto; padding: 5% 3% 40%; }
		
		#top #croozmanship .inner p.fit2_2 { width:140%; letter-spacing:-3px!important; padding: 0!important; margin-bottom:20px; }
		#top #croozmanship .inner .photo { /*padding:17% 0 20px;*/ }
		#top #croozmanship .inner .photo ul { width:85%;	margin:0 auto; float:none; }
		#top #croozmanship .inner dl { margin:0 5%; top:105%; left:0%; width:100%; margin:0 auto; padding:0; }
		#top #croozmanship .inner dl dt { font-size:1.1rem; margin-bottom:0px; }
		#top #croozmanship .inner dl dd { font-size:0.8rem;}
		#top #croozmanship .inner a { margin:50px auto 0; float:none; }
		
		#top #recruit{ padding: 5% 2% 15%; height: auto; }
		#top #recruit .inner{ height: auto; top: 0; bottom: 0; }
		#top #recruit .inner .txt { width:90%; margin:10% auto 0; top: 0; }
		#top #recruit .inner .txt span { font-size: 18px; }
		#top #recruit .inner .txt img { margin-left:0; }
		
	}

	@media screen and (max-width: 600px) {
		#top #main br.pc-none{ display: none;}
		#top #main_visual{ /*height: 650px;*/ }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text { /*position:absolute; top:auto; bottom:4%; height:auto; padding:0 5%;*/ }
		#top #main_visual .cd-fixed-bg.cd-bg-1:before { /*height:650px;*/ }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img {max-width: 60%;}
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 {font-size: 16px;}
	
		#top #croozmanship .inner .photo ul { width:100%; }
		#top #croozmanship .inner dl { margin:0 0%; }
	
	}
	
	@media screen and (max-width: 450px) {
	
		#top #main p:first-child { top:65%; left:0.1em; font-size:2.0rem; }
		#top #main .cast { top:75%; }
		#top #main .cast p { margin-top:10px; }

		#top #main_visual{ /*height: 520px;*/ }
		#top #main_visual .cd-fixed-bg.cd-bg-1:before { /*height:520px;*/ }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text  { top:20%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{ max-width:60%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 { font-size:14px; margin:3% auto 2% 0; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p { /*display: none;*/ }
		
		/*#top #croozmanship { padding:5% 2% 75%; padding: 5% 2% 5%; }*/
		
		#top #recruit { height:auto; background-position:center center; }
		#top #recruit .inner { height:auto; }
		#top #recruit .inner .txt {  /*margin-top: 0;*/top: 0; font-size: 17px;}
		
	}
	
	
	
/*
	@media screen and (max-width: 380px) {

		#top #main_visual{ height: 420px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1:before { height:420px;}
	
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text { bottom:3%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{ max-width:60%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 { font-size:11px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p { margin:0 auto 0 0; top:auto; width:120px; font-size: 12px; }
		
	}
	
	
	@media screen and (max-width: 320px) {

		#top #main_visual{ height: 390px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1:before { height:390px;}
	
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text { bottom:3%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{ max-width:60%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 { font-size:11px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p { margin:0 auto 0 0; top:auto; width:120px; font-size: 12px; }
		
	}

	@media screen and (max-width: 360px) {
		#top #shoplist .inner {padding: 70% 0 5%;}
		#top #shoplist .inner p { top: -5%; left: 3%;}
	}
	
	@media screen and (max-device-width: 414px) and (orientation:landscape)  {
		#top #main_visual{ height: 400px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1:before { content:""; display:block;  position: static; top:0; left:0; z-index:-1; width:100%; height:400px; background:url(/img/top/main_visual_01.png) top right /cover no-repeat; -webkit-background-size:cover; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text { bottom:20%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{ max-width:40%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 {	font-size:12px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p { margin:0 auto 0 0; top:auto; width:120px; font-size:12px; }
	}
	@media screen and (max-device-width: 320px) and (orientation:landscape)  {
		#top #main_visual{ height: 240px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1:before { content:""; display:block;  position: static; top:0; left:0; z-index:-1; width:100%; height:250px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text { bottom:5%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text img{ max-width:40%; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text h2 {	font-size:12px; }
		#top #main_visual .cd-fixed-bg.cd-bg-1 .main_visual_text p { margin:0 auto 0 0; top:auto; width:120px; font-size: 12px; }
	}
*/