@charset "utf-8";
/* CSS Document */

/*--------------------
基本設定
---------------------*/

html{
    -webkit-text-size-adjust: none;
}

body {
	margin:0;
	padding:0;
	font-size:16px;
	color:#111;
    font-family: "新丸ゴ R", Shin Go Regular,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-repeat:repeat;
	background-color:#fff;
	line-height:1.6em;
}

#wrap {
	padding-top:70px;
}
@media screen and (max-width: 800px) {
  #wrap {
		padding-top:60px;
  }
}

ul , li , h1 , h2 , h3 ,h4 , h5 , h6 , table , tr , td , img , p , a , div , form , dl , dt , dd {
	margin:0;
	padding:0;
}

a {
	color:#ee8a01;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
	outline:none;
}

a:link{
	color:#111;
	border:none;
	text-decoration:underline;
	background-repeat:no-repeat;
}

a:visited {
	color:#111;
	text-decoration: underline;
}
a:hover {
	color:#111;
	text-decoration:none;
}

ul , li {
	list-style-type:none;
}

img {
	border:0;
	max-width:100%;
}

a:hover img {
/*	opacity:0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
	background: #fff;*/
}


table {
	border-collapse:collapse;
}

h1 , h2 , h3 {
	letter-spacing: 0.1em;
	font-weight: normal;
}

/*--------------------
clearfix
---------------------*/

.clearfix {
    /**zoom: 1;*/
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/*--------------------
汎用設定
---------------------*/

br.clear {
	clear:both;
}

img.border {
	padding:2px;
	border:solid 1px #333;
}

a.noborder {
	text-decoration:none;
}

span.ajust {
	text-indent:-9999px;
}


span.bold {
	font-weight:bold;
}

span.bold2 {
	font-weight:bold;
	font-size:14px;
}

span.red_bold {
	font-weight:bold;
	color:#e21212;
}

span.red_bold2 {
	font-weight:bold;
	color:#e21212;
	font-size:14px;
}

span.bg {
	background-color:#000;
	color:#FFF;
	margin-left:3px;
	margin-right:3px;
}

span.bg2 {
	background-color:#e21212;
	color:#FFF;
	margin-left:3px;
	margin-right:3px;
}

p {
    font-family: "新丸ゴ R", Shin Go Regular,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height:1.7em;
}

.font_normal {
    font-family: "新丸ゴ R", Shin Go Regular,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.font_min {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

@media screen and (max-width: 480px) {
  iframe {
	  max-width: 100%;
  }
}

/*--------------------
header
---------------------*/


header {
	width:100%;
	height:70px;
	position: fixed;
	top:0;
	z-index: 100;
	background-color: #FFF;
}
@media screen and (max-width: 1000px) {
  header {
		height:70px;
  }
}
@media screen and (max-width: 800px) {
  header {
		height:60px;
  }
}
@media screen and (max-width: 600px) {
  header {
		height:60px;
  }
}

header nav {
	max-width:1200px;
	margin:0 auto;
}

.page_top_padding {
	padding-top:70px;
}
@media screen and (max-width: 1000px) {
  .page_top_padding {
		padding-top:70px;
  }
}
@media screen and (max-width: 800px) {
  .page_top_padding {
		padding-top:60px;
  }
}
@media screen and (max-width: 600px) {
  .page_top_padding {
		padding-top:60px;
  }
}

.sp_top_padding {
	
}
@media screen and (max-width: 800px) {
  .sp_top_padding {
		padding-top:0px !important;
  }
}


div#logo {
	width:142px;
	height:38px;
	text-indent: -9999px;
	float:left;
	margin:16px 0px 0px 10px;
}
@media screen and (max-width: 800px) {
  div#logo {
		width:110px;
		height:30px;
		margin:0px auto 0px auto;
		padding:16px 0px 0px 0px;
		float:none;
  }
}
@media screen and (max-width: 480px) {
  div#logo {
  }
}

div#logo a {
	display:block;
	width:142px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url(../images/logo.png);
	background-size:142px auto;
}
@media screen and (max-width: 800px) {
  div#logo a {
		width:110px;
		height:30px;
		background-size:110px auto;
  }
}

#header_menu {
	display: none;
	width:60px;
	height:60px;
	margin:0px 0px 0px 0px;
}
@media screen and (max-width: 800px) {
  #header_menu {
	  display: block;
	  margin:0px 0px 0px 0px;
	  position: absolute;
	  top:0;
	  left:0;
  }
}
#header_menu a {
	width:60px;
	height:60px;
}

#header_menu a span {
	display: block;
	width:21px;
	height:14px;
	background-image:url(../images/menu_icon.png);
	background-size:21px 28px;
	margin:20px auto 0px auto;
}


header nav {
	width:100%;
	height:70px;
	position: relative;
}
@media screen and (max-width: 800px) {
  header nav {
		height:60px;
  }
}

ul#navi {
	height:70px;
	float:right;
	font-size:0;
	padding-right:10px;
}
@media screen and (max-width: 1000px) {
  ul#navi {
		padding-right:0px;
  }
}
@media screen and (max-width: 800px) {
  ul#navi {
		height:60px;
  }
}


ul#navi li {
	padding:0px 0px 0px 0px;
	height:70px;
	font-size:15px;
	display: inline-block;
}
@media screen and (max-width: 800px) {
  ul#navi li {
		height:60px;
  }
}

ul#navi li a {
	display:block;
	height:100%;
	overflow:hidden;
	text-decoration: none;
	font-weight:normal;
	text-align: center;
	padding:20px 25px 0px 25px;
	box-sizing: border-box;
	position: relative;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 1000px) {
  ul#navi li a {
		padding:20px 20px 0px 20px;
  }
}
@media screen and (max-width: 900px) {
  ul#navi li a {
		padding:20px 12px 0px 12px;
		font-size:14px;
  }
}


@media screen and (max-width: 800px) {
  ul#navi  {
	  display: none;
  }
}


ul#navi .n_twitter , ul#navi .n_facebook {
	text-indent: -9999px;
}

ul#navi .n_twitter a , ul#navi .n_facebook a {
	background-position: center center;
	padding:20px 20px 0px 20px;
}

ul#navi .n_twitter a {
	background-image:url(../images/header_sns_twitter.png);
	background-size: 20px auto;
}

ul#navi .n_facebook a {
	background-image:url(../images/header_sns_facebook.png);
	background-size: 8px auto;
}


ul#navi li a:before {
	position: absolute;
    background: #a0ca1f;
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    left: 0%;
    bottom: 0px;
    transform: scale(0);
    transition: all .2s ease-out;
}

ul#navi li a:hover:after , ul#navi li a:hover:before {
    transform: scale(1);
}

ul#navi li a:hover {
}

ul#navi .selected a {
	background-color: #f2f2f2;
}







/* OPEN / CLOSE BTNS */

.menu-btn {
}

.menu-btn a {
    display: inline-block;
    text-decoration: none;
    /* safari hack */
}




/*--------------------
footer
---------------------*/

footer {
    background-color: #f6f6f6;
}

footer #footer_menu_wrap {
    padding:20px 0px;
}
@media all and (max-width: 640px) {
    footer #footer_menu_wrap {
    }
}

footer #footer_menu_wrap #footer_menu {
    max-width: 1200px;
    margin:0px auto 0px auto;
}
@media all and (max-width: 1300px) {
    footer #footer_menu_wrap #footer_menu {
    }
}
@media all and (max-width: 1210px) {
    footer #footer_menu_wrap #footer_menu {
        width: 98%;
    }
}
@media all and (max-width: 800px) {
    footer #footer_menu_wrap #footer_menu {
        width: 96%;
    }
}
@media all and (max-width: 640px) {
    footer #footer_menu_wrap #footer_menu {
    }
}


footer #footer_menu {
	margin:0px 0px 40px 0px;
	padding:40px 0px 40px 0px;
}
@media all and (max-width: 1000px) {
    footer #footer_menu {
		padding:40px 0px 20px 0px;
    }
}
@media all and (max-width: 640px) {
    footer #footer_menu {
		margin:0px 0px 0px 0px;
		padding:20px 0px 20px 0px;
    }
}

footer #footer_menu #footer_logo {
	width:28%;
	float:left;
}
@media all and (max-width: 1000px) {
    footer #footer_menu #footer_logo {
		width:50%;
    }
}
@media all and (max-width: 640px) {
    footer #footer_menu #footer_logo {
		width:100%;
		text-align: center;
		margin:0px 0px 20px 0px;
    }
}

footer #footer_menu #footer_logo #f_logo {
	    margin:0px 0px 20px 0px;
}

footer #footer_menu #footer_logo #f_logo a {
	display: block;
	width:142px;
	height:38px;
	text-indent:-9999px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-size: 142px auto;
}
@media all and (max-width: 800px) {
    footer #footer_menu #footer_logo #f_logo a {
    }
}
@media all and (max-width: 640px) {
    footer #footer_menu #footer_logo #f_logo a {
	    margin:0px auto 0px auto;
    }
}

footer #footer_menu #footer_logo p {
	margin:0px 0px 0px 0px;
	font-size:14px;
}
@media all and (max-width: 1000px) {
    footer #footer_menu #footer_logo p {
    }
}

footer #footer_menu .footer_privacy {
	font-size:14px;
	width:46%;
	float:right;
	text-align: right;
}
@media all and (max-width: 640px) {
    footer #footer_menu .footer_privacy {
		width:100%;
		text-align: center;
    }
}

footer #footer_menu .footer_privacy a {
	text-decoration: none;
}

footer #footer_bottom {
	text-align:center;
	padding-bottom:10px;
}

footer #footer_bottom #copyright {
	font-size:11px;
	color:#999;
	margin-top:5px;
}


/*--------------------
contetns 全体設定
---------------------*/

/* section */

section {
    width: 100%;
    padding: 80px 0px 80px 0px;
}
@media all and (max-width: 640px) {
    section {
        box-sizing: border-box;
		padding: 60px 0px 60px 0px;
    }
}

.seciton_padding0 {
    padding: 0px 0px 0px 0px;
}
@media all and (max-width: 800px) {
    .seciton_padding0 {
        padding: 0px 0 0px 0;
    }
}


/* コンテンツボックス */

.contents {
    max-width: 1200px;
    margin: 0 auto;
}
@media all and (max-width: 1210px) {
    .contents {
        width: 98%;
    }
}
@media all and (max-width: 800px) {
    .contents {
        width: 96%;
	    padding:20px 0px 20px 0px;
    }
}
@media all and (max-width: 480px) {
    .contents {
        width: 100%;
	    padding:10px 0px 10px 0px;
    }
}



.contents_1000 {
    max-width: 1000px;
    margin: 0 auto;
}
@media all and (max-width: 1010px) {
    .contents_1000 {
        width: 98%;
    }
}
@media all and (max-width: 800px) {
    .contents_1000 {
        width: 96%;
	    padding:20px 0px 20px 0px;
    }
}
@media all and (max-width: 480px) {
    .contents_1000 {
        width: 100%;
	    padding:10px 0px 10px 0px;
    }
}


@media all and (max-width: 1200px) {
    .contents_left_right {
        width: 100%;
        
    }
}


/* 見出し */

.title_center {
	font-size:28px;
	line-height:1.6em;
	text-align: center;
	margin:0px 0px 40px 0px;
}
@media all and (max-width: 1210px) {
   	.title_center {
        width: 90%;
		margin:0px auto 40px auto;
    }
}
@media all and (max-width: 640px) {
   	.title_center {
        width: 90%;
	   	font-size:24px;
	   	line-height:30px;
		margin:0px auto 30px auto;
    }
}

.title_center span {
	font-size:12px;
	line-height:1.6em;
	display: block;
	color:#666;
}

.title_center div {
	display: inline-block;
	position: relative;
	padding:0px 70px 0px 70px;
}
@media all and (max-width: 480px) {
   	.title_center div {
		padding:0px 0px 0px 0px;
    }
}



.page_title {
	font-size:40px;
	line-height:1.6em;
	text-align: center;
	padding:0px 20px 80px 20px;
	color:#a0ca1f;
}
@media all and (max-width: 1000px) {
    .page_title {
    }
}
@media all and (max-width: 800px) {
    .page_title {
    }
}
@media all and (max-width: 640px) {
    .page_title {
		font-size:32px;
		padding:0px 20px 40px 20px;
		margin-top:-30px;
    }
}


.page_title .jp {
	font-size:14px;
	line-height:1.6em;
	display: block;
	color:#111;
}

.page_title .border {
    background-color: #a0ca1f;
    display: block;
    width: 20px;
    height: 2px;
    margin: 0px auto 20px;
}


.page_title_sub {
	color:#a0ca1f;
	font-size:14px;
	line-height:1.6em;
	margin:0px 0px 40px 0px;
	background-image: url(../images/back_arrow.png);
	background-repeat: no-repeat;
	background-size: 8px auto;
	padding-left:16px;
	background-position: left center;
}
@media all and (max-width: 800px) {
    .page_title_sub {
	    width:88%;
		margin:-40px auto 40px auto;
    }
}
@media all and (max-width: 640px) {
    .page_title_sub {
	    width:86%;
		margin:-30px auto 40px auto;
    }
}

.page_title_sub .border {
    background-color: #a0ca1f;
    display: block;
    width: 20px;
    height: 1px;
    margin: 0px 0px 20px 0px;
}

.page_title_sub a {
	color:#a0ca1f;
}

.text1 {
	max-width: 800px;
	margin:0 auto 40px auto;
}


/* ボタン */

.center_button1 {
	max-width:50%;
	margin:0px auto 20px auto;
}
@media all and (max-width: 800px) {
   	.center_button1 {
		max-width:80%;
    }
}

.center_button1 a {
	display: block;
	font-size:18px;
	text-align: center;
	background-color: #a0ca1f;
	color:#fff;
	padding:20px 10px;
	text-decoration: none;
	position: relative;
}
@media all and (max-width: 640px) {
   	.center_button1 a {
		padding:15px 10px;
		font-size:16px;
    }
}

.center_button1 a::before,
.center_button1 a::after {
  position: absolute;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
}
.center_button1 a::before {
  top: -1px;
  left: -1px;
}
.center_button1 a::after {
  bottom: -1px;
  right: -1px;
}
.center_button1 a:hover {
  color: #fff;
}
.center_button1 a:hover::before,
.center_button1 a:hover::after {
  width: 100%;
  height: 100%;
}
.center_button1 a:hover::before {
  border-bottom-color: #8db80a;
  border-left-color: #8db80a;
  transition: height .3s, width .3s .3s;
}
.center_button1 a:hover::after {
  border-top-color: #8db80a;
  border-right-color: #8db80a;
  transition: height .3s, width .3s .3s;
}


.center_button1 a .arrow {
	width:7px;
	height:12px;
	background-image: url(../images/button_arrow_black2.png);
	background-size: 7px auto;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top:40%;
	right:10px;
}
@media all and (max-width: 640px) {
   	.center_button1 a .arrow {
		top:40%;
    }
}

.center_button1 a:hover .arrow {
	background-position: 0px -12px;
}




div.page_navi {
	text-align:center;
	padding:40px 0px 40px 0px;
}

.wp-pagenavi {
	clear: both;
}

.wp-pagenavi .pages {
	display: none;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #222;
	background-color:#FFF;
	padding: 10px 14px;
	margin: 4px;
	color:#222;
	font-size:16px;
	border-radius: 4px;
}
@media all and (max-width: 800px) {
    .wp-pagenavi a, .wp-pagenavi span {
	    display: inline-block;
		margin: 8px;
    }
}
@media all and (max-width: 640px) {
    .wp-pagenavi a, .wp-pagenavi span {
		padding: 8px 12px;
		margin: 5px;
    }
}

.wp-pagenavi .extend {
	display: none;
}

@media all and (max-width: 640px) {
    .wp-pagenavi .extend , .wp-pagenavi .last {
	    display: none;
    }
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color:#111;
	border: 1px solid #111;
	color:#FFF;
}

.wp-pagenavi span.current {
}



.sp_br {
	display: none;
}
@media all and (max-width: 640px) {
    .sp_br {
	    display: block;
    }
}


/* フェードイン */

.scroll_fadein {
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
	    -webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
	     -o-transition: 0.5s ease-in-out;
	        transition: 0.5s ease-in-out;
}
.fadein_mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}


/*--------------------
メインビジュアル
---------------------*/

#main_visual {
	height: 600px;
	overflow: hidden;
	text-align: center;
	max-width:1600px;
	margin:0 auto;
	position: relative;
	
}
@media all and (min-width: 1600px) {
   	#main_visual {
		height: 700px;
    }
}
@media all and (max-width: 1200px) {
   	#main_visual {
		height: 500px;
    }
}
@media all and (max-width: 800px) {
   	#main_visual {
		height: 400px;
    }
}
@media all and (max-width: 640px) {
   	#main_visual {
		height: 300px;
    }
}

#main_visual .image_bg {
	height:100%;
	background-size: cover;
	background-position: center center;
	margin:0px 0px 0px 50px;
}
@media all and (min-width: 1600px) {
   	#main_visual .image_bg {
		margin:0px 50px 0px 50px;
    }
}
@media all and (max-width: 1250px) {
   	#main_visual .image_bg {
		margin:0px 0px 0px 0px;
    }
}


#main_visual .main_catch {
	position: absolute;
	top:32%;
	left:12%;
	color:#FFF;
	box-sizing: border-box;
	text-align: left;
}
@media all and (max-width: 800px) {
   	#main_visual .main_catch {
    }
}
@media all and (max-width: 640px) {
   	#main_visual .main_catch {
	   	left:0%;
	   	width:100%;
    }
}
@media all and (max-width: 330px) {
   	#main_visual .main_catch {
    }
}


#main_visual .main_catch h1 , #main_visual .main_catch p {
	font-weight: normal;
	line-height:1.4em;
	text-shadow:0px 0px 15px rgba(0, 0, 0, 0.1);
	letter-spacing: 0.1em;
}
@media all and (max-width: 640px) {
   	#main_visual .main_catch h1 , #main_visual .main_catch p {
		font-size:3.8vmax;
	   	text-align: center;
    }
}

#main_visual .main_catch h1 {
	font-size:50px;
	font-size:3.8vmax;
}
@media all and (min-width: 1400px) {
   	#main_visual .main_catch h1 {
		font-size:50px;
    }
}
@media all and (max-width: 640px) {
   	#main_visual .main_catch h1 {
		font-size:3.0vmax;
    }
}
@media all and (max-width: 480px) {
   	#main_visual .main_catch h1 {
		font-size:30px;
    }
}
@media all and (max-width: 360px) {
   	#main_visual .main_catch h1 {
		font-size:24px;
    }
}

#main_visual .main_catch p {
	font-size:25px;
	font-size:2vmax;
	padding:10px 0px 0px 0px;
}
@media all and (min-width: 1400px) {
   	#main_visual .main_catch p {
		font-size:25px;
    }
}
@media all and (max-width: 640px) {
   	#main_visual .main_catch p {
		font-size:1.6vmax;
    }
}
@media all and (max-width: 480px) {
   	#main_visual .main_catch p {
		font-size:14px;
    }
}
@media all and (max-width: 360px) {
   	#main_visual .main_catch p {
		font-size:14px;
    }
}


/*--------------------
news_list
---------------------*/

.news_list {
	max-width:1000px;
	margin:0 auto 40px auto;
}
@media all and (max-width: 1100px) {
   	.news_list {
		margin:0 20px 40px 20px;
    }
}

.news_list ul {
	
}

.news_list ul li {
	
}

.news_list ul li:nth-child(odd) a {
	background-color: #f6f6f6;
}

.news_list ul li a {
	display: block;
	padding:24px 30px 24px 30px;
	text-decoration: none;
	font-size:0;
}
@media all and (max-width: 800px) {
   	.news_list ul li a {
		padding:20px 20px 20px 20px;
    }
}

.news_list ul li a:hover {
	background-color: #a0ca1f;
	color:#FFF;
}

.news_list ul li a .txt {
	display: inline-block;
	width:87%;
	vertical-align: top;
	font-size:16px;
}
@media all and (max-width: 1000px) {
   	.news_list ul li a .txt {
		width:85%;
	   	
    }
}
@media all and (max-width: 800px) {
   	.news_list ul li a .txt {
	   	display: block;
	   	width:100%;
    }
}

.news_list ul li a span {
	color:#666;
	display: inline-block;
	width:13%;
	vertical-align: top;
	font-size:16px;
}
@media all and (max-width: 1000px) {
   	.news_list ul li a span {
		width:15%;
    }
}
@media all and (max-width: 800px) {
   	.news_list ul li a span {
	   	display: block;
	   	width:100%;
	   	margin:0px 0px 5px 0px;
	   	font-size:13px;
    }
}

.news_list ul li a:hover span {
	color:#fff;
}



/*--------------------
top_business
---------------------*/

.top_business {
	
}

.top_business ul {
	font-size:0;
	margin-top:20px;
}
@media all and (max-width: 1200px) {
   	.top_business ul {
		margin:0px 20px 0px 20px;
    }
}
@media all and (max-width: 640px) {
   	.top_business ul {
		margin:0px 20px 0px 20px;
    }
}

.top_business ul li {
	font-size:16px;
	font-size: 2vmax;
	display: inline-block;
	width:28%;
	margin:0px 8% 20px 0px;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 1200px) {
   	.top_business ul li {
		width:30%;
		margin:0px 5% 20px 0px;
    }
}
@media all and (max-width: 640px) {
   	.top_business ul li {
		width:100%;
		margin:0px 0px 40px 0px;
		font-size: 24px;
    }
}

.top_business ul li:nth-child(3n) {
	margin-right:0px;
}


@media all and (max-width: 640px) {
   	.top_business ul li:last-child {
	   	margin-bottom:0px;
    }
}

.top_business ul li a {
	display: block;
	background-color: #FFF;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding:50px 10px 50px 10px;
}
@media all and (max-width: 800px) {
   	.top_business ul li a {
		padding:30px 10px 30px 10px;
    }
}

.top_business ul li a:hover {
	background-color: #a0ca1f;
	color:#FFF;
}

.top_business ul li a span {
	display: block;
}

.top_business ul li a .icon {
	width:130px;
	height:100px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 130px auto;
	margin:0px auto 30px auto;
}
@media all and (max-width: 800px) {
   	.top_business ul li a .icon {
		width:100px;
		height:77px;
		background-size: 100px auto;
    }
}

.top_business ul li a:hover .icon {
	background-position: bottom center;
}

.top_business ul li a .icon_shops {
	background-image:url(../images/top_icon_shops.png);
}

.top_business ul li a .icon_company {
	background-image:url(../images/top_icon_company.png);
}

.top_business ul li a .icon_recruit {
	background-image:url(../images/top_icon_recruit.png);
}

.top_business ul li a .jp {
	font-size: 1vmax;
	color:#666;
	margin-top:12px;
}
@media all and (max-width: 800px) {
   	.top_business ul li a .jp{
		font-size: 1.2vmax;
    }
}
@media all and (max-width: 640px) {
   	.top_business ul li a .jp{
	   	font-size:14px;
    }
}

.top_business ul li a:hover .jp {
	color:#FFF;
}


/*--------------------
banner_list
---------------------*/

.banner_list {
	
}

.banner_list ul {
	font-size:0;
	text-align: center;
}

.banner_list ul li {
	display: inline-block;
	font-size:15px;
	width:240px;
	margin:0px 2% 40px 2%;
	vertical-align: top;
}
@media all and (max-width: 1000px) {
   	.banner_list ul li {
		width:28%;
		margin:0px 2% 40px 2%;
    }
}
@media all and (max-width: 640px) {
   	.banner_list ul li {
		width:240px;
		margin:0px 2% 20px 2%;
    }
}




.banner_list ul li img {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}

/*--------------------
shops
---------------------*/

.shops_map {
	position: relative;
	font-size:16px;
	margin:0px auto 0px auto;
	background-color: #FFF;
}
@media all and (max-width: 1000px) {
    .shops_map {
	    padding:40px 0px;
    }
}
@media all and (max-width: 640px) {
    .shops_map {
	    padding:20px 0px 60px 0px;
    }
}

.shops_map::before {
    content: "";
    display: block;
    padding-top: 50%;
}

.shops_map .shops_map_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
    transition: all .3s ease-out;
	background-image:url(../images/shops_map.png);
	background-position: top center;
	background-size: 80% auto;
	background-repeat: no-repeat;
}
@media all and (max-width: 1000px) {
    .shops_map .shops_map_box {
		background-size: 90% auto;
    }
}
@media all and (max-width: 640px) {
    .shops_map .shops_map_box {
		background-size: 96% auto;
    }
}


.shops_map .area_pull {
	position: absolute;
	
}

.selectbox_design {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.selectbox_design select {
	width: 110%;
	font-size:16px;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
@media all and (max-width: 640px) {
   	.selectbox_design select {
		font-size:14px;
		box-sizing: border-box;
    }
}
@media all and (max-width: 350px) {
   	.selectbox_design select {
		font-size:12px;
    }
}
.selectbox_design select::-ms-expand {
    display: none;
}

.selectbox_design.select_radius {
	position: relative;
	border-radius: 2px;
	border: 2px solid #fff;
  border-radius: 50px;
	background: #ffffff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.select_radius {
	position: relative;
	border-radius: 2px;
	border: 2px solid #fff;
  border-radius: 50px;
	background: #ffffff;
}

.selectbox_design.select_radius {
	position: relative;
	border-radius: 2px;
	border: 2px solid #fff;
  border-radius: 50px;
	background: #ffffff;
}
.select_radius::before {
	position: absolute;
	top: 1em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #a0ca1f;
	pointer-events: none;
}
@media all and (max-width: 800px) {
   	.select_radius::before {
	   	top:40%;
		right: 6px;
    }
}
.selectbox_design.select_radius select {
	padding: 8px 38px 8px 8px;
	color: #a0ca1f;
	box-sizing: border-box;
}
@media all and (max-width: 640px) {
   	.selectbox_design.select_radius select {
		padding: 4px 28px 4px 8px;
    }
}

.selectbox_design .border {
	border-radius: 50px;
}


.shops_map .area_hokkaido {
	top:20%;
	right:15%;
}
@media all and (max-width: 800px) {
   	.shops_map .area_hokkaido {
		top:14%;
		right:8%;
    }
}
@media all and (max-width: 640px) {
   	.shops_map .area_hokkaido {
		top:8%;
		right:4%;
    }
}

.shops_map .area_hokkaido .selectbox_design.select_radius .border {
	border: 2px solid #2260a7;
}

.shops_map .area_hokkaido .select_radius .border {
	border: 2px solid #2260a7;
}

.shops_map .area_hokkaido .select_radius::before {
	border-top: 6px solid #2260a7;
}

.shops_map .area_hokkaido .selectbox_design.select_radius select {
	color:#114d93;
}





.shops_map .area_koshinetsu_hokuriku {
	top:46%;
	right:30%;
}
@media all and (max-width: 800px) {
   	.shops_map .area_koshinetsu_hokuriku {
		top:42%;
		right:24%;
    }
}
@media all and (max-width: 640px) {
   	.shops_map .area_koshinetsu_hokuriku {
		top:26%;
		right:24%;
    }
}


.shops_map .area_koshinetsu_hokuriku .selectbox_design.select_radius .border {
	border: 2px solid #d4a80d;
}
.shops_map .area_koshinetsu_hokuriku .select_radius .border {
	border: 2px solid #d4a80d;
}
.shops_map .area_koshinetsu_hokuriku .select_radius::before {
	border-top: 6px solid #d4a80d;
}
.shops_map .area_koshinetsu_hokuriku .selectbox_design.select_radius select {
	color:#cba700;
}


.shops_map .area_kanto {
	top:62%;
	right:16%;
}
@media all and (max-width: 800px) {
   	.shops_map .area_kanto {
		top:60%;
		right:0%;
    }
}
@media all and (max-width: 640px) {
   	.shops_map .area_kanto {
		top:62%;
		right:2%;
    }
}

.shops_map .area_kanto .selectbox_design.select_radius .border {
	border: 2px solid #4aacd3;
}
.shops_map .area_kanto .select_radius .border {
	border: 2px solid #4aacd3;
}
.shops_map .area_kanto .select_radius::before {
	border-top: 6px solid #4aacd3;
}
.shops_map .area_kanto .selectbox_design.select_radius select {
	color:#0a8bbf;
}



.shops_map .area_tokai_kinki {
	top:68%;
	right:36%;
}
@media all and (max-width: 800px) {
   	.shops_map .area_tokai_kinki {
		top:62%;
		right:32%;
    }
}
@media all and (max-width: 640px) {
   	.shops_map .area_tokai_kinki {
		top:64%;
		right:36%;
    }
}

.shops_map .area_tokai_kinki .selectbox_design.select_radius .border {
	border: 2px solid #049b7e;
}
.shops_map .area_tokai_kinki .select_radius .border {
	border: 2px solid #049b7e;
}
.shops_map .area_tokai_kinki .select_radius::before {
	border-top: 6px solid #049b7e;
}
.shops_map .area_tokai_kinki .selectbox_design.select_radius select {
	color:#007861;
}


.shops_map .area_chugoku_shikoku {
	top:66%;
	left:32%;
}
@media all and (max-width: 800px) {
   	.shops_map .area_chugoku_shikoku {
		top:56%;
		left:24%;
    }
}
@media all and (max-width: 640px) {
   	.shops_map .area_chugoku_shikoku {
		top:8%;
		left:4%;
    }
}

.shops_map .area_chugoku_shikoku .selectbox_design.select_radius .border {
	border: 2px solid #f7931e;
}
.shops_map .area_chugoku_shikoku .select_radius .border {
	border: 2px solid #f7931e;
}
.shops_map .area_chugoku_shikoku .select_radius::before {
	border-top: 6px solid #f7931e;
}
.shops_map .area_chugoku_shikoku .selectbox_design.select_radius select {
	color:#d07000;
}




.shops_map .area_kyushu_okinawa {
	top:68%;
	left:12%;
}
@media all and (max-width: 800px) {
   	.shops_map .area_kyushu_okinawa {
		top:58%;
		left:1%;
    }
}
@media all and (max-width: 640px) {
   	.shops_map .area_kyushu_okinawa {
		top:54%;
		left:1%;
    }
}

.shops_map .area_kyushu_okinawa .selectbox_design.select_radius .border {
	border: 2px solid #e23d4b;
}
.shops_map .area_kyushu_okinawa .select_radius .border {
	border: 2px solid #e23d4b;
}
.shops_map .area_kyushu_okinawa .select_radius::before {
	border-top: 6px solid #e23d4b;
}
.shops_map .area_kyushu_okinawa .selectbox_design.select_radius select {
	color:#de0d1f;
}


.shops_cat_list ul {
	font-size:0;
	margin-top:20px;
	text-align: center;
}
@media all and (max-width: 1200px) {
   	.shops_cat_list ul {
		margin:0px 20px 0px 20px;
    }
}
@media all and (max-width: 640px) {
   	.shops_cat_list ul {
		margin:0px 20px 0px 20px;
    }
}

.shops_cat_list ul li {
	font-size:16px;
	font-size: 2vmax;
	display: inline-block;
	width:22%;
	margin:0px 1.5% 25px 1.5%;
	vertical-align: top;
}
@media all and (max-width: 1200px) {
   	.shops_cat_list ul li {
		width:30%;
		margin:0px 1.5% 20px 1.5%;
    }
}
@media all and (max-width: 640px) {
   	.shops_cat_list ul li {
		width:46%;
		margin:0px 2% 20px 2%;
    }
}


.shops_cat_list ul li a {
	display: block;
	background-color: #a0ca1f;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding:20px 10px 20px 10px;
	font-size:1.4vmax;
	color:#fff;
	border-radius: 8px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);
	position: relative;
}
@media all and (max-width: 1000px) {
   	.shops_cat_list ul li a {
		font-size:2vmax;
    }
}
@media all and (max-width: 800px) {
   	.shops_cat_list ul li a {
		padding:30px 10px 30px 10px;
    }
}
@media all and (max-width: 640px) {
   	.shops_cat_list ul li a {
	   	font-size:16px;
		padding:20px 5px 20px 5px;
    }
}

.shops_cat_list ul li a:hover {
	opacity: 0.9;
}

.shops_cat_list ul li a span {
	display: block;
}

.shops_cat_list ul li a .count {
	display: inline-block;
	background-color: #FFF;
	color:#a0ca1f;
	position: absolute;
	top:10px;
	right:10px;
	border-radius: 100px;
	font-size:11px;
	line-height:14px;
	padding:5px 2px;
	min-width:30px;
}

.shops_cat_list ul li a .icon {
	width:100px;
	height:75px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100px auto;
	margin:0px auto 20px auto;
	background-image: url(../images/shops_cat_list_icon1.png);
}
@media all and (max-width: 800px) {
   	.shops_cat_list ul li a .icon {
		width:100px;
		height:75px;
		background-size: 100px auto;
    }
}
@media all and (max-width: 640px) {
   	.shops_cat_list ul li a .icon {
		width:75px;
		height:60px;
		background-size: 75px auto;
    }
}


.shops_cat_list ul li a .title {
	margin-bottom:5px;
}

.shops_cat_list ul li a .sub {
	font-size:12px;
	line-height:1.4em;
}
@media all and (max-width: 640px) {
   	.shops_cat_list ul li a .sub {
		font-size:11px;
    }
}


.shop_dvdrent {
	background-color: #f17e7e !important;
}
.shop_dvdrent .count {
	color:#f17e7e !important;
}
.shop_cdrent {
	background-color: #32bdc9 !important;
}
.shop_cdrent .count {
	color:#32bdc9 !important;
}
.shop_comicrent {
	background-color: #43b546 !important;
}
.shop_comicrent .count {
	color:#43b546 !important;
}
.shop_gamesales {
	background-color: #deb62c !important;
}
.shop_gamesales .count {
	color:#deb62c !important;
}
.shop_trading {
	background-color: #396acd !important;
}
.shop_trading .count {
	color:#396acd !important;
}
.shop_dvdsales {
	background-color: #a8c22f !important;
}
.shop_dvdsales .count {
	color:#a8c22f !important;
}
.shop_cd {
	background-color: #ea6e3d !important;
}
.shop_cd .count {
	color:#ea6e3d !important;
}
.shop_book {
	background-color: #c365d4 !important;
}
.shop_book .count {
	color:#c365d4 !important;
}
.shop_cafe {
	background-color: #f6a508 !important;
}
.shop_cafe .count {
	color:#f6a508 !important;
}
.shop_washandfold {
	background-color: #56cca4 !important;
}
.shop_washandhold .count {
	color:#56cca4 !important;
}
.shop_taiwanquality {
	background-color: #d69b6b !important;
}
.shop_taiwanquality .count {
	color:#d69b6b !important;
}
.shop_iphone {
	background-color: #f0b71e !important;
}
.shop_iphone .count {
	color:#f0b71e !important;
}
.shop_mini4 {
	background-color: #198de7 !important;
}
.shop_mini4 .count {
	color:#198de7 !important;
}
.shop_succeed {
	background-color: #1fe289 !important;
}
.shop_succeed .count {
	color:#1fe289 !important;
}
.shop_boadgame {
	background-color: #d55e83 !important;
}
.shop_boadgame .count {
	color:#d55e83 !important;
}
.shop_sharing {
	background-color: #4ec59f !important;
}
.shop_sharing .count {
	color:#4ec59f !important;
}


.shops_list {
	margin:0px auto 60px auto;
}

.shops_list table {
	width:100%;
}

.shops_list table tr {
	border-bottom:dotted 1px #DDD;
}


.shops_list table tr:nth-child(even) {
	background-color: #FBFBFB;
}

.shops_list table tr:hover {
	background-color: #F6F6F6;
}

.shops_list table th , .shops_list table td {
	padding:30px 10px 30px 10px;
	vertical-align: top;
}
@media all and (max-width: 800px) {
   	.shops_list table th , .shops_list table td {
	   	display: list-item;
	   	list-style-type: none;
	   	padding:5px 30px 5px 30px;
    }
}

.shops_list table th {
	text-align: left;
}
@media all and (max-width: 800px) {
   	.shops_list table th {
	   	padding-top:30px;
	   	padding-bottom:10px;
    }
}

.shops_list table .header_title th {
	color: #a0ca1f;
}
@media all and (max-width: 800px) {
   	.shops_list table .header_title th {
	   	display: none;
    }
}

.shops_list table .header_title:hover {
	background-color: transparent;
}

.shops_list table td {
	font-size:15px;
}
@media all and (max-width: 800px) {
   	.shops_list table td {
	   	color:#666;
    }
}


@media all and (max-width: 800px) {
   	.shops_list table td:last-child {
	   	padding-bottom:30px;
    }
}


@media all and (max-width: 800px) {
   	.shops_list table th a {
	   	font-weight:bold;
	   	font-size:18px;
    }
}


@media all and (max-width: 800px) {
   	.shops_list table .adress , .shops_list table .hour , .shops_list table .phone {
	   	background-repeat: no-repeat;
	   	background-size: 25px auto;
	   	background-position: 20px 4px;
	   	padding-left:55px;
    }
}


@media all and (max-width: 800px) {
   	.shops_list table .adress {
	   	background-image: url(../images/shops_mobile_icon_adress.png);
    }
}


@media all and (max-width: 800px) {
   	.shops_list table .hour {
	   	background-image: url(../images/shops_mobile_icon_hour.png);
    }
}


@media all and (max-width: 800px) {
   	.shops_list table .phone {
	   	background-image: url(../images/shops_mobile_icon_phone.png);
    }
}

.shops_list .link_icon {
	   	background-image: url(../images/shop_llink_icon.png);
	   	background-size: 15px auto;
	   	background-position: right bottom;
	   	padding-right:25px;
}


/*--------------------
shops_detail
---------------------*/

#shop_detail {
	margin-bottom:40px;
}

#shop_detail h1 {
	font-size:36px;
	line-height:1.6em;
	border-bottom:solid 1px #DDD;
	padding:0px 0px 20px 0px;
	margin:0px auto 20px auto;
}
@media all and (max-width: 800px) {
    #shop_detail h1 {
	    width:90%;
		font-size:32px;
    }
}
@media all and (max-width: 640px) {
    #shop_detail h1 {
		font-size:26px;
    }
}

.shop_detail_outline {
	width:50%;
	float:left;
}
@media all and (max-width: 800px) {
    .shop_detail_outline {
	    width:92%;
	    float:none;
	    margin:0px auto 40px auto;
    }
}

.shop_detail_outline table {
	width:100%;
}
@media all and (max-width: 900px) {
    .shop_detail_outline table {
	    width:96%;
		max-width:96%;
	    margin:0px auto 0px auto;
    }
}
@media all and (max-width: 640px) {
    .shop_detail_outline table {
	    width:96%;
		max-width:96%;
    }
}

.shop_detail_outline table tr th , .shop_detail_outline table tr td {
	padding:20px 0px 20px 0px;
	line-height:1.6em;
}

.shop_detail_outline table tr th {
	text-align: left;
	width:30%;
	vertical-align: top;
	border-bottom:dotted 1px #ddd;
}
@media all and (max-width: 640px) {
    .shop_detail_outline table tr th {
	    display: list-item;
	    width:100%;
	    border:none;
	    margin:0;
	    padding:0;
	    list-style-type: none;
	    padding:30px 10px 20px 10px;
	    box-sizing: border-box;
    }
}
@media all and (max-width: 640px) {
    .shop_detail_outline table tr th {
	    padding:20px 10px 10px 10px;
	    font-weight: bold;
    }
}

.shop_detail_outline table tr td {
	vertical-align: top;
	border-bottom:dotted 1px #ddd;
}
@media all and (max-width: 640px) {
    .shop_detail_outline table tr td {
	    display: list-item;
	    width:100%;
	    border-top:none;
		border-bottom:dotted 1px #ddd;
	    list-style-type: none;
	    margin:0;
	    padding:0;
	    padding:0px 10px 30px 10px;
	    box-sizing: border-box;
    }
}
@media all and (max-width: 640px) {
    .shop_detail_outline table tr td {
	    padding:0px 10px 20px 10px;
    }
}

.shop_detail_map {
	width:40%;
	float:right;
	padding-top:20px;
}
@media all and (max-width: 800px) {
    .shop_detail_map {
	    width:90%;
	    margin:0px auto 40px auto;
	    float:none;
    }
}

.shop_detail_map iframe {
	max-width:100%;
	height:400px;
	
}
@media all and (max-width: 800px) {
    .shop_detail_map iframe  {
	    max-width:100%;
	    width:100%;
	    
    }
}
@media all and (max-width: 640px) {
    .shop_detail_map iframe  {
	    max-width:100%;
		height:300px;
    }
}

.shops_category {
	font-size:0;
}
@media all and (max-width: 800px) {
    .shops_category {
	    width:90%;
	    margin:0 auto 20px auto;
    }
}

.shops_category li {
	font-size:16px;
	display: inline-block;
	margin:0px 20px 20px 0px;
}

.shops_category li a {
	display: block;
	font-size:13px;
	padding:5px 10px;
	text-decoration: none;
	background-color: #a0ca1f;
	color:#FFF;
	border-radius: 4px;
}


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

#news_list_page {
	margin-bottom:40px;
}

#news_title_wrap {
	margin-bottom:60px;
}
@media all and (max-width: 800px) {
    #news_title_wrap {
	    padding:0px 20px 60px 20px
    }
}
@media all and (max-width: 640px) {
    #news_title_wrap {
	    padding:0px 20px 20px 20px
    }
}

#news_title_wrap h1 {
	font-size:36px;
	line-height:1.6em;
	border-bottom:solid 1px #DDD;
	padding:0px 0px 20px 0px;
	margin:0px 0px 20px 0px;
}
@media all and (max-width: 800px) {
    #news_title_wrap h1 {
		font-size:32px;
		width:98%;
		margin:0px auto 20px auto;
    }
}
@media all and (max-width: 640px) {
    #news_title_wrap h1 {
		font-size:26px;
    }
}


#news_title_wrap .news_title_date {
	font-size:20px;
}
@media all and (max-width: 800px) {
    #news_title_wrap .news_title_date {
		font-size:14px;
		width:98%;
		margin:0px auto 0px auto;
    }
}

.news_detail_cont {
	margin:0px 0px 80px 0px;
}

.news_detail_cont img {
	max-width: 100%;
	height:auto;
	display: block;
	vertical-align: bottom;
	max-height:auto;
	margin:0px 0px 40px 0px;
}
@media all and (max-width: 640px) {
    .news_detail_cont img {
	    max-height:auto;
    }
}

.news_detail_cont p {
	text-align: left;
	margin:0px auto 20px auto;
	box-sizing: border-box;
	clear: both;
}
@media all and (max-width: 800px) {
    .news_detail_cont p {
	    width:90%;
    }
}
@media all and (max-width: 640px) {
    .news_detail_cont p {
	    width:90%;
    }
}

.news_detail_cont h2 {
	margin: 0px auto 20px auto;
	font-size: 24px;
	line-height: 1.6em;
}
@media all and (max-width: 800px) {
    .news_detail_cont h2 {
		font-size: 22px;
	    width:90%;
    }
}

.news_detail_cont h3 {
	margin: 0px auto 20px auto;
	font-size: 20px;
	line-height: 1.6em;
}
@media all and (max-width: 800px) {
    .news_detail_cont h3 {
		font-size: 18px;
	    width:90%;
    }
}

.news_detail_cont h4 {
	margin: 0px auto 20px auto;
	font-size: 18px;
	line-height: 1.6em;
}
@media all and (max-width: 800px) {
    .news_detail_cont h4 {
		font-size: 16px;
	    width:90%;
    }
}

.news_detail_cont p  img {
	max-width:100%;
	height:auto;
}
@media all and (max-width: 640px) {
    .news_detail_cont p  img {
	    display: block;
    }
}

.news_detail_cont iframe {
	min-width:600px;
	max-width:100%;
	min-height:400px;
	margin:20px auto 20px auto;
}
@media all and (max-width: 640px) {
    .news_detail_cont iframe {
		min-width:auto;
		max-width:100%;
		min-height:300px;
    }
}


.news_navi {
	border-top:dotted 1px #DDD;
	padding:20px 0px 0px 0px;
}
@media all and (max-width: 800px) {
    .news_navi {
	    width:90%;
	    margin:0 auto;
    }
}

.news_navi table {
	width:100%;
}

.news_navi table .left {
	text-align: left;
}

.news_navi table .right {
	text-align: right;
}

.news_navi table .center {
	text-align: center;
}

.news_navi table a {
	display: inline-block;
	background-color: #a0ca1f;
	color:#FFF;
	padding:10px 20px;
	text-decoration: none;
	border-radius: 4px;
	font-size:14px;
}
@media all and (max-width: 800px) {
    .news_navi table a {
		padding:10px 10px;
    }
}
@media all and (max-width: 640px) {
    .news_navi table a {
		font-size:12px;
    }
}

.news_navi table a:hover {
	background-color: #ec8313;
}


/*--------------------
compnay
---------------------*/

.company_philosophy {
	text-align: center;
}
@media all and (max-width: 800px) {
    .company_philosophy {
	    width:90%;
		max-width:90%;
		margin:0 auto 0 auto;
    }
}
@media all and (max-width: 640px) {
    .company_philosophy {
	    width:98%;
		max-width:98%;
    }
}

.outline {
	width:800px;
	max-width:800px;
	margin:0 auto 0 auto;
}
@media all and (max-width: 900px) {
    .outline {
	    width:100%;
		max-width:100%;
    }
}
@media all and (max-width: 800px) {
    .outline {
	    width:90%;
		max-width:90%;
    }
}

.outline tr th , .outline tr td {
	padding:30px 0px 30px 0px;
	line-height:1.6em;
}

.outline tr th {
	text-align: left;
	width:24%;
	vertical-align: top;
	border-top:dotted 1px #ddd;
	border-bottom:dotted 1px #ddd;
}
@media all and (max-width: 640px) {
    .outline tr th {
	    display: list-item;
	    width:100%;
	    border:none;
	    margin:0;
	    padding:0;
	    list-style-type: none;
	    padding:30px 10px 20px 10px;
	    box-sizing: border-box;
    }
}
@media all and (max-width: 640px) {
    .outline tr th {
	    padding:20px 10px 10px 10px;
	    font-weight: bold;
    }
}

.outline tr td {
	vertical-align: top;
	border-top:dotted 1px #EEE;
	border-bottom:dotted 1px #EEE;
}
@media all and (max-width: 640px) {
    .outline tr td {
	    display: list-item;
	    width:100%;
	    border-top:none;
		border-bottom:dotted 1px #EEE;
	    list-style-type: none;
	    margin:0;
	    padding:0;
	    padding:0px 10px 30px 10px;
	    box-sizing: border-box;
    }
}
@media all and (max-width: 640px) {
    .outline tr td {
	    padding:0px 10px 20px 10px;
    }
}

.bg_gray {
	background-color: #f6f6f6;
}

.bg_gray:nth-child(2n) {
	background-color: #f2f2f2;
}

.bg_gray2 {
	background-color: #f2f2f2;
}

.bg_gray3 {
	background-color: #f9f9f9;
}

.bg_gray3:nth-child(2n) {
	background-color: #fff;
}

.map {
	max-width:1000px;
	margin:0px auto 40px auto;
}
@media all and (max-width: 800px) {
    .map {
	    max-width: 100%;
    }
}

.map iframe {
	width:100%;
	height:400px;
	margin:0px 0px 20px 0px;
}
@media all and (max-width: 800px) {
    .map iframe {
		margin:-20px 0px 20px 0px;
    }
}
@media all and (max-width: 640px) {
    .map iframe {
		margin:0px 0px 20px 0px;
	    height:300px;
    }
}

.map p {
	max-width:90%;
	margin:0px auto 0px auto;
}



.text_only {
	max-width:1000px;
	margin:0px auto 80px auto;
}

.text_only h2 {
	text-align: left;
	margin:0px 0px 20px 0px;
}

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

.recruit_cont {
	
}
@media all and (max-width: 800px) {
    .recruit_cont {
	
    }
}

.recruit_cont .recruit_img {
	margin:0px 0px 40px 0px;
	text-align: center;
}


.recruit_cont p {
	max-width:800px;
	margin:0px auto 40px auto;
}
@media all and (max-width: 800px) {
    .recruit_cont p {
	    width:90%;
		margin:0px auto 40px auto;
    }
}


/*--------------------
privacy
---------------------*/

.privacy_cont {
	
}
@media all and (max-width: 640px) {
    .privacy_cont {
	    width:90%;
	    margin:0 auto;
    }
}

.privacy_cont h2 {
	margin:0px 0px 20px 0px;
	border-bottom:dotted 1px #DDD;
	padding:0px 0px 20px 0px;
}
@media all and (max-width: 640px) {
    .privacy_cont h2 {
	    font-size:20px;
    }
}

.privacy_cont p {
	margin:0px 0px 80px 0px;
}