@charset "UTF-8";

/***************************
ƒIƒŠƒWƒiƒ‹ƒXƒ^ƒCƒ‹
***************************/

#wraper_header {
	padding-top: 35px;
	}

.wrap_head_menu {
	width: 100%;
	height: 40px;
	background: #ffba00;
	}


#menu {
	display:none;
}
/*Media Queries*/
@media screen and (max-width: 768px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

.dial {
	text-align: center;
	line-height: 2.5em;
	}

.dial a{
	text-decoration: none;
	}

#wraper_contents {
	margin-top: 30px;
	}

.group_nav {
	width: 100%;
	padding: 0 1%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.group_nav ul li{
	width: 100%;
	margin-top: 10px;
	background: #ececec;
	padding: 2%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.box table {
	table-layout: fixed;
	}

.group_nav_image {
	float: left;
	width: 35%;
	}

.group_nav_example {
	float: left;
	width: 65%;
	}

.group_nav_example ul li{
	margin-top: 0px;
	margin-left: 5px;
	font-size: 10px;
	}

.bana_area {
	width: 100%;
	padding: 0 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	}

.bana_area ul li {
	margin-top: 10px;
	}

.wrap_main_recult {
	width: 100%;
	background : url("../../image/sp/recult_bg.png");
	margin: 20px 0;
	padding: 10px 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;	
	}

.wrap_main_recult h2 {
	margin-bottom: 10px;
	}

.recult_box {
	background: #FFF;
	padding: 10px;
	margin-bottom: 10px; 
	}

.shop_image {
	border: solid 3px #181111;
	}

.shop_logo {
	width: 25%;
	margin-top: 10px;
	}

.shop_example {
	margin-top: 10px;
	}

.shop_example span{
	color: #FF0000;
	}

.shop_example p{
	font-size: 12px;
	}

.icon_area ul{
	width: 95%;
	margin: 0 auto;
	}

.icon_area ul li{
	display: inline-block;
	width:15%;
	}

.icon_area ul li img{
	margin-top: 5px;
	}

.recult_information {
	width: 95%;
	margin: 0 auto;
	}

.recult_information table{
	width: 100%;
	table-layout: fixed;
	}

.recult_information table th{
	width: 20%;
	padding: 2%;
	white-space: nowrap;
	border-bottom: dotted 1px #000;
	font-size: 11px;
	color: #FF0000;
	vertical-align: top;
	}

.recult_information table td{
	width: 100%;
	padding: 2%;

	border-bottom: dotted 1px #000; 
	font-size: 11px;
	}

.wrap_fb {
	width: 100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;	
	}

.fb {
	width: 300px;
	margin: 0 auto;
	}


#wraper_footer {
	margin-top: 15px;
	width: 100%;
	}

.wrap_footer {
	padding: 0 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
 	background: #ffba00;
 	width: 100%;
 	vertical-align: bottom;
	}

.footer_logo {
	float: left;
	width: 40%;
	margin-top: 18%;
	padding: 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	}

.footer_logo img {
	vertical-align: middle;
	}

.footer_menu {
	float: left;
	width: 60%;	
	padding: 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	}

.footer_menu ul li{
	margin-top: 5px;
	color: #000;
	line-height: 1.6em;
	font-size: 11px;
	}

.footer_menu ul li a{
	text-decoration: none;
	}

.footer_menu ul li a:link{ #000	}
.footer_menu ul li a:hover{ #000 }
.footer_menu ul li a:active{ #000 }
.footer_menu ul li a:visited{ #000 }

.copy_right {
	line-height: 2.5em;
	background: #ffe9ad;
	text-align: center;
	font-size: 10px;
	color: #ffba00;
	}



/*group*/

#group {
	margin-top: 30px;	
}

#group li{
	width: 100%;
	padding: 25px 10px 15px 10px;
	margin: 0 0 15px 0;
	background:#FFF url(../../image/sp/back.png) no-repeat;	
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;	

	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	}
	
#group dt{
	margin:0 0 15px 0;
	}


#group dd .ph{
	margin:0 0 15px 0;
	}

#group dd .ph img{
	width:25%;
	border: #efefef 5px solid;
	}

#group p{
	margin:0 15px 15px 15px;
	}

#group p.title{
	margin:0 0 15px 0;
	border-bottom: #ccc 1px dotted;
	}

#group p em{
	display:block;
	color:#F90;
	font-size:18px;
	margin:0 0 0 -15px
	}

#group p.title span{
	display:block;
	border-left: 5px #333 solid;
	margin:0 0 5px 10px;
	padding:0 0 0 10px;
	font-size:18px;
	color:#333
	}

#group .access{
	clear:both;
	border:5px solid #efefef;
	padding:10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	}

#group .access h3{
	font-weight:600;
	color:#666;
	}

#group table{
	width: 100%;
	}

#group th{
	padding: 10px;
	width: 7em;
	border:#fff 2px solid;
	background:#efefef;
	}

#group td{
	padding: 10px;
	border:#fff 1px solid;
	}


#group dd .left{
	width:210px;
		float:left;
	}

#group dd .right{
	width:410px;
	float:right;
	}

#group .box{
	margin:0 0 15px 0;
	}

#group .recruit_bt{
	text-align:center;
	}

#group .recruit_bt img {
	width: 100%;
	}


/*  tainyu  */

#tainyu_detail{
	width: 100%; 
	background:url(../../image/sp/exprience_back.png) no-repeat 0 15px;
	-moz-background-size:contain;
	-webkit-background-size:contain;
	-o-background-size:contain;
	-ms-background-size:contain;
	}

#tainyu p.title{
	text-align:center;
	margin:0 0 15px 0;
	}

#tainyu .inner_box{
	padding:0 45px;
	font-size:16px;
	margin:0 0 15px 0;
	}

#explane{
	width:100%;
	background:url(../images/tainyu/explane/body.jpg) repeat-y;
	font-size:16px;
	margin:0 auto 50px auto;
	}

#exp{
	width: 100%;
	margin:0 auto 50px auto;
	}

#explane_body{
	padding:0 25px;
	}

#explane p{
	}

#explane dt{
	color:#F69;
	font-size:20px;
	border-bottom:1px dotted #ccc;
	padding:0 0 5px 0;
	margin:35px 0 5px 0;
	}

#explane dd{
	border-bottom:1px dotted #ccc;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	}


/*flow*/

#contents{
	margin:5px 0 0 0;
	width:100%;
	min-height:500px;
	float:left;
	background:url(../../image/sp/contents_back.jpg) repeat-x;
	}


#flow_box{
	margin:15px 0;
	padding:0 15px; 
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	}

.box h2{
/*	background:url(../images/common/title/1.jpg) repeat-x bottom;*/
	padding:10px 15px 0 10px;
	margin:0 0 20px 0;
	font-size:16px;
	color:#7D671A;
	border-bottom:#663 1px solid;
	}

.box table td a{
	width: 100%;
	font-size: 10px;
	}


#flow_box p{
	margin:0 0 25px 0
	}

#step dd{
	background:url(../../image/sp/backas.jpg);
	width:100%;
	padding:25px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
	margin:0 0 25px 0;
	}

#step dd img{
	float:left;
	border:#FFF 3px solid;
	margin:0 15px 0 0;
	}

.flow_text{
	font-size:12px;
	text-align:center;
	}

/*  contact   */

#contact {
	margin-bottom: 20px;
	}

#contact_box{
	margin:0 15px;
	}

#contact_box p{
	margin:0 0 15px 0;
	}

#contact_box table{
	margin:0 0 25px 0;
	width:100%;
	}

#contact_box th{
	padding:15px;
	width:10em;
	background:#efefef;
	border-bottom:#FFF 4px solid;
	}

#contact_box th em{
	color:#F00
	}

#contact_box td{
	padding:15px;
	border-bottm:#FFF 4px solid;
	}

#contact_box .contact_bt{
	text-align:center;
	}

#name{
	width:100%;
	}

#furi{
	width:100%;
	}

#mail{
	width:100%;
	}

#tel{
	width:100%;
	}

#naiyo{
	width:100%;
	height:10em;
	}




.bn{
	text-align:center;
	}

#form_bt{
	text-align:center;
	}

.error_msg{
	text-align:center;
	color:#F00;
	}

.error{
	background: #FCC
	}


.gmap{
	width: 100%;
	height: 350px;
	}