@charset "utf-8";

/* common */
article{ padding: 50px 0 60px; }
article section{ margin-bottom: 50px; }

.pan{ overflow: hidden; background-color: #f4f4f4; }
.pan ul{ width: 980px; margin: 0 auto; padding: 12px 0; display: -webkit-flex; display: flex; }
.pan ul li{ margin-right: 15px; font-size: 0.9em; font-weight: bold; }
.pan ul li:before{ content:">　" }
.pan ul li a{ color: #333;  }
.pan ul li:first-child{ padding-left: 0; }
.pan ul li:first-child:before{ content:"" }

.sub{ width: 400px; margin: -35px auto 40px; padding: 12px 0; text-align: center;
	font-size: 1.6em; letter-spacing: 2px; background-color: #FFF; border: #4c4c4c 2px solid; }
.sub + .vida{ display: inline-block; width: 260px;  float: right; margin: -104px 0 0 0; font-size: 1.7em; }
.sub_line{ margin-bottom: 25px; padding: 20px 0 10px 5px; font-size: 1.3em; border-bottom: 4px solid #cb5550; }
.sub_line span{ font-size:0.9em; padding-left:20px;}
.data_txt .sub_title { margin:20px 0 0 5px; font-size:0.9em; font-weight:bold;}
.sub_title + h3.sub_line { margin-top:-6px; padding-top:0px;}

/* shop */
#shop #slider li{ text-align: center; }
#shop #slider li img{ width: 100%; }

.bg_con{ position: relative; width: 980px; min-height: 378px; margin-bottom: 60px; overflow: hidden; background-repeat: no-repeat; }
.bg_con .copy{ margin-left: 30px; height: 385px; float: left; font-size: 1.6em; font-weight: normal; }
.bg_con .link_yoko{ width: 280px; float: left; margin: 280px 0 0 30px; }
.bg_con .txt{ width: 515px; float: right; margin: 280px 0 0 0; }

.bg_daisen{ background-image: url(../shop/daisen/img/bg_con.png); }
.bg_gozo{ background-image: url(../shop/gozo/img/bg_con.png); }
.bg_genki{ background-image: url(../shop/genki/img/bg_con.png); }
.bg_gyuta{ background-image: url(../shop/gyuta/img/bg_con.png); }
.bg_hiro{ background-image: url(../shop/hiro/img/bg_con.png); }
.bg_tajima{ background-image: url(../shop/tajima/img/bg_con.png); }
.bg_mztable{ background-image: url(../shop/mztable/img/bg_con.png); }
.bg_manzo{ background-image: url(../shop/manzo/img/bg_con.png); }
.bg_satsuma{ background-image: url(../shop/satsuma/img/bg_con.png); }
.bg_yorozuya{ background-image: url(../shop/yorozuya/img/bg_con.png); }
.bg_tajimadx{ background-image: url(../shop/tajimadx/img/bg_con.png); }
.bg_asahiya{ background-image: url(../shop/asahiya/img/bg_con.png); }

.reco{ padding: 0 0 40px; border-top: #4c4c4c 2px solid; border-bottom: #4c4c4c 2px solid; }
.reco li{ width: 300px; line-height: 1.5; }
.reco li h3{ margin-bottom: 20px; padding: 20px 0; text-align: center; font-size: 1.2em; border-bottom: #4c4c4c 2px solid; }
.reco li .price{ text-align: right; font-weight: bold; }
#shop.index .reco{ padding-bottom: 0; border-bottom: 0; }
.reco ul li.odd { width:470px; }
.reco ul li figure {text-align:center; }
#asahiya .reco ul li figure { position: relative; }
#asahiya .reco ul li figcaption { position: absolute; bottom: 0; padding: 2px 0 0; width: 100%;
background: rgba(255, 255, 255, 0.2); color: #fff; font-size: 13px; letter-spacing: 1px; }

.shopdata{ background-repeat: no-repeat; background-position: 49% 40%; }
.shopdata .sub{ margin-top: -85px; }
.shopdata dl{ margin-top: 40px; }
.shopdata dt{ width: 15%; position: absolute; padding: 10px 0 8px 1%; font-weight: bold; line-height: 1.5; }
.shopdata dt.shopname{ font-size: 0.9em; }
.shopdata dd{ padding: 10px 0 25px 30%; font-size: 1.05em; border-bottom: 1px solid #838383; }
.index .shopdata dd{ padding-bottom: 15px; }
.shopdata dd:last-child{ padding-bottom: 0; border-bottom: 0; }
.shopdata .r_movement dd{ padding: 10px 0 25px 37%; }
.shopdata .data_txt{ width: 490px; float: right; }
.shopdata .data_txt .txt{ font-size: 1.1em; }
#gyuta .shopdata .data_txt .txt{ font-size: 1.0em; }
.shopdata .map{ width: 440px; float: left; }
.shopdata .map figure{ margin-bottom: 10px; }
.shopdata .map .price { margin:0 auto 20px; text-align:right; font-weight:bold; }
.shopdata .map iframe{ width: 440px; height: 430px; margin-bottom: 25px; border: 2px solid #e48682; }
.shopdata .map .fb_embedded  { width: 440px; height: 400px; margin-bottom: 25px; }
.shopdata .map .fb_embedded .fb-page { width: 100%; height: 400px; margin-bottom: 25px; }

.shopdata .map .fb_embedded + iframe{ width: 440px; height: 300px; margin-bottom: 25px; border: 2px solid #e48682; }
.shopdata .link_yoko{ width: 440px; margin: 0 auto; }
.shopdata .link_yoko2{ width: 440px; margin: 0 auto; }
.title_logo{ width: 310px; float: left; padding: 40px 30px; text-align: center; background: url(../img/bg_footer.png) no-repeat left bottom; }
.title_logo h3 img{ width: 80%; }
.title_logo .cate{ text-align: center; font-size: 1.1em; font-weight: bold; }
#shop.index .shopdata{ overflow: hidden; }
#shop.index .shopdata .data_txt{ width: 640px; }
#shop.index .shopdata .link_yoko{ width: 100%; font-size: 0.85em; }
#shop.index .shopdata .link_yoko a{ padding-top: 15px; }
#shop.index .shopdata .link_yoko2{ width: 100%; font-size: 0.85em; }
#shop.index .shopdata .link_yoko2 a{ padding-top: 10px; }
#shop.index .shopdata dl{ margin-top: 20px; margin-bottom: 40px; }

#hiro .reco{ background-color: #fcf0f1; }
#gozo .reco{ background: url(../shop/gozo/img/bg_reco.jpg) repeat; }
#genki .reco{ background: url(../shop/genki/img/bg_reco.jpg) repeat; }
#daisen .reco{ background: url(../shop/daisen/img/bg_reco.jpg) repeat; }
#gyuta .reco{ background: url(../shop/gyuta/img/bg_reco.jpg) repeat; }
#manzo .reco{ background: url(../shop/manzo/img/bg_reco.jpg) repeat; }
#mztable .reco{ background: url(../shop/mztable/img/bg_reco.jpg) repeat; }
#satsuma .reco{ background: url(../shop/satsuma/img/bg_reco.jpg) repeat; }
#tajima .reco{ background: url(../shop/tajima/img/bg_reco.jpg) repeat; }
#yorozuya .reco{ background: url(../shop/yorozuya/img/gyuta.jpg) repeat; }
#tajimadx .reco{ background: url(../shop/tajimadx/img/bg_reco.png) repeat; }
#asahiya .reco{ background: url(../shop/asahiya/img/bg_reco.png) repeat; }

#hiro .shopdata{ background-image: url(../shop/hiro/img/bg_sname.png) }
#gozo .shopdata{ background-image: url(../shop/gozo/img/bg_sname.png) }
#genki .shopdata{ background-image: url(../shop/genki/img/bg_sname.png) }
#daisen .shopdata{ background-image: url(../shop/daisen/img/bg_sname.png) }
#gyuta .shopdata{ background-image: url(../shop/gyuta/img/bg_sname.png) }
#manzo .shopdata{ background-image: url(../shop/manzo/img/bg_sname.png) }
#mztable .shopdata{ background-image: url(../shop/mztable/img/bg_sname.png) }
#satsuma .shopdata{ background-image: url(../shop/satsuma/img/bg_sname.png) }
#tajima .shopdata{ background-image: url(../shop/tajima/img/bg_sname.png) }
#yorozuya .shopdata{ background-image: url(../shop/yorozuya/img/bg_sname.png) }
#tajimadx .shopdata{ background-image: url(../shop/tajimadx/img/bg_sname.png) }
#asahiya .shopdata{ background-image: url(../shop/asahiya/img/bg_sname.png) }

#shopdata.shopdata .txt.closed { margin:-5px 0 30px; font-size:15px; }
.shopdata .txt.closed { padding:20px; font-size:16px; color:#c80800; border:1px solid #cb5550; }

#asahiya .shopdata .sub_line span,
#tajima_akurusu .sub_line span { padding-left: 0!important;}



.insta_box{ margin:0 auto 30px; }
.insta_box iframe{ width:100% !important; }
.insta_box .link{ width:60%; margin:0 auto 10px; text-align:center; }
.insta_box .link a{ display:block; position:relative; padding:42px 0 10px; text-decoration:none; color:#222; font-size:1.2em; }
.insta_box .link a:before{ position:absolute; content:""; width:40px; height:40px; top:0; left:50%; margin-left:-20px;
	background:url(../img/icon_insta.png) no-repeat 0 0 / contain; }
.insta_box li{ width:50%; }
.insta_box li:nth-child(n+3){ display:none; }
.shopdata .map .insta_box li figure{ margin:0; position: relative; width: 100%; padding-top: 100%; overflow: hidden; }
.insta_box li img{ position: absolute; top: 50%; left: 50%;
  -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 150%;
    max-height: 150%;}

/* company */
#company .reco{ padding-bottom: 0; border-bottom: 0; }
#company .shopdata dl{ margin: 20px 0 30px; }
#company .shopdata dt{ width: 12%; padding: 15px 0 12px 3%; }
#company .shopdata dd{ padding: 15px 0 12px 21%; background-color: #fcf0f1; }
#company .shopdata dd:nth-child(4n+2){ background-color: #FFF; }
#company .shopdata dl dl dt{ width: 9%; padding: 10px 0 8px 0; }
#company .shopdata dl dl dd{ padding: 10px 0 8px 18%; border-bottom: 1px solid #CCC; background-color: #FFF; font-size: 1.0em; }
#company .shopdata .disc li{ margin-bottom: 10px; }
#company .shopdata .disc a{ color: #333; }

.rinen{ margin-top: -75px; padding: 50px 0 30px 100px; background: url(../img/deco01.png) 85% bottom no-repeat #f7eee1;
	position: relative; z-index: -1; }
.rinen .vertical{ font-size: 1.9em; letter-spacing: 4px; color: #444; }
.rinen h2{ width: 110px; padding: 40px 0; float: left; border-left: 5px solid #e8676e;
	background: url(../img/entx_rinen.png) no-repeat 16px 40px; }
.rinen .txt{ width: 750px; float: right; padding-top: 20px; font-size: 1.2em; }
#title_com{ position: relative; }

.rinen.action{ margin-top: 0; padding: 40px 0 40px 100px; background: url(../img/bg_p.jpg) repeat; }
#company .deco02{ background: url(../img/deco02.png) 85% top no-repeat; }
.rinen.action h2{ background-image: url(../img/entx_action.png); }
.rinen.action .txt{ padding-top: 0; font-size: 1.5em; font-weight: bold; line-height: 2.2; }

/* contact */
#contact .shopdata .sub{ margin-top: -35px; }
#contact .reco{ padding-bottom: 0; border-bottom: 0; }
.cform .shopdata dl{ margin: 20px 0 20px; }
.cform .shopdata dt{ width: 15%; padding: 20px 0 18px 1%; }
.cform .shopdata dd{ padding: 20px 0 18px 25%; background-color: #f8f8f8; }
.cform .shopdata .long{ width: 80%; }

/* privacy */
#privacy .reco{ padding-bottom: 0; border-bottom: 0; }
#privacy .reco section h3{ padding: 15px 20px; font-size: 1.1em; background-color: #fcf0f1; }
#privacy .reco section p{ padding: 0 20px; font-size: 0.95em; }
#privacy article .reco section:last-child{ margin-bottom: 0; }

/* recruit */
#recruit .shopdata .sub{ margin-top: -35px; }
#recruit .reco{ padding-bottom: 0; border-bottom: 0; }

#recruit .requirementImg img { width: 100%;}
#recruit .recruitBox { margin-bottom: 40px;}
#recruit .recruitBox .data_txt { width: 48%;}
#recruit .recruitBox figure { width: 48%;}
#recruit .recruitBox figure img { width: 100%;}
#recruit .recruitBox .link_yoko { margin-top: 20px;}

.recruit_btn li { float: left; width: 480px; margin-top: 30px; margin-right: 20px;}
.recruit_btn li:last-child { margin-right: 0;}

#recruit .reco h3.con_h3 { padding: 15px 20px; font-size: 1.1em; background-color: #fcf0f1; }

/* recruit _ 働くスタッフの声*/
#recruit .staffvoice { margin-bottom: 80px;}
#recruit .staffvoice .bg_con { position: relative; width: 980px; min-height: 378px; margin-bottom: 10px; overflow: hidden; background-repeat: no-repeat;}
#recruit .staffvoice .bg_voice01 { background-image: url(../recruit/img/bg_ttl_voice01.png);}
#recruit .staffvoice .bg_voice02 { background-image: url(../recruit/img/bg_ttl_voice02.png);}
#recruit .staffvoice .bg_voice03 { background-image: url(../recruit/img/bg_ttl_voice03.png);}
#recruit .staffvoice .bg_voice04 { background-image: url(../recruit/img/bg_ttl_voice04.png);}
#recruit .staffvoice .bg_voice05 { background-image: url(../recruit/img/bg_ttl_voice05.png);}
#recruit .staffvoice .bg_voice06 { background-image: url(../recruit/img/bg_ttl_voice06.png);}
#recruit .staffvoice .bg_voice07 { background-image: url(../recruit/img/bg_ttl_voice07.png);}
#recruit .staffvoice h2.voicettl { margin: 280px 0 0 140px;}
#recruit .staffvoice h2.voicettl span { display: block; font-size: 1.5em; margin-top: 10px;}


/* スタッフの声_タブ切替 */

.tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
margin: 0 auto;}
/*タブのスタイル*/
.tab_item {
width: calc(100%/2);
height: 50px;
border-bottom: 3px solid #cb5550;
background-color: #f4f4f4;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 40px 0 0;
clear: both;
overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#regular:checked ~ #regular_content,
#part:checked ~ #part_content {
display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #cb5550;
color: #fff;
}

.movie li { width: 48%; margin: 0 !important;}
.movie li video { width: 100%;}


/*recruit_banner*/
.recruit_banner { margin-top: 30px;}
.recruit_banner img { width: 100%;}


/*980px 以下  768px-979px */
@media screen and (max-width:979px) {

	/* common */
	article{ padding: 20px 0 40px; }
	article section{ margin-bottom: 30px; }

	.pan{ display: none; }
	.sub{ width: 70%; margin: -30px auto 10px; padding: 8px 0;	font-size: 1.4em; letter-spacing: 2px; }
	.sub + .vida{ display: none; }
	.sub_line{ margin-bottom: 15px; padding: 5px 0 5px 10px; font-size: 1em; border-bottom: 2px solid #cb5550; }
  .sub_line span{ font-size:1em; padding-left:15px;}
  .data_txt .sub_title { margin-left:10px; font-size:0.8em; font-weight:bold;}

	/* shop */
	.bg_con{ position: relative; width: 100%; min-height: 378px; margin-bottom: 30px; background-size: contain; }
	.bg_con.ntxt { min-height:210px; }
	.bg_con .copy{ margin-left: 10px; font-size: 1.1em; }
	.bg_con .txt{ width: 80%; float: none; margin: 28% 0 20px 14%; }
	.bg_con .link_yoko{ margin: 0 0 30px 40px; }
	.reco li{ margin: 20px 30px; }
	.reco li:last-child{ margin: 20px auto; }
	.reco li h3{ margin-bottom: 15px; padding: 10px 0; font-size: 1.1em; }
	.reco ul li.odd { width:300px; }
	.shopdata{ background: none; }
	.shopdata .sub{ margin-top: -60px; }
	.shopdata dl{ margin-top: 30px; }
	#shop .shopdata dt{ width: 20%; position: absolute; padding: 18px 0 15px 1%; font-weight: bold; }
	#shop .shopdata dd{ padding: 18px 0 15px 22%; border-bottom: 1px solid #838383; }
	.shopdata .data_txt{ width: auto; float: none; }
	.shopdata .map{ width: auto; float: none; }
	.shopdata .map figure{ margin: 20px auto 30px; text-align: center; }
	.shopdata .map .fb_embedded .fb_embedded{ width: 100%; height: 300px; margin-bottom: 20px; }
  .shopdata .map .fb_embedded  { width: 100%; max-width:440px; height:435px; margin:10px auto 10px;}
  .shopdata .map .fb_embedded .fb-page { width: 100%; height: 300px; margin-top: 20px; }
  .shopdata .map .fb_embedded + iframe{ width: 100%; height: 300px; margin-bottom: 25px; border: 2px solid #e48682; }
  .shopdata .map iframe{ width: 100%; height: 300px; margin-bottom: 25px; border: 2px solid #e48682; }
	.title_logo{ width: auto; float: none; padding: 10px 10px; }
	.title_logo h3 img{ width: 60%; }
	#shop.index .shopdata .data_txt{ width: auto; float: none; }
	#shop.index .shopdata .link_yoko{ width: 50%; margin: 0 auto; font-size: 1.0em; }
	#shop.index .shopdata .link_yoko a{ padding-top: 10px; }
  #shop.index .shopdata .link_yoko2{ width: 50%; margin: 0 auto; font-size: 1.0em; }
  #shop.index .shopdata .link_yoko2 a{ padding-top: 9px; }
	#shop.index .shopdata dl{ margin-top: 20px; margin-bottom: 30px; font-size: 1.0em; }
	#shop #slider{ margin-bottom: 20px; }
	#hiro .shopdata, #gozo .shopdata, #genki .shopdata, #daisen .shopdata,
	#gyuta .shopdata, #manzo .shopdata, #mztable .shopdata, #satsuma .shopdata,
	#tajima .shopdata, #yorozuya .shopdata, #tajimadx .shopdata, #asahiya .shopdata
	 { background-image:none }
  #gozo .shopdata .logo_li{ margin-top:8px; padding:10px 0 0 0; border-top:none;}
	.insta_box iframe{ height:380px !important; }
	#shopdata.shopdata .txt.closed { margin:20px 0 30px; }

	/* company */
	#company .shopdata dl{ margin: 0; }
	#company .shopdata dt{ width: 18%; padding-left: 1%; }
	#company .shopdata dl dl dt{ width: 15%; }
	#company .shopdata dl dl dd{ padding-left: 20%; }

	.rinen{ margin-top: -40px; padding: 30px 0 30px 10px; }
	.rinen.action{ padding: 30px 0 30px 10px; }
	.rinen .vertical{ font-size: 1.3em; }
	.rinen h2{ width: 10%; padding: 20px 0; border-left: 3px solid #e8676e; background-position: 10px 20px; background-size: 15px 104px; }
	.rinen .txt{ width: 85%; font-size: 1.1em; }
	.rinen.action .txt{ font-size: 1.2em; line-height: 2.0; }

	/* contact */
	#contact .shopdata .sub{ margin-top: -30px; }
	.cform .shopdata dt{ width: auto; position: static; padding: 10px 0 10px 5px; }
	.cform .shopdata dd{ padding: 10px 0 15px 10px; background-color: #dfdfdf; border: 0; }

	/* recruit */
	#recruit .shopdata .sub{ margin-top: -30px; }
	#recruit .reco{ padding-bottom: 0; border-bottom: 0; }

  #recruit .staffvoice .bg_voice01,#recruit .staffvoice .bg_voice02,#recruit .staffvoice .bg_voice03,#recruit .staffvoice .bg_voice04,#recruit .staffvoice .bg_voice05,#recruit .staffvoice .bg_voice06,#recruit .staffvoice .bg_voice07 { width: 100%; min-height: 300px;}
  #recruit .staffvoice h2.voicettl { width: 100%; margin: 200px 0 0 100px; font-size: .8em;}

  .recruit_btn li { margin-right: 29px; margin-left: 0; width: 48%;}
  .recruit_btn li:last-child { margin-right: 0;}
  .recruit_btn li img { width: 100%;}






}

/*768px 以下*/
@media screen and (max-width:767px) {

	/* common */
	article{ padding: 20px 0 30px; }
	article section{ margin-bottom: 20px; }

	.sub{ width: 90%; margin-top: -25px; padding: 5px 0; font-size: 1.1em; }
	.shopdata .link_yoko{ width: 100%; margin: 0 auto; }
  .sub_line span{ font-size:0.9em; padding-left:0px; display:block; }

	/* shop */
	.shopdata dl{ font-size: 0.9em; }
	.bg_con .copy.vertical{ margin-left: 0; float: none; height: auto; margin: 100px 0 15px 20px;
	font-size: 1.0em; font-weight: bold; line-height: 1.5;
	-ms-writing-mode: horizontal-tb; /* for MS IE8+ */
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb; }
	#asahiya .bg_con .copy.vertical { margin:180px 0 15px 20px; }
	.bg_con .txt{ width: 100%; margin: 0 0 20px 0; font-size: 0.9em; }
	.bg_con .link_yoko{ margin: 0 auto 20px; }
	.reco li{ width: 100%; margin: 10px 10px; }
	.reco li:last-child{ margin: 10px 10px; }
	.reco li figure{ width: 100%; }
	.reco li figure img{ width: 100%; }
	.reco ul li.odd { width:100%; }
	.shopdata .sub{ margin-top: -42px; }
	.shopdata .data_txt .txt{ font-size: 0.9em; }
	#shop .shopdata dt{ width: 100%; position: static; padding: 15px 0 5px 10px; }
	#shop .shopdata dt.shopname{ font-size: 1.0em; }
	#shop .shopdata dd{ padding: 5px 0 10px 10px; background-color: #dfdfdf; border: 0; }
	.shopdata .map figure img{ width: 100%; }
  .shopdata .map .fb_embedded  { margin:15px auto 10px;}
	#shop.index .shopdata .link_yoko{ width: 100%; font-size: 0.9em; }
  #shop.index .shopdata .link_yoko2{ width: 100%; font-size: 0.9em; }

	.shopdata .txt.closed { padding:12px; font-size:15px; }

	/* Shop */
  .insta_box iframe{ height:150px !important; }
	.insta_box .link{ width:80%; margin:0 auto 5px; }
	.insta_box .link a{ padding:30px 0 10px; }
	.insta_box .link a:before{ width:30px; height:30px; top:0; left:50%; margin-left:-15px; }

	/* company */
	#company .shopdata dt{ width: 25%; }
	#company .shopdata dd{ padding-left: 30%; }
	#company .shopdata dl dl dt{ width: auto; position: static; }
	#company .shopdata dl dl dd{ margin-bottom: 10px; padding: 0 0 5px 0; }

	.rinen{ margin-top: -20px; padding: 30px 0 30px 0; }
	.rinen.action{ padding: 30px 0 30px 0; }
	.rinen .vertical{ font-size: 1.1em; }
	.rinen h2{ width: 10%; padding: 20px 0; border-left: 2px solid #e8676e; background: none; }
	.rinen .txt{ font-size: 0.9em; }

	#company .deco02{ background: none; }
	.rinen.action h2{ background-image: none; }
	.rinen.action .txt{ font-size: 1.0em; line-height: 1.8; }

  /* recruit */
  #recruit .headimage { width: 480px; margin: 55px 0 0 -240px;}
  #recruit .headimage img { width: 100%;}
  .recruit_btn li { float: none; width: 100%; margin: 30px 0 auto; }
  .recruit_btn li img { width: 100%;}
  .recruit_btn li:last-child { margin: 30px 0 auto;}

  #recruit .staffvoice .bg_voice01,#recruit .staffvoice .bg_voice02,#recruit .staffvoice .bg_voice03,#recruit .staffvoice .bg_voice04,#recruit .staffvoice .bg_voice05,#recruit .staffvoice .bg_voice06,#recruit .staffvoice .bg_voice07 { width: 100%; min-height: 100%;}
  #recruit .staffvoice h2.voicettl { width: 100%; margin: 100px 0 0 0; font-size: .8em;}

  #recruit .recruitBox figure { width: 100%;}
  #recruit .recruitBox .data_txt { width: 100%;}

  #recruit .data_txt { margin-bottom: 20px;}

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

    #recruit .headimage { width: 480px; margin: 55px 0 0 -210px;}

  }

}