@charset "utf-8";
/* CSS Document */
@media (max-width:1000px) {
.inner {width: 100%;}

#header .inner {
    /*padding: 0 10px;*/}
	
#header .inner > .logo {
	padding-left: 10px;}

#header .navigation ul li {
    margin: 0 10px;}

#content .main {
    padding-top: 55%;
    background-size: cover;
}

#content .main .text {
    width: 80%;}

.content_box .inner {
    padding: 0 20px;}
.content_box .inner > .clear > div {
    width: 50% !important;}

.content_box .access > div a {
    position: relative;
    left: 100%;
    transform: translateX(-100%);
    top: -10px;
}

.b_orange {
    padding: 0 20px;}

#footer {
    padding: 5px 10px;}
}
@media (max-width:600px) {
#header .inner > .navigation,
#header .inner > .contact {
    display: none;}

#header .inner {
    height: 60px;}

#header #sp_menu {
	display: block;
    top: 0;
}

#content .main {
    padding-top: 120%;}
#content .main .text {
    top: 25%;}

.content_box .inner > .clear > .left,
.content_box .inner > .clear > .right {
    float: none;
    display: block;
    width: 100% !important;
    margin-bottom: 20px;
}

.goriyou_box > div {
    display: block;
    width: 100% !important;
}

.b_orange {
    width: 100%;}

.staff_box {
    padding: 0;
    background-position: top;
}

.content_box .access > div {
    width: 100%;
    float: none;
    border: none !important;
    padding: 0;
	text-align: center;
}

#footer > .inner > div {
    float: none;}
	
/*slicknav*/
a.slicknav_btn {
	display: block;
	position: absolute;
	top: 0;
	right:0;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	background: url(images/menu_icon.png) no-repeat center;
	background-size: contain;
}
a.slicknav_btn.slicknav_open {
	background: url(images/menu_cross.png) no-repeat center;
}
ul.slicknav_nav {
	z-index: -1;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #fff;
	top: 100%;
	padding: 0;
    margin: 0;
}
ul.slicknav_nav li {
	display: block;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #F6FFF0;
	color: #000;
}
ul.slicknav_nav li div {
	display: none;
}
ul.slicknav_nav a {
	display: block;
	padding: 10px 0;
	color: #000;
	text-decoration: none;
}
ul.slicknav_nav li.border a {
	border: 1px solid;
	width: 90%;
	margin: 10px auto;
}
/*slicknav end*/	

.content_box .access > div a {
    position: static;
    transform: none;
    margin: 0 0 20px;
}
}