header .menu {
	display: none;
}

header ul.header__nav li {
	font-size: 0;
}

header ul.header__nav li.num9 {
	display: none;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	header {
		z-index: 999;
		position: relative;
		width: 100%;
		height: 50px;
	}

	header .line_box {
		display: none;
	}

	header .header__box {
		width: 100%;
		margin: 0 auto;
		padding-top: 0;
	}

	header .header__box > .header__logo {
		position: absolute;
		top: 14px;
		left: 10px;
	}

	header .header__box > .header__logo .img__header__logo {
		width: 115px;
		height: 22px;
	}

	header .header__box > .header__phone {
		position: absolute;
		top: 0;
		right: 50px;
		width: 50px;
		height: 50px;
		background: url("../img/sp/header/telephone.png") no-repeat center;
		background-size: 50px;
	}

	header .header__box > .header__phone a {
		display: block;
		width: 50px;
		height: 50px;
	}

	header .header__box > .header__phone img {
		display: none;
	}

	header label {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 50px;
		background: url("../img/sp/header/menu_open.png") no-repeat center;
		background-size: 50px;
	}

	header .menu:checked + label {
		background: url("../img/sp/header/menu_close.png") no-repeat center;
		background-size: 50px;
	}

	header .menu:checked ~ nav {
		display: block;
	}

	header > nav {
		display: none;
		padding-bottom: 0;
		height: auto;
		background: none;
	}

	header ul.header__nav {
		position: absolute;
		top: 50px;
		right: 0;
		width: 100%;
		height: auto;
		backgroud: #ffffff;
	}

	header ul.header__nav li {
		display: block;
		width: 100%;
		height: 44px;
		line-height: 45px;
		background: #e2e9ec;
		border-bottom: 1px solid #ffffff;
	}

	header ul.header__nav li a {
		padding: 0 10px;
		color: #002041;
		font-size: 18px;
		text-decoration: none;
	}

	header ul.header__nav li.num2,
	header ul.header__nav li.num4,
	header ul.header__nav li.num5,
	header ul.header__nav li.num6,
	header ul.header__nav li.num7 {
		display: none;
	}

	header ul.header__nav li.num9 {
		display: block;
	}

	header ul.header__nav li.is_active {
		background: #e2e9ec;
	}

}

/* ========================================================================== */

.footer__box__sp {
	display: none;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	body > footer {
		padding: 0 0 20px 0;
	}

	.footer__box {
		display: none;
	}

	.footer__box__sp {
		margin: 0 0 20px 0;
		padding: 20px 10px 20px 10px;
		display: block;
		color: #002041;
		background: #ffffff;
	}

	.footer__box__sp a {
		color: #002041;
	}

	.footer__box__sp img {
		margin: 0 0 10px 0;
		width: 203px;
	}
}

/* ========================================================================== */

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	body > .index__top-slider {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		box-shadow: none;
	}

	body > .index__top-slider > .index__top-slider__box {
		width: 100%;
		height: auto;
	}

	body > .index__top-slider > .index__top-slider__box > .flexslider {
		margin: 0;
	}

	.flex-direction-nav,
	.flex-control-nav {
		display: none;
	}

	.slides img {
		width: 100%;
	}

}

/* ========================================================================== */

.bottom_company,
.bottom_facebook,
.garden_construction,
.index__main__link-btn_workflow {
	display: none;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	.main {
		margin: 0;
		width: 100%;
	}

	.index__main__sidebar {
		float: none;
		width: auto;
	}

	.NEWS {
		padding: 20px 10px 0 10px;
	}

	.NEWS .index__aside__title .head-2 {
		width: 100%;
	}

	.NEWS .index__aside__NEWS__link-btn {
		display: none
	}

	.garden_construction {
		display: block;
	}

	.garden_construction > div {
		width: 100%;
	}

	.garden_construction > div > img {
		width: 100%;
	}

	.garden_construction > p {
		margin: 10px 0;
		padding: 0 10px;
		font-size: 15px;
	}

	.index__main__content {
		width: 100%;
	}

	.index__main__section.NEW-ARRIVAL {
		background: rgb(255,255,255);
		background: -moz-linear-gradient(top, rgba(0,32,65,1) 0, rgba(0,32,65,1) 11px, rgba(255,255,255,1) 11px, rgba(255,255,255,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,32,65,1) 0,rgba(0,32,65,1) 11px,rgba(255,255,255,1) 11px,rgba(255,255,255,1) 100%);
		background: linear-gradient(to bottom, rgba(0,32,65,1) 0,rgba(0,32,65,1) 11px,rgba(255,255,255,1) 11px,rgba(255,255,255,1) 100%);
		border: none;
	}

	.index__main__NEW-ARRIVAL__item {
		margin: 0 10px 10px 10px;
		padding: 10px 10px 20px 10px;
		width: auto;
		height: auto;
		box-shadow: none;
	}

	.index__main__NEW-ARRIVAL__item img {
		margin: 0 0 5px 0;
		width: 100%;
	}

	.index__main__NEW-ARRIVAL__item__a {
	  position: static;
	  width: 100% !important;
	  height: auto;
	}

	.index__main__NEW-ARRIVAL__item__a > * {
		float: left;
		width: 100%;
	}

	.index__main__NEW-ARRIVAL__item__title {
		display: none;
	}

	.index__main__link-btn {
		display: none;
	}

	.index__main__link-btn_workflow {
		display: block;
		margin: 20px auto 20px auto;
		width: 300px;
		height: 51px;
		background: url(../img/sp/btn_workflow.png) no-repeat center;
		background-size: 300px;
	}

	.bottom_company {
		display: block;
	}

	.bottom_company .main__content__header {
		margin: 0 0 20px 0;
	}

	.index_company {
		line-height: 1.6;
	}

	.index_company dt {
		padding: 10px;
		background: #e6e6e6;
	}

	.index_company dd {
		padding: 10px;
		background: #f2f2f2;
	}

	.index_company dd > p.line {
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		border-bottom: 1px solid #ffffff;
	}

	.bottom_facebook {
		display: block;
		margin: 0 auto 20px auto;
		width: 320px;
	}


	.New-moral-standard,
	.CAMPAIGN,
	.SERVICE-AREA,
	.BUSINESS-ACCOUNT,
	.goods {
		display: none
	}

}


/* ========================================================================== */

.workflow__main__content__article.__phone .__telephone-link {
	display: none;
}

.workflow__main__content__article--left {
	float: left;
	padding: 0 0 0 90px;
	width: 275px;
}

.workflow__main__content__image--right {
	margin: -55px 38px 0 0;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	.main__sidebar {
		display: none;
	}

	.main__content {
		width: 100%;
	}

	.main__content__header {
		margin: 32px 0 0 0;
	}

	.main__content__header__sub img {
		width: 100%;
	}


	.main__content__section {
		overflow: hidden;
	}

	.workflow__main__content__title {
		margin: -16px 0 0 0;
	    padding-left: 30px;
	    font-size: 19px;
		background-position: 10px;
	}

	.workflow__main__content__title__num {
		padding: 0 20px 0 0;
	}

	.workflow__main__content__article {
		padding: 0 10px;
	}

	.workflow__main__content__article.__phone img {
		display: none;
	}

	.workflow__main__content__article.__phone .__telephone-link {
		display: block;
		position: static;
		margin: 20px auto 20px auto;
		width: 300px;
		height: 51px;
		background: url(../img/sp/btn_telephone.png) no-repeat center;
		background-size: 300px;
	}

	.workflow__main__content__article.__phone .__contact-link {
		position: static;
		margin: 20px auto 20px auto;
		width: 300px;
		height: 51px;
		background: url(../img/sp/btn_contact.png) no-repeat center;
		background-size: 300px;
	}

	.workflow__main__content__image {
		margin: 0 auto;
		padding: 20px 10px 0 10px;
		max-width: 400px;
		text-align: left;
	}

	.workflow__main__content__image img {
		width: 100%;
	}

	.workflow__main__content__article--left {
		float: none;
		padding: 0 10px;
		width: auto;
	}

	.workflow__main__content__image--right {
		float: none;
		margin: 20px auto 0 auto;
		text-align: center;
	}

}

/* ========================================================================== */

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	.__policy {
		padding: 0 10px;
	}

}

/* ========================================================================== */

.__sp {
	display: none;
}

/* ===================================== */
/* ===================================== */

@media (max-width: 999px) {

	.__sp {
		display: block;
	}

	.main__content__header {
		margin: 20px 0 20px 0;
	}

	.main__content__FAQ__item {
		margin-bottom: 20px;
	}

	.contact_form {
		padding: 20px 0;
	}

	.form_table th {
		display: block;
		margin: 0 0 10px 0;
		padding: 0 10px;
		width: 140px;
	}

	.form_table th .caution {
		top: 9px;
		right: -60px;
	}

	.form_table td {
		display: block;
		margin: 0 0 20px 0;
		padding: 0 10px;
	}

	.form_table td.answer {
		padding: 0 20px;
	}

	input#name.w300m {
		width: calc(100% - 55px);
	}

	input#kana.w300 {
		width: calc(100% - 30px);
	}

	input#address.w430 {
		width: calc(100% - 30px);
	}

	input#tel1.w80,
	input#tel2.w80,
	input#tel3.w80 {
		width: 40px;
	}

	input#mail.w430 {
		width: calc(100% - 30px);
	}

	textarea#content.w430 {
		width: calc(100% - 10px);
		height: 191px;
	}

	.radios__selection {
		margin: 5px 0 0 0;
	}

	.contact_form .form_submit > input {
		margin: 20px 0 0 0;
		width: calc(100% - 20px);
		height: 48px;
	}

}