@charset "utf-8";



/*=============================================*/
/*                   home                      */
/*=============================================*/

#index #content_01 h2{
	padding-top:15px;
}

#index #content_01 #ar_01{
	width:1000px;
	position:relative;
	padding:35px 50px;
	display:block;
	clear:both;
	background:url(../img/index/bg_01.jpg) repeat;
	box-shadow: 0 1px 3px #c5bba2;
}

#ar_01 .box_rss{
	width:392px;
	float:right;
}

.rss_news{
	background:url(../img/index/bg_o1.png) repeat;
	min-height: 256px;
}

#ar_01 .box_rss h3{
	padding-top:12px;
}

.rss_news ul{
	width:345px;
	margin:auto;
	color:#49311d;
}

.rss_news ul li{
	padding:11px 0;
	line-height:22px;
	border-bottom:1px dotted #a89f87;
	font-size:13px;
}

.rss_news ul li span{
	display:block;
	color:#000000;
}

.rss_news ul li.last{
	border-bottom:none;
}

.rss_news ul li a{
	color:#49311d;
	text-decoration:none;
}

.rss_news ul li a:hover{
	color:#49311d;
	text-decoration:underline;
}

#index #content_01 #ar_01 p.txt{
	color:#49311d;
	font-size:13px;
	line-height:21px;
	width:500px;
	float:left;
	padding-top:18px;
}

#index #content_02 h2{
	padding-top:25px;
}

#index #content_02 #ar_02{
	width:1000px;
	position:relative;
	padding:25px 50px;
	display:block;
	clear:both;
	background:url(../img/index/bg_02.jpg) repeat;
	box-shadow: 0 1px 3px #c5bba2;
}

#rss_ar02{
	clear:both;
	width:1000px;
	position:relative;
	height:293px;
	overflow:hidden;
	background:url(../img/index/bg_rss.png) no-repeat;
	margin-bottom:20px;
}

#rss_ar02 .rss_news{
	background:none;
	width:392px;
	margin:auto;
}

#rss_ar02 .rss_news h3{
	padding-top:30px;
}

#index #content_03 {
	position:relative;
}

#index #content_03 .btn {
	position: absolute;
	top:135px;
	right:140px;
	font-size:13px;
	text-align: center;
}

#index #content_03 h2{
	padding-top:23px;
}

#index #content_03 #ar_03{
	width:1000px;
	position:relative;
	padding:40px 50px;
	display:block;
	clear:both;
	background:url(../img/index/bg_03.jpg) repeat;
	box-shadow: 0 1px 3px #c5bba2;
	margin-bottom: 60px;
}

#index #content_03 #ar_03 p.txt{
	width:377px;
	float: right;
	color: #49311d;
	font-size:13px;
	line-height: 21px;
	margin-bottom: 74px;
}

#index #content_03 #ar_03 .box_rss{
	float: right;
	width: 392px;
	margin-bottom: 5px;
}

#ar_03 .box_rss h3{
	padding-top: 12px;
}

#index #content_04{
	padding-bottom: 60px;
}

#index #content_04 .movie1{
	float: left;
	padding-right: 50px;
}

/*=============================================*/
/*                   menu                      */
/*=============================================*/

#menu #header{
	background:url(../img/menu/key.jpg) no-repeat bottom center;
}

#menu #lead{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/menu/bg.png) no-repeat top center;
}

#menu #lead h2{
	padding-top: 43px;
	text-align: center;
}

#menu #lead p.txt{
	padding:0 50px;
	text-align: center;
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	margin-bottom: 50px;
}

#menu #lead p.txt span{
	display: block;
	padding-top: 25px;
}

#menu #menu_01{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	height: 1066px;
	background:url(../img/menu/bg01.jpg) no-repeat top center;
}

#menu #menu_01 h2{
	position: absolute;
	top: 38px;
	left: 35px;
}

#menu #menu_01 h3{
	position: absolute;
	top:131px;
	left: 35px;
}

#menu #menu_01 p.img_01{
	position: absolute;
	top:131px;
	right: 35px;
}

#menu #menu_01 dl#dl_01{
	position: absolute;
	top:202px;
	left: 32px;
}

#menu #menu_01 dl dd{
	color: #49311d;
	font-size:13px;
	line-height: 20px;
	padding-top: 10px;
	margin-left: 1px;
}

#menu #menu_01 dl#dl_02{
	position: absolute;
	top:371px;
	left: 32px;
}

#menu #menu_01 dl#dl_03{
	position: absolute;
	top:582px;
	left: 565px;
}

#menu #menu_01 dl#dl_04{
	position: absolute;
	top:890px;
	left: 32px;
}

#menu #menu_01 p.img_02{
	position: absolute;
	top:761px;
	right: 35px;
}

#menu #menu_02{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
}

#menu #menu_02 h2{
	padding-top: 38px;
	margin-bottom: 19px;
}

#menu #menu_02 p.txt{
	color: #49311d;
	font-size:13px;
	line-height: 26px;
	text-align: center;
}
#menu .menu_list dl{
	width: 295px;
	float: left;
	margin-right: 56px;
}

#menu .menu_list dl dd.price{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	padding:10px 0;
}

#menu .menu_list dl dd.price span{
	display: block;
	color: #9a0000;
	text-align: right;
}

#menu_line{
	background:url(../img/menu/line.png) no-repeat bottom center;
	padding-bottom: 48px;
	margin-bottom: 12px;
}

.menu_boxlist dl{
	width: 480px;
}

.menu_boxlist dl dd, .menu_three dl dd{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	padding:5px 0 20px 0;
}

.menu_boxlist dl dd span,  .menu_three dl dd span{
	color: #9a0000;
	padding-left: 20px;
}

.menu_three{
	padding-bottom: 40px;
}

.menu_three dl{
	width: 320px;
	float: left;
	margin-right: 20px;
}

#menu #menu_02 p.bnr{
	text-align: center;
	margin-bottom: 70px;
}

/*=============================================*/
/*                   shop                      */
/*=============================================*/

#shop #header{
	background:url(../img/shop/key.jpg) no-repeat bottom center;
}

#shop #lead h2{
	padding-top: 13px;
}

.shop_box{
	padding:35px 50px;
	background:url(../img/index/bg_01.jpg) repeat;
	box-shadow: 0 1px 3px #c5bba2;
	margin-bottom: 25px;
}

.shop_left{
	width:392px;
	float: left;
	min-height:364px;
	background:url(../img/index/bg_o1.png) repeat;
}

.shop_left h3{
	padding-top: 16px;
}

.shop_left dl{
	margin-left: 25px;
	width: 342px;
	padding:10px 0;
	border-bottom: 1px dotted #a89e87;
	font-size:13px;
	color: #000;
}

.shop_left dl:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	font-size:0 !important;
	visibility: hidden !important;
}

.shop_left dl dt{
	float: left;
	min-width: 68px;
}

.shop_left dl dd{
	float: left;color: #49311d;
}

.shop_left dl dd span{
	color: #9a0000;
	font-size:18px;
	line-height: 20px;
}

.shop_left dl dd span a{
	color: #9a0000;
	font-size:18px;
	line-height: 20px;
	text-decoration: none;
}

#shop_09{
	margin-bottom: 95px;
}


#title_h2{
	font-size: 30px;
	text-align: center;
	font-family: "MS PMincho";
	font-weight: bold;
	text-shadow: 1px 2px 3px #808080;
	padding-top: 15px;
	padding-bottom: 10px;
}

/*=============================================*/
/*                   concept                      */
/*=============================================*/

#concept #header{
	background:url(../img/concept/key.jpg) no-repeat bottom center;
}

#concept #lead{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/concept/bg.png) no-repeat top center;
	margin-bottom:35px;
}

#concept #lead h2{
	text-align: center;
	padding-top: 49px;
}

#concept #lead p.txt{
	text-align: center;
	padding:25px 50px 45px 50px;
	text-align: center;
	color: #49311d;
	font-size:13px;
	line-height: 24px;
}

#concept #lead ul{
	margin-bottom: 5px;
	clear: both;
}

#concept #lead ul li{
	float: left;
}

#concept_01{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/concept/bg01.png) no-repeat top center;
	min-height: 1237px;
}

#concept_01 h2{
	padding-top: 22px;
	margin-bottom: 53px;
}

.concept_list{
	width: 320px;
}

.concept_list h3{
	margin-bottom: 10px;
}

.concept_list dl{
	color: #49311d;
	line-height: 26px;
	font-size:13px;
}

.concept_list dl:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	font-size:0 !important;
	visibility: hidden !important;
}

.concept_list dl dt{
	float: left;
}

.concept_list dl dd{
	float: right;
	color: #9a0000;
}

#vt_01{
	padding-top:145px; 
	height: 340px;
	margin-left: 645px;
}

#concept_02{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/concept/bg02.png) no-repeat top center;
	height: 586px;
	overflow: hidden;
}

#concept_02 h2{
	padding:31px 0 0 29px;
	margin-bottom: 240px;
}

#concept_02 .concept_list{
	margin-left: 35px;
	width: 295px;
}

#concept_02 .concept_list dl.last dt{
	line-height: 20px;
	padding-top: 10px;
}

#concept_02 p.bnr{
	margin-left: 30px;
	padding-top: 15px;
}

#concept_03{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/concept/bg03.png) no-repeat top center;
	min-height: 1102px;
}

#concept_about{
	padding-top: 50px;
	height: 500px;
	margin-left: 32px;
}

#concept_about dl{
	padding:25px 0 5px 0;
}

#concept_about dl dd{
	color: #49311d;
	font-size:13px;
	line-height: 20px;
	padding:10px 0 0 1px;
}

#concept_course{
	position: relative;
}

#concept_course h2{
	padding-bottom: 40px;
}

#concept_course .concept_list{
	width: 310px;
}

#concept_course .concept_list dt span{
	font-weight: bold;
}

#concept_course .concept_list dt strong{
	padding-top: 25px;
	display: block;
}

#dl_course{
	position: absolute;
	top: 334px;
	left: 485px;
}

#dl_course dd{
	color: #49311d;
	font-size:14px;
	line-height: 26px;
	padding-top: 10px;
}

#concept_04{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/concept/bg04.png) no-repeat top center;
	padding-top: 38px;
}

#concept_04 h2{
	float: left;
	margin-right: 33px;
	padding-bottom: 52px;
}

#concept_04 p.txt{
	float: left;
	color: #49311d;
	font-size:14px;
	line-height: 26px;
	min-height: 131px;
	width: 620px;
}

#concept_04 dl{
	width: 475px;
}

#concept_04 dl dd{
	color: #49311d;
	font-size:13px;
	line-height: 26px;
	padding:8px 0 22px 0;
}

#concept_04 dl dd span{
	color: #9a0000;
	padding-left: 20px;
}

#concept_04 ul{
	clear: both;
	padding-bottom: 16px;
}

#concept_04 ul li{
	float: left;
}

.concept_sec01{
	width: 100%;
	min-width: 1100px;
	background:url(../img/concept/bg_box.jpg) repeat;
	box-shadow: inset 0px 0px 25px rgba(0,0,0,0.2);
}

#concept_05{
	width: 100%;
	min-width: 1100px;
	background:url(../img/concept/bg_a.png) no-repeat top center;
}

#concept_05box{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	height: 2000px;
	margin:auto;
}

#concept_05box h2{
	padding-top: 48px;
}

dl#c_dl01{
	position: absolute;
	top: 229px;
	left: 0;
}

#concept_05box dl dd{
	color: #49311d;
	font-size:18px;
	line-height: 26px;
	padding-top: 10px;
}

#concept_05box dl dd span{
	color: #9a0000;
	padding-left: 20px;
}

dl#c_dl02{
	position: absolute;
	top: 578px;
	left: 655px;
}

dl#c_dl03{
	position: absolute;
	top: 1005px;
	left: 0;
}

#concept_05box p#title{
	position: absolute;
	top: 1425px;
	right: 0;
}

#concept_05box p#img_c{
	position: absolute;
	top: 1495px;
	right: 0;
}

dl#c_dl04{
	position: absolute;
	top: 1805px;
	left:35px;
}

dl#c_dl05{
	position: absolute;
	top: 1805px;
	right:0;
}

#concept_05box ul{
	position: absolute;
	top: 1878px;
	left: 250px;
}

#concept_05box ul li{
}

#concept_06{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/concept/bg_c.png) no-repeat top center;
	padding-top: 45px;
	margin:auto;
}

#concept_06 h2{
	padding-bottom: 45px;
}

#concept_06 dl#dl_06{
	padding-bottom: 35px;
}

#concept_06 dl#dl_06 dd{
	color: #49311d;
	font-size:13px;
	line-height: 18px;
}

.three_list .concept_list{
	width: 300px;
	float: left;
	margin-right: 50px;
}

.three_list .concept_list dl{
	line-height: 28px;
}

#one_list{
	background:url(../img/concept/bg_d.png) no-repeat top center;
	padding-bottom: 56px;
}

#two_list{
	margin-bottom: 70px;
}

#two_list .concept_list{
	width: 440px;
}

#two_list .concept_list h4{
	color: #49311d;
	font-size:13px;
	line-height: 28px;
	margin-top: 20px;
}

#two_list .concept_list h4 span{
	font-weight: bold;
}

/*=============================================*/
/*                   party                      */
/*=============================================*/

#party #header{
	background:url(../img/party/key.jpg) no-repeat bottom center;
}

#party #container{
	background:url(../img/party/bg.png) no-repeat top center;
}

#party #lead{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
}

#party #lead h2{
	padding-top: 48px;
	text-align: center;
}

#party #lead p.txt{
	text-align: center;
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	margin-bottom: 15px;
}

#tel_info{
	text-align: center;
	margin-bottom: 29px;
}

#party #lead h3{
	float: left;
	padding-bottom: 23px;
}

#party #lead h4{
	float: left;
	padding-top: 28px;
}

#party #lead dl#dl_01{
	float: left;
	width: 602px;
}

#party #lead dl dd{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	padding-top: 10px;
	margin-bottom: 25px;
}

#party #lead dl#dl_02{
	float: right;
	width: 366px;
}

#party #lead dl#dl_02 dd{
	padding-top: 15px;
}

#party #lead dl#dl_03{
	clear: both;
	width: 1000px;
	margin-bottom: 40px;
}

#party #lead dl#dl_03 dd{
	text-align: center;
}


#party #party_01{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
}

#party #party_01 h2{
	margin-bottom: 23px;
}

#party #party_01 h3{
	float: left;
}

#img_party{
	float: right;
	padding-top: 7px;
	margin-bottom: 22px;
}

#party #party_01 h4{
	float: left;
	color: #9a0000;
	font-size:18px;
	padding-left: 120px;
	margin-bottom: 10px;
	max-width: 300px;
}

#party #party_01 ul{
	float: left;
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	margin-bottom: 15px;
	max-width: 400px;
}

#party #party_01 ul span{
	font-weight: bold;
}

dl#dl_party{
	padding:15px 50px;
	width:298px;
	border:1px solid #000000;
	float: left;
	color: #49311d;
	font-size:13px;
	line-height: 24px;
}

dl#dl_party dt{
	text-align: center;
	font-weight: bold;
	padding-bottom: 2px;
}


dl#dl_party dd{
	float: left;
	width:149px;
}


#party #party_01 h5{
	clear: both;
	position: relative;
	margin-bottom: 62px;
}

#party #party_01 h5 span{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	font-weight: bold;
	position: absolute;
	top: 75px;
	left: 40px;
}

#party #party_02{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/party/bg03.png) no-repeat top center;
	height: 1475px;
	margin-bottom: 95px;
}

#party #party_02 p.txt{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	font-weight: bold;
	position: absolute;
	top: 690px;
	left: 460px;
}

#party #party_01 .left_box{
	float: left;
	width: 400px;
}
#party #party_01 .right_box{
	float: right;
}
#party #party_01 .left_box .txt_box{
	font-size: 14px;
	padding-left: 1em;
	margin-bottom: 30px;
}
#party #party_01 .c_price{
	font-size: 18px;
	color: #8E0C0E;
	padding-left: 3em;
	margin-bottom: 10px;
}

#party #party_01 .c_title{
	font-size: 24px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	color: #321E12;
}

/*=============================================*/
/*                   delivery                      */
/*=============================================*/

#delivery #header{
	background:url(../img/delivery/key.jpg) no-repeat bottom center;
}

#delivery #container{
	padding-top: 50px;
}

#delivery #lead{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/delivery/bg.png) no-repeat top center;
}

#delivery #lead p.txt{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	width: 370px;
	padding:25px 0;
	margin-bottom: 15px;
}

#delivery #lead p.img_01{
	float: left;
	margin-bottom: 45px;
	padding-right: 60px;
}

#delivery #lead h3{
	padding-top: 102px;
	float: left;
}

#delivery #lead p.txt01{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	width: 425px;
	float: left;
	padding-top: 5px;
}

#delivery_01{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/delivery/bg01.png) no-repeat top center;
	margin-bottom: 60px;
}

#delivery_01 h2{
	text-align: center;
	padding:25px 0 10px;
}

#delivery_01 p.txt{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	text-align: center;
	padding-bottom: 22px;
}

#delivery_02{
	width: 1000px;
	position: relative;
	display: block;
	clear: both;
	background: url(../img/delivery/bg02.png) no-repeat top center;
	height: 2000px;
}

#delivery_02 h2{
	padding:23px 0 15px;
	text-align: center;
}
#delivery_02 ul.price li {
	color: #9a0000;
	font-size:15px;
	position:absolute;
}
#delivery_02 ul.price li.txt1 {
	top: 470px;
	left: 310px;
}
#delivery_02 ul.price li.txt2 {
	top:470px;
	right:300px;
}

#delivery_02 ul.price li.txt3 {
	top:810px;
	left:310px;
}
#delivery_02 ul.price li.txt4 {
	top:810px;
	right: 260px;
    text-align: center;
}
#delivery_02 ul.price li.txt5 {
	top:1150px;
	left:265px;
	text-align: center;
}
#delivery_02 ul.price li.txt6 {
	top:1150px;
	 right: 300px;
	text-align: center;
}
#delivery_02 ul.price li.txt7 {
	top: 2170px;
	left:310px;
}
#delivery_02 ul.price li.txt9 {
	top:1490px;
	left: 280px;
}
#delivery_02 ul.price li.txt10 {
	top:1490px;
	right: 310px;
}
#delivery_02 ul.price li.txt11 {
	top: 1856px;
    left: 310px;
}
#delivery_02 ul.price li.txt12 {
	top: 1835px;
	right:305px;
}


#delivery_02 ul.photo li{
	float: left;
	width:490px;
}
#delivery_02 ul.photo li:nth-child(2n+1){
	text-align: right;
	margin-right: 20px;
}

#delivery_02 #other{
	font-size: 15px;
	width: 265px;
	position: absolute;
	top: 1600px;
	right: 193px;
}
#delivery_02 #other dt{
	float:left;
}
#delivery_02 #other dd{
	float:left;
	color: #9a0000;
	margin-left:10px;
}
#delivery_02 p.txt{
	font-size:15px;
	padding-bottom:10px;
}

#delivery_03{
	width:986px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/delivery/bg_box.jpg) repeat-y top center;
	padding:7px;
	margin-bottom: 114px;
}

#delivery_03a{
	background: url(../img/shared/bg.jpg) repeat top center;
	padding:31px 0 37px;
}

#delivery_03a dl{
	width: 730px;
	margin-left: 130px;
	padding:15px 0;
	border-bottom:1px dashed #411e03;
	color: #49311d;
	font-size:13px;
	line-height: 24px;
}

#delivery_03a dl:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	font-size:0 !important;
	visibility: hidden !important;
}

#delivery_03a dl dt{
	float: left;
	width: 200px;
	padding-left: 5px;
	color: #000000;
}

#delivery_03a dl dd{
	float: left;
	width: 525px;
}

.delivery_area{
	width:1000px;
	margin:0 auto 40px;
	font-size:15px;
	line-height:1.8em;
}

#delivery table , td, th {
	border-collapse: collapse;
}
#delivery td, th {
	padding: 10px 5px;
	width: 130px;
	height: 50px;
}

#delivery .wide{
	width:700px;
}

#delivery .center_t{
	text-align:center;
	font-weight:bold;
	color:#FFF;
	font-size:105%;
}

#delivery th {
	background: #f0e6cc;
}
#delivery .even {
	background: #fbf8f0;
}
#delivery .odd {
	background: #fefcf9;
}



/*=============================================*/
/*                   company                      */
/*=============================================*/

#company #header{
	background:url(../img/company/key.jpg) no-repeat bottom center;
}

#company #lead{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/company/bg.png) no-repeat top center;
	padding-bottom: 60px;
}

#company #lead h2{
	text-align: center;
	padding: 35px 0 15px;
}

#company #c_left{
	width: 500px;
	float: left;
}

#company #c_left p{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	padding:10px 0 10px;
	width: 454px;
}

#company #c_right{
	width: 500px;
	float: right;
}

#company #c_right dl{
	width: 470px;
	margin-left: 30px;
	padding:10px 0;
	border-bottom:1px dashed #26130a;
	color: #49311d;
	font-size:13px;
	line-height: 20px;
}

#company #c_right dl:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	font-size:0 !important;
	visibility: hidden !important;
}

#company #c_right dl dt{
	float: left;
	width: 180px;
	font-weight: bold;
}

#company #c_right dl dd{
	float: left;
	width: 290px;
}

#company #company_01{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/company/bg01.png) no-repeat top center;
	min-height: 520px;
}

#company #company_01 h2{
	padding:30px 0 0 85px;
	float:left;
}

#company #company_01 .first{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	width: 667px;
	margin-left: 200px;
	padding:70px 0 5px;
}

#company #company_01 p.txt{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
	width: 667px;
	margin-left: 200px;
	padding:20px 0 5px;
}

#txt_span{
	width: 840px;
	text-align: right;
	padding-top: 15px;
}

#company #company_02{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/company/bg02.png) no-repeat top center;
	min-height: 621px;
	margin-bottom: 32px;
}

#company #company_02 h2{
	text-align: center;
	padding:36px 0 24px;
}

#company #company_02 ul{
	margin-left: 110px;
}
#company #attention{
	width:940px;
	padding:30px;
	border:solid 1px #9a0000;
	margin-bottom:40px;
	line-height:1.-em;
}
#company #attention h2{
	font-size:18px;
	padding-bottom:13px;
	text-align:center;
	color: #9a0000;
}
#company #attention p.txt{
	font-size:14px;
}
#company #company_03{
	width:988px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/company/bg_box.png) repeat top center;
	padding:6px;
	margin-bottom: 85px;
}

#company_03a{
	background:url(../img/company/bg_o.png) repeat top center;
}

#company_box h2{
	text-align: center;
	padding-top:25px;
}

.com_list{
	width: 445px;
	float: left;
}

.com_list dl{
	color: #49311d;
	font-size:13px;
	line-height: 24px;
}

.com_list dl:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	font-size:0 !important;
	visibility: hidden !important;
}

.com_list dl dt{
	font-weight: bold;
	padding-top: 25px;
}

.com_list dl dd{
	padding-left: 10px;
}

#com_left{
	margin-left: 98px;
}

#company_box h3{
	text-align: center;
	padding-top:25px;
	margin-bottom: 10px;
	clear: both;
}

#company_box ul{
	clear: both;
	margin-bottom: 10px;
	padding-left: 30px;
}

#company_box ul li{
	float: left;
	margin-right: 17px;
}


#company .infobox{
	text-align:center;
	font-size:13px;
	line-height:24px;
	display:block;
	margin:40px auto 0;
}


/*=============================================*/
/*                   shopinfo                      */
/*=============================================*/

#shopinfo #header{
	background:url(../img/shopinfo/key.jpg) no-repeat bottom center;
}

#shopinfo #lead{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	background:url(../img/shopinfo/bg.png) no-repeat top center;
	padding-bottom: 28px;
}

#shopinfo #lead h2{
	text-align: center;
	padding: 50px 0 40px;
}

#shopinfo #lead dl{
	width: 500px;
	padding:10px 0;
	border-bottom:1px dashed #26130a;
	color: #49311d;
	font-size:13px;
	line-height: 20px;
}

#shopinfo #lead dl:after {
	content: "." !important;
	display: block !important;
	height: 0px !important;
	clear: both !important;
	font-size:0 !important;
	visibility: hidden !important;
}

#shopinfo #lead dl dt{
	float: left;
	width: 165px;
	font-weight: bold;
}

#shopinfo #lead dl dd{
	float: left;
	width: 335px;
}

#shopinfo #lead dl dd strong{
	color: #6f0000;
	font-size:20px;
	font-weight:normal;
}

#shopinfo #info{
	width:1000px;
	position:relative;
	display:block;
	clear:both;
	height: 700px;
	background:url(../img/shopinfo/bg01.png) no-repeat top center;
}

#shopinfo #info p.bnr{
	position: absolute;
	top: 441px;
	left: 0;
	text-align: center;
	width: 1000px;
}

#shopinfo #info ul{
	position: absolute;
	top: 542px;
	left: 0;
	width: 1000px;
}

#shopinfo #info ul li{
	float: left;
}

.year_box{
	width: 500px;
    text-align: center;
	margin:20px auto 10px;
    background: #fff;
    border: 4px double #000;
    padding: 18px;
    color: #000;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "HGS明朝E", serif;
}

.year_box h4{
	color: #000;
    font-size: 17px;
    font-weight: bold;
	padding-bottom:15px;
}

.year_box p{
	color: #000;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
}



/*=============================================*/
/*                   recruit                   */
/*=============================================*/
#recruit {
  font-size: 13px;
  line-height: 28px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.6px;
}
#recruit div#container {
  min-width: inherit;
}
#recruit .wrap {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
#recruit #key .key_ttl {
  text-align: center;
  padding-top: 100px;
}
#recruit .fixed_btn {
  width: 90px;
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 99;
}
#recruit .fixed_btn:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
#recruit .fixed_btn li {
  float: left;
}
#recruit #sec1 {
  padding-bottom: 110px;
}
#recruit #sec1 .box {
  width: 510px;
  margin-left: auto;
  padding: 60px 0 0 0;
}
#recruit #sec1 .box .txt {
  padding: 35px 0 0 10px;
}
#recruit #sec1 .img_1 {
  position: absolute;
  top: -15px;
  left: -220px;
}
#recruit #sec1 .img_2 {
  margin: 110px 0 0 -80px;
}
#recruit #sec1 .img_3 {
  position: absolute;
  bottom: 166px;
  right: -163px;
}
#recruit #sec2 {
  background: url("../img/recruit/sec2_bg.jpg") no-repeat center top;
}
#recruit #sec2 .block_1 {
  position: relative;
  padding: 50px 0 128px;
}
#recruit #sec2 .block_1 .box {
  width: 500px;
  box-sizing: border-box;
  background: #fff;
  margin-left: auto;
  margin-right: -50px;
  margin-top: 80px;
  padding: 105px 0 60px;
}
#recruit #sec2 .block_1 .box .txt {
  padding: 35px 50px 0 50px;
}
#recruit #sec2 .block_1 .catch_1 {
  position: absolute;
  top: 0;
  right: 123px;
}
#recruit #sec2 .block_1 .catch_2 {
  position: absolute;
  top: 465px;
  left: 230px;
}
#recruit #sec2 .block_2 {
  position: relative;
  padding-bottom: 210px;
  z-index: 1;
}
#recruit #sec2 .block_2 h3 {
  position: absolute;
  top: 0;
  right: -215px;
}
#recruit #sec2 .block_2 ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  width: 700px;
  padding: 172px 0 0 70px;
}
#recruit #sec2 .block_2 .txt {
  padding: 36px 0 0 80px;
}
#recruit #sec3 {
  position: relative;
  background: url("../img/recruit/bg_3.jpg") repeat center top;
  padding-bottom: 413px;
}
#recruit #sec3:before {
  content: '';
  position: absolute;
  top: -170px;
  left: 0;
  width: 100%;
  height: 170px;
  background: url("../img/recruit/sec3_bg_2.png") no-repeat center top/100% 100%;
}
#recruit #sec3:after {
  content: '';
  position: absolute;
  top: -174px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/recruit/sec3_bg_1.png") no-repeat center top;
}
#recruit #sec3 .wrap {
  z-index: 1;
}
#recruit #sec3 h2 {
  text-align: center;
  padding: 44px 0 120px;
}
#recruit #sec3 .txt {
  width: 400px;
  padding-top: 46px;
}
#recruit #sec3 .block_1 .catch_1 {
  position: absolute;
  top: 235px;
  left: 190px;
}
#recruit #sec3 .block_1 .catch_2 {
  position: absolute;
  top: 185px;
  right: 138px;
}
#recruit #sec3 .block_1 .img_1 {
  position: absolute;
  bottom: -92px;
  right: -78px;
}
#recruit #sec3 .block_1 .img_1 span {
  position: absolute;
  bottom: 132px;
  left: 32px;
}
#recruit #sec4 {
  position: relative;
  padding: 403px 0 0;
}
#recruit #sec4 .img_1 {
  text-align: center;
  position: absolute;
  top: -257px;
  left: 0;
  width: 100%;
}
#recruit #sec4 .note {
  text-align: center;
  padding-bottom: 42px;
}
#recruit #sec4 .slider {
  position: relative;
  max-width: 1700px;
  margin: 0 auto;
}
#recruit #sec4 .slider .slick-slide {
  padding-right: 50px;
}
#recruit #sec4 .slider .slick-arrow {
  border: 0;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}
#recruit #sec4 .slider .slick-prev {
  background: url("../img/recruit/btn_prev.jpg") no-repeat center top/100% auto;
  left: calc(50% - 530px);
}
#recruit #sec4 .slider .slick-next {
  background: url("../img/recruit/btn_next.jpg") no-repeat center top/100% auto;
  right: calc(50% - 530px);
}
#recruit #sec4 .sec4_popup {
  display: none;
}
#recruit #sec5 {
  padding: 90px 0 94px;
}
#recruit #sec5 h2 {
  margin-left: -15px;
}
#recruit #sec5 ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-top: -196px;
}
#recruit #sec5 ul li {
  width: 320px;
  position: relative;
}
#recruit #sec5 ul li p+p {
  padding-top: 22px;
}
#recruit #sec5 ul li:nth-child(1) {
  margin-top: 340px;
}
#recruit #sec5 ul li:nth-child(2) {
  margin-top: 170px;
}
#recruit #sec5 ul li+li:before {
  content: '';
  position: absolute;
  top: 28px;
  left: -80px;
  width: 88px;
  height: 129px;
  background: url("../img/recruit/sec5_arrow.png") no-repeat center top/cover;
}
#recruit #sec5 ul li:nth-child(3):before {
  top: 40px;
}
#recruit #sec5 .img_1 {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#recruit #sec5 .img_1:before {
  content: '';
  position: absolute;
  top: 124px;
  left: -121px;
  width: 88px;
  height: 129px;
  background: url("../img/recruit/sec5_arrow.png") no-repeat center top/cover;
}
#recruit .bg_1 {
  background: url("../img/recruit/bg_3.jpg") repeat center top;
}
#recruit #sec6 h2 {
  text-align: center;
  padding: 120px 0 40px;
}
#recruit #sec6 .block_1 {
  background: url("../img/shared/bg.jpg") repeat center top;
  padding: 55px 0 50px;
}
#recruit #sec6 .block_1 h3 {
  text-align: center;
}
#recruit #sec6 .block_1 .box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding: 33px 80px 0 100px;
}
#recruit #sec6 .block_1 .box .col {
  width: 400px;
}
#recruit #sec6 .block_1 .box .col+.col dl {
  padding-bottom: 22px;
}
#recruit #sec6 .block_1 .box .col+.col dl:nth-of-type(2) {
  padding-top: 10px;
}
#recruit #sec6 .block_1 .box dl {
  padding-bottom: 20px;
}
#recruit #sec6 .block_1 .box dl dt {
  font-size: 16px;
  font-weight: bold;
  color: #9a0000;
  line-height: 32px;
  letter-spacing: 0.2px;
}
#recruit #sec6 .block_1 .box dl dd {
  color: #49311d;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.2px;
}
#recruit #sec6 .block_1 .box dl dd p+p {
  padding-top: 23px;
}
#recruit #sec6 .block_2 {
  background: url("../img/shared/bg.jpg") repeat center top;
  padding: 60px 0;
  margin-top: 30px;
  position: relative;
}
#recruit #sec6 .block_2 h3 {
  text-align: center;
}
#recruit #sec6 .block_2 .img_1 {
  position: absolute;
  top: 154px;
  right: 86px;
}
#recruit #sec6 .block_2 .box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  width: 400px;
  padding: 40px 0 0 83px;
}
#recruit #sec6 .block_2 .box .col+.col dl {
  padding-bottom: 22px;
}
#recruit #sec6 .block_2 .box .col+.col dl:nth-of-type(2) {
  padding-top: 10px;
}
#recruit #sec6 .block_2 .box dl {
  padding-bottom: 20px;
}
#recruit #sec6 .block_2 .box dl dt {
  font-size: 16px;
  font-weight: bold;
  color: #9a0000;
  line-height: 32px;
  letter-spacing: 0.2px;
}
#recruit #sec6 .block_2 .box dl dd {
  color: #49311d;
  font-size: 13px;
  line-height: 22px;
  letter-spacing: 0.2px;
}
#recruit #sec6 .block_2 .box dl dd p+p {
  padding-top: 23px;
}
#recruit #sec6 .tel {
  text-align: center;
}
#recruit #sec7 {
  padding-bottom: 85px;
}
#recruit #sec7 .mail_box {
  background: url("../img/recruit/bg_1.jpg") repeat center top;
  border: 6px solid;
  border-image: url(../img/recruit/bg_2.jpg) 10 round;
  padding: 54px 0;
}
#recruit #sec7 h2 {
  text-align: center;
}
#recruit #sec7 .txt_1 {
  text-align: center;
  margin-top: -38px;
  line-height: 24px;
}
#recruit #sec7 .note {
  text-align: center;
  color: #c20101;
  padding: 20px 0;
}
#recruit #sec7 input, select{
  width: 200px;
  height: 20px;
  background: #fff;
  border: 1px solid #898989;
}
#recruit #sec7 textarea{
  height: 110px;
  width: 320px;
  resize: none;
}
#recruit #sec7 .col:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
#recruit #sec7 .caption{
  float: left;
  width: 375px;
  text-align: right;
  padding-right: 15px;
  font-size: 13px;
  color: #080b27;
  font-weight: bold;
  padding: 10px 5px;
}
#recruit #sec7 .caption .mark-require{
  color: #c20101;
}
#recruit #sec7 .input{
  float: left;
  width: 588px;
  padding: 10px 5px;
}
#recruit #sec7 .input .note_1{
  display: inline-block;
  vertical-align: middle;
  color: #000;
  padding-left: 5px;
}
#recruit #sec7 .input.w_75 input{
  width: 75px;
}
#recruit #sec7 .input.w_115 input,#recruit #sec7 .input.w_115 select{
  width: 115px;
}
#recruit #sec7 .input.w_140 input{
  width: 140px;
}
#recruit #sec7 .input.w_420 input{
  width: 420px;
}
#recruit #sec7 .submit{
  margin: 0 auto;
  text-align: center;
}
#recruit #sec7 button{
  background: none;
  border: none;
  display: inline-block;
  
}
#recruit [class^='error'] {
  left: 390px;
  bottom: -15px;
}
#recruit .row_1 [class^='error']{
  left: 0;
}

#recruit .thanks_txt{
  text-align: center;
}
#recruit .totop{
  text-align: center;
  padding-bottom: 30px;
}
/*=====================  staff_interview  ========================*/
.staff_interview {
  background: #fff;
  padding: 52px 0;
}
.staff_interview h3 {
  text-align: center;
}
.staff_interview h3 img {
  display: inline-block;
}
.staff_interview .block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  padding: 10px 50px 0 0;
}
.staff_interview .block .col_1 {
  width: 300px;
  padding-top: 37px;
}
.staff_interview .block .col_1 dl {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.6px;
}
.staff_interview .block .col_2 {
  width: 590px;

}
.staff_interview .block .col_2 dl {
  padding-top: 25px;
}
.staff_interview .block .col_2 dl dt {
  font-size: 18px;
  line-height: 40px;
  letter-spacing: 0.6px;
}
.staff_interview .block .col_2 dl+dl {
  padding-top: 27px;
}

/*=====================  RESPONSIVE  ========================*/
.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (max-width: 768px) {
  #recruit {
    min-width: inherit;
  }
  #recruit .wrap {
    width: auto;
    padding: 0 4%;
  }
  #recruit img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
  }
  #recruit .pc {
    display: none;
  }
  #recruit .sp {
    display: block;
  }
  #recruit div#wrapper {
    min-width: inherit;
  }

  /*=============================================*/
  /*               menubtm                       */
  /*=============================================*/
  #recruit {
    /* ナビゲーションアイコン：アクティブ */
    /*! --------------------- Header style -------------------------*/
  }
  #recruit #header .navBtn {
    display: block;
    width: 29px;
    height: 36px;
    position: absolute;
    top: 17px;
    right: 0px;
    cursor: pointer;
    padding: 12px 18px 12px 18px;
    text-align: center;
    font-size: 9px;
    line-height: 27px;
    color: #442206;
  }
  #recruit #header .navBtn span {
    display: block;
    height: 4px;
    width: 100%;
    background: #442206;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  #recruit .navBtn span:nth-of-type(2), #recruit .navBtn span:nth-of-type(3) {
    margin-top: 5px;
  }
  #recruit .navOpen .navBtn span:nth-of-type(1) {
    -webkit-transform: translateY(9px) translateX(0) rotate(45deg);
    -ms-transform: translateY(9px) translateX(0) rotate(45deg);
    transform: translateY(9px) translateX(0) rotate(45deg);
  }
  #recruit .navOpen .navBtn span:nth-of-type(2) {
    margin-top: 5px;
    opacity: 0;
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
  }
  #recruit .navOpen .navBtn span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
    transform: translateY(-9px) translateX(0) rotate(-45deg);
  }
  #recruit .button-toggle {
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0px;
    width: 60px;
  }
  #recruit .button-toggle span {
    background: #000 none repeat scroll 0 0;
    display: block;
    height: 4px;
    margin-top: 5px;
  }
  #recruit .menu_toggle .child {
    padding-left: 35px;
  }
  #recruit .menu_toggle .child a:after {
    left: 40px;
  }
  #recruit .menu_toggle {
    position: fixed;
    top: 0px;
    left: -100%;
    background: url(../img/shared/bg_ul.jpg);
    -webkit-box-shadow: inset 0px 0px 6px #474343;
    -moz-box-shadow: inset 0px 0px 6px #474343;
    -ms-box-shadow: inset 0px 0px 6px #474343;
    -o-box-shadow: inset 0px 0px 6px #474343;
    box-shadow: inset 0px 0px 6px #474343;
    color: #999;
    z-index: 99;
    height: 100%;
    width: 100% !important;
    overflow-y: auto;
  }
  #recruit .menu_toggle ul {
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
  }
  #recruit .menu_toggle li {
    position: relative;
    padding: 3px 5px;
    border-bottom: 1px dotted #615f5f;
    clear: both;
  }
  #recruit .menu_toggle a {
    display: block;
    color: #442206;
    text-decoration: none;
    line-height: 20px;
    font-size: 14px;
  }
  #recruit .menu_toggle li.active {
    background: url(../img/shared/bg_f.png);
  }
  #recruit .menu_toggle ul li a {
    display: block;
    padding: 6px 0 6px 30px;
  }
  #recruit .menu_toggle ul li a:after {
    content: '';
    display: inline-block;
    width: 1em;
    text-align: center;
    line-height: 1em;
    background: url(../img/shared/nav_icon.png) no-repeat center right;
    position: absolute;
    left: 8px;
    top: 0px;
    bottom: 0px;
    background-size: 49%;
  }
  #recruit .close_btn {
    width: 100%;
    height: 40px;
    padding-top: 1px;
    cursor: pointer;
    color: #442206;
    text-decoration: none;
    font-size: 18px;
    display: block;
    letter-spacing: 0.1em;
    line-height: 30px;
    text-align: center;
    z-index: 100;
  }
  #recruit .close_btn span {
    font-size: 26px;
    font-weight: bold;
    position: relative;
    top: 5px;
  }
  #recruit .close_btn2 {
    padding: 3px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #000;
    text-decoration: none;
    font-size: 30px;
    display: block;
    letter-spacing: 0.1em;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 2px;
    right: 35px;
    z-index: 9;
  }
  #recruit #header {
    min-width: inherit;
    min-height: inherit;
  }
  #recruit #belt {
    position: fixed;
    left: 0;
    top: 0;
    color: #442206;
    width: 100%;
    z-index: 9999;
  }
  #recruit #hd_top {
    background: url(../img/shared/bg_w.png) repeat-x left top, url(../img/shared/bg.jpg) repeat center top;
    position: relative;
    height: 86px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
  }
  #recruit #logo {
    position: absolute;
    top: 5px;
    left: 7px;
    width: 90px;
  }
  #recruit h1 {
    line-height: 16px;
    font-size: 75%;
    color: #988a7e;
    position: absolute;
    top: 90px;
    left: 100px;
    right: 4%;
    width: auto;
    text-align: center;
  }
  #recruit .topnavi {
    position: absolute;
    bottom: 0;
    right: 65px;
    height: 70px;
  }
  #recruit .topnavi li {
    display: inline-block;
    position: relative;
    width: 60px;
    vertical-align: top;
  }
  #recruit .topnavi li a {
    color: #442206;
    font-size: 11px;
    line-height: 23px;
    text-align: center;
    display: block;
    height: 100%;
    margin-top: 8px;
    padding-top: 5px;
    width: 100%;
    border-right: 1px dotted rgba(68, 34, 6, 0.8);
    text-decoration: none;
  }
  #recruit .topnavi li a:hover {
    text-decoration: none;
  }
  #recruit .topnavi li a[class^="icon-"]:before {
    display: block;
    width: 100%;
    padding-bottom: 4px;
    font-size: 19px;
    font-weight: normal;
    color: #442206;
  }
  #recruit .topnavi .button-toggle {
    padding-top: 19px;
    padding-bottom: 12px;
  }
  #recruit .topnavi .button-toggle:before, #recruit .topnavi .button-toggle:after {
    content: '';
  }
  #recruit .topnavi .button-toggle span, #recruit .topnavi .button-toggle:before, #recruit .topnavi .button-toggle:after {
    height: 4px;
    display: block;
    background: #000;
    width: 33px;
    margin: 0 auto 7px auto;
  }
  #recruit .topnavi .button-toggle span {
    text-indent: -9999px;
  }
  #recruit #telnavi {
    margin-right: -4px;
  }
  #recruit #telnavi a {
    border-left: 1px dotted rgba(68, 34, 6, 0.8);
  }
  #recruit #key {
    padding-top: 86px;
    position: relative;
    z-index: 500;
    overflow: hidden;
    height: auto;
    min-width: inherit;
  }
  #recruit #key .key_ttl {
    padding-top: 50px;
  }
  #recruit div#footer_bg {
    min-width: inherit;
  }
  #recruit div#footer {
    width: auto;
  }
  #recruit #pagetop {
    width: 70px;
  }

  /*! --------------------- container -------------------------*/
  #recruit br {
    display: none;
  }
  #recruit br.sp {
    display: block;
  }
  #recruit #sec1 {
    padding-bottom: 0;
  }
  #recruit #sec1 .box {
    width: auto;
    margin-left: 0;
    padding-top: 0;
  }
  #recruit #sec1 .box h2 {
    padding: 0 10%;
  }
  #recruit #sec1 .box .txt {
    padding: 10px 0 0;
  }
  #recruit #sec1 .img_1, #recruit #sec1 .img_2, #recruit #sec1 .img_3 {
    position: static;
    padding-top: 20px;
    margin: 0;
  }
  #recruit #sec2 {
    background: none;
  }
  #recruit #sec2 .block_1 {
    padding-bottom: 0;
  }
  #recruit #sec2 .block_1 h2 {
    margin: 0 -4%;
  }
  #recruit #sec2 .block_1 .box {
    width: auto;
    margin-right: 0;
    margin-left: 0;
    margin-top: -30%;
    position: relative;
    z-index: 2;
    padding: 50px 4%;
  }
  #recruit #sec2 .block_1 .box:before {
    content: '';
    position: absolute;
    top: -35px;
    left: 0;
    width: 150px;
    height: 36px;
    background: url("../img/recruit/sp_sec2_catch_1.png") no-repeat center top/100% auto;
  }
  #recruit #sec2 .block_1 .box .txt {
    padding: 20px 0 0;
  }
  #recruit #sec2 .block_2 {
    padding-bottom: 20px;
  }
  #recruit #sec2 .block_2 h3 {
    position: static;
    margin: 0 -4%;
  }
  #recruit #sec2 .block_2 ul {
    padding: 0;
    width: auto;
    margin-top: -12%;
  }
  #recruit #sec2 .block_2 ul li {
    width: 45%;
  }
  #recruit #sec2 .block_2 .txt {
    padding: 20px 0 0;
  }
  #recruit #sec3 {
    padding-bottom: 50px;
  }
  #recruit #sec3:before, #recruit #sec3:after {
    display: none;
  }
  #recruit #sec3 h2 {
    margin: 0 -4%;
    padding: 0;
  }
  #recruit #sec3 .box h3 {
    margin: -40% 0 -5%;
  }
  #recruit #sec3 .box .txt {
    width: auto;
    padding: 0;
  }
  #recruit #sec4 {
    padding: 0 0;
  }
  #recruit #sec4 .img_1 {
    position: static;
  }
  #recruit #sec4 .note {
    padding: 20px 4%;
  }
  #recruit #sec4 .slider {
    width: auto;
    padding: 0 4%;
  }
  #recruit #sec4 .slider .slick-slide {
    width: auto;
    padding: 0 10px;
  }
  #recruit #sec4 .slider .slick-arrow {
    top: auto;
    bottom: -20px;
    width: 30px;
    height: 30px;
  }
  #recruit #sec4 .slider .slick-next {
    right: 6.3%;
  }
  #recruit #sec4 .slider .slick-prev {
    left: 6.3%;
  }
  #recruit #sec4 .slider .slick-dots {
    text-align: center;
    width: 100%;
    margin-top: 20px;
  }
  #recruit #sec4 .slider .slick-dots li {
    display: inline-block;
    margin: 0 5px;
  }
  #recruit #sec4 .slider .slick-dots li button {
    background: #fff;
    border: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    box-sizing: border-box;
    text-indent: -99999px;
  }
  #recruit #sec4 .slider .slick-dots li.slick-active button {
    background: #b00606;
  }
  #recruit #sec5 {
    padding: 50px 0;
  }
  #recruit #sec5 h2 {
    margin-left: 0;
  }
  #recruit #sec5 ul {
    display: block;
    width: 320px;
    margin: 0 auto;
  }
  #recruit #sec5 ul li {
    margin-top: 20px !important;
  }
  #recruit #sec5 ul li:before {
    display: none !important;
  }
  #recruit #sec5 .img_1 {
    position: static;
    width: 270px;
    margin: 20px auto 0;
  }
  #recruit #sec5 .img_1:before {
    display: none;
  }
  #recruit #sec6 h2 {
    padding: 60px 0 20px;
    width: 80%;
    margin: 0 auto;
  }
  #recruit #sec6 .block_1 {
    padding: 60px 4%;
  }
  #recruit #sec6 .block_1 h3 {
    width: 80%;
    margin: 0 auto;
  }
  #recruit #sec6 .block_1 .box {
    display: block;
    padding: 30px 0 0;
  }
  #recruit #sec6 .block_1 .box .col {
    width: auto;
  }
  #recruit #sec6 .block_2 {
    padding: 40px 4%;
  }
  #recruit #sec6 .block_2 h3 {
    width: 80%;
    margin: 0 auto;
  }
  #recruit #sec6 .block_2 .img_1 {
    position: static;
    margin-top: 20px;
  }
  #recruit #sec6 .block_2 .box {
    display: block;
    padding: 30px 0 0;
    width: auto;
  }
  #recruit #sec6 .block_2 .box .col {
    width: auto;
  }
  #recruit #sec7 .mail_box {
    padding: 40px 4%;
  }
  #recruit #sec7 .mail_box .txt_1 {
    margin-top: -7%;
  }

  #recruit #sec7 input, select{
    width: 100%;
    height: 20px;
  }
  #recruit #sec7 textarea{
    height: 110px;
    width: 100%;
    resize: none;
  }
  #recruit #sec7 .col:after {
    content: "." !important;
    clear: both !important;
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
  }
  #recruit #sec7 .caption{
    float: left;
    width: 100px;
    text-align: right;
    padding-right: 15px;
    font-size: 13px;
    color: #080b27;
    font-weight: bold;
    padding: 10px 10px 10px 5px;
    position: relative;
    
  }
  #recruit #sec7 .caption .mark-require{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  #recruit #sec7 .input{
    float: left;
    width: calc(100% - 130px);
    padding: 10px 5px;
  }
  #recruit #sec7 .input .note_1{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    padding-left: 5px;
  }
  #recruit #sec7 .input.w_75 input{
    width: 100%;
  }
  #recruit #sec7 .input.w_115 input,#recruit #sec7 .input.w_115 select{
    width: 100%;
  }
  #recruit #sec7 .input.w_140 input{
    width: 100%;
  }
  #recruit #sec7 .input.w_420 input{
    width: 100%;
  }
  #recruit #sec7 .submit{
    margin: 0 auto;
    text-align: center;
  }
  #recruit #sec7 button{
    display: block;   
    margin: auto; 
  }
  #recruit [class^='error'] {
    left: 120px;
    bottom: -15px;
  }
  #recruit .row_1 [class^='error']{
    left: 5px;
  }

  #confirmWindow, #confirmBody {
    display: none;
  }

  div#footer {
    padding: 6% 4% 2%;
  }
  div#footer #logo_ft {
    float: none;
    width: 86px;
    margin: 0 auto 15px;
  }
  div#footer p#tel_ft {
    width: 230px;
    margin: 0 auto 5px;
    float: none;
    padding-top: 0;
  }
  div#footer .vcard {

    margin: 0 auto;
    max-width: 430px;
  }
  div#footer .vcard dd {
    margin-left: 60px;
    padding-left: 11px;
    margin-top: -28px;
    position: relative;
  }
  div#footer #socialbuttons {
    text-align: center;
    line-height: 10px;
  }
  div#footer #socialbuttons div {
    display: inline-block;
    margin-right: 5px;
  }
  div#footer #socialbuttons .twitter {
    margin-right: 0;
  }
  div#footer #socialbuttons .google {
    margin-right: -30px;
  }
  div#footer address {
    color: #84785e;
    text-align: center;
    line-height: 27px;
    font-size: 80%;
    font-style: normal;
  }

  .staff_interview {
    background: #fff;
    padding: 40px 0;
  }
  .staff_interview h3 {
    padding: 0 10%;
  }
  .staff_interview .block {
    display: block;
    padding: 30px 0 0;
  }
  .staff_interview .block .col_1 {
    width: auto;
    padding-top: 35px;
    text-align: center;
    padding: 0 20% 0;
  }
  .staff_interview .block .col_1 dl {
    padding-top: 20px;
  }
  .staff_interview .block .col_2 {
    width: auto;
    height: auto;
    overflow: auto;
  }
}