@charset "utf-8";

.pcdply-n,#toggle,#sp-header-link,#sp-slider,#sp-btm-link
p,#sp-footer-link,#ourservice-img-sp,#ourservice-imgbox-sp img{display:none;}
#main-sidebar{display: none;}


@media only screen and (max-width: 599px){
body{
 font-family: Times New Roman,"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

#main-sidebar{display: block;}

.pcdply-n{
 display: block;
}

#main{font-size:0.9em;}


.spdply-n{display: none;}

#toggle{
 width: 100%;
 display: block;
 position: relative;
}
#sp-logo{
 width:70%;
 margin:4px 0 0 10px;
}


/****** header-new *******/
#header-new-link{display:none;}

/****** brand03 ******/
.brand03 {
 width:100%;
 margin:50px 0 0 0;
}
.brand03 ul li{
 padding:10px 0 10px 0;
}
.brand03 ul li img{
height:55px;
}

/****** sp-header-link *******/
#sp-header-link{
width: 100%;
margin:50px 0 0 0;
padding:10px 0 5px 0;
display: block;
text-align:center;
}
#sp-header-link img{
height:35px;
margin:0 10px;
}


/****** sp-footer-link *******/
#sp-footer-link{
 width: 100%;
 margin:0px 0 0 0;
 padding:10px 0 5px 0;
 display: block;
 text-align:center;
 clear:both;
}
#sp-footer-link img{
height:35px;
 margin:0 14px;
}

/****** page-top *******/
#page-top {
 bottom:55px;
 right: 5px;
}

/****** sp-btm-link *******/
#sp-btm-link p{display: block;}
#sp-btm-link {
 width:100%;
 padding:10px 0;
 display: block;
 background: #000;
 position: fixed;
 bottom:0;
 font-size:0.75em;
 opacity:0.7;
 filter: alpha(opacity=70);
}

#sp-btm-link a{
color:#fff;
}

#sp-btm-link .tel {
width:53%;
 margin:2px 0 0 0px;
 font-size:1.4em;
 font-weight:bold;
 text-align:center;
 color: #fff;
 float:left;
}
#sp-btm-link .tel img{margin:0px 4px -6px 0;}
#sp-btm-link .contact a{
width:43%;
 margin:0px 0px 0 0px;
 padding:5px;
 text-decoration: none;
 color: #fff;
 font-weight:bold;
 text-align: center;
 background: #0aa652;
 border-radius:6px;
 float:left;
}
#sp-btm-link a:hover {
 text-decoration: none;
 background: #999;
}


/****** btm-contact *******/
#btm-contact{
width:100%;
margin:0 0 20px 0;
}
#btm-contact #left{
width:96%;
margin:0 auto 20px auto;
float:none;
border-right: 1px solid #999;
 font-size:1.1em;
}
#btm-contact #right{
width:96%;
margin:0 auto 20px auto;
float:none;
 font-size:1.1em;
}
#btm-contact .title{
background:#666;
color:#fff;
}



/* 2�
��
--------------------------------*/
#header,.header-new,#submenu01,#top-main,ul.menu,#footer{display: none;}

/****** wrap *******/
#wrap {
 width:100%;
  border-left:none;
 border-right:none;
}
#container {
 width:98%;
 padding:10px 0 100px 0;
}

/****** left-navi *******/
#left-navi{display:none;}

/****** navi *******/
#navi{
 padding:5px 0;
font-size:1em;}

/****** main *******/
#main{
 width:100%;
 margin:0px 0 0px 0;
 float:right;
}

#main-infos{
 width:100%;
 margin:0px auto;
 overflow:hidden;
}
#main-infos h2{
 font-size:1.5em;
 font-weight:bold;
}


#main-img{
 width:100%;
}

#main-menu{
 width:100%;
  margin:0 0 50px 0;
}


#main-menu ul li{
 width:49.8%;
 font-weight:bold;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
}
#main-menu ul li:nth-child(2n){
 border-right: 0;
}

/****** contents-box *******/
.contents-box{
 margin:-50px 0 50px 0;
 padding:50px 0 0 0;
 clear:both;
}
.contents-box h2{
font-size:1.1em;
}

.contents-box02{
font-size:1.5em;

}

/****** 3ブランドからのリンク *******/
.brand3-link{margin:0 auto 40px auto;}
.brand3-link p {width:90%;}

.brand3-link02{margin:0 auto 40px auto;}
.brand3-link02 p {width:90%;}

.brand3-link03{margin:30px auto -40px auto;}
.brand3-link03 p {width:90%;}



/****** deliveryerea-kanto *******/
.delivery-kanto{
 width:100%;
 height:560px;
}
.delivery-kanto-inner p{font-size:0.8em;}



/* works�
��
--------------------------------*/
.works-box{
 margin:10px 0;
 color:#595757;
}
.works-box div{
 width:48.5%;
 margin:0 1.5% 10px 0;
 padding:10px 0;
 float:left;
 text-align:center;
 border: 1px solid #999;
}
.works-box div:nth-child(2n){
margin:0;
}
.works-box div p{
 margin:0 0 0 0px;
 font-size:0.8em;
}

.works-box div p.more {
 width:80%;
}


.brand3-link02-w{margin:5px auto 30px auto;}
.brand3-link02-w p {width:90%;}


/****** works-topbox *******/
.works-topbox {
 width:100%;
}
.works-topbox2 {
margin:15px 0 0 2%;
}
.works-topbox2 div{
 width:48%;
 height:190px;
 margin:0 2% 20px 0;
}
.works-topbox2 div img{
width:100%;
}
.works-topbox2 div:nth-child(2n){
margin:0 0px 20px 0;
}

.works-topbox div p{font-size:0.9em;}


/****** works（landscapeのみ） *****/
.works-land {
width:100%;
overflow:hidden;
}
.works-land-box {
width:100%;
font-size:1em;
}

.works-land-box .left{
width:100%;
float:none;
}
.works-land-box .right{
width:100%;
margin:0 0 20px 0;
float:none;
}
.works-land-box .right p.exp{
font-size:1em;
}

.works-land-thumb {
width:100%;
margin:0 auto;
padding:0 8%;
}

.works-land-thumb img{
width:26%;
margin:0 1% 2% 1%;
float:left;
}


/****** 3層目 ****
*/
#works-menu:after {
  content: "";
  clear: both;
  display: block;
}
#works-menu ul{
 width:100%;
}
#works-menu ul li{
 width:23%;
 margin: 0 1% 0 0;
}


#works-main{
 width:100%;
 padding:15px 0 0 0;
}

#works-category div{
width:47%;
margin:0 2% 20px 2%;
font-size:1em;
}
#works-category div:nth-child(2n){
margin:0 0 0 0;
}

h3.works-list{
 margin:-50px 0 0 0;
 padding:50px 0 0 0;
}
.works-list div{
width:40%;
height:180px;
margin:0 5% 20px 5%;
 font-size:0.8em;
}
.works-list div:nth-child(n){
margin:0 4% 20px 6%;
}







/****** works個別 *******/
.works-zouka-price{
margin:-50px 0 40px 0;
padding:50px 0 0 0;}
.works-zouka-price h3{margin:0 0 10px 0;}

.works-zouka-price table {
 width:98%;
 font-size:1em;
 border-top:#bababa solid 1px;
}

.works-zouka-price table thead {
	display:none;
}
.works-zouka-price table tbody th {
	display:block;
	border-top:#bababa solid 10px;
}
.works-zouka-price table tbody td {
	display:block;
	text-align:right;
}
.works-zouka-price table tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
	margin:10px 0 0 0;
}
.works-zouka-price table tbody td {padding:0 0 0 10px;}
.works-zouka-price table tbody td img{margin:;}




.works-zouka-price .box01{
width:100%;
margin:0px 0px 10px 0px;
text-align:center}
.works-zouka-price .box01:after {
  content: "";
  clear: both;
  display: block;
}
.works-zouka-price .box01 img:nth-child(odd){
width:100%;
margin:0 0 10px 0;
float:none;
}
.works-zouka-price .box01 img:nth-child(even){
width:100%;
margin:0 0 10px 0;
float:none;
}







/* 個�
���
��
--------------------------------*/
/* Top
--------------------------------*/
/****** sp-slider *******/
#sp-slider{
 width: 100%;
 margin:0px 0 0 0;
 display: block
}
.slick-prev::before, .slick-next::before {
 width: 150px;
	height: 150px;
	font-size: 24px;
	font-weight:bold;
	background:#000;
 border-radius:75px;
 -moz-border-radius:75px;
 -webkit-border-radius: 75px;
}
.thumb-item-nav .slick-next {
	right: 20px;
	z-index: 99;
}
.thumb-item-nav .slick-prev {
	left: 15px;
	z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
}
.thumb-item {
	max-width: 600px;
	margin: 0 auto 5px auto;
}
.thumb-item-nav {
	max-width: 600px;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin:5px 5px  0 5px;
}

/****** top-contents *******/
#top-contents {
 width:100%;
  padding:0;
}

#top-contents-left{
 width:100%;
 float:none;
}

#top-contents-right{
 width:100%;
 float:none;
}

#top-contents-left img,#top-contents-right img{
width:100%;
margin:0 0 10px 0;
}

/****** top-new *******/
.top-new {
 width:100%;
  margin:0px 0 30px 0;
}
.top-new .box{
 width:96%;
}
.top-new .box div{
 width:96%;
 height:auto;
 margin:0 0px 10px 0;
 padding:2%;
 float:none;
}
.top-new .box div:after {
  content: "";
  clear: both;
  display: block;
}
.top-new .box div:nth-child(4n){
 margin:0 0px 10px 0;
}
.top-new .box div:nth-child(n+6){
display:none;
}
.top-new .box div img{
 margin:0 10px 0 0;
 width:40%;
 float:left;
}
.top-new .box div p{
padding:0;
 font-size:0.8em;
}

/****** top-shopnews *******/
.top-shopnews {
 width:100%;
}
.top-shopnews .box{
 width:96%;
}
.top-shopnews .box div{
 width:96%;
 height:auto;
 margin:0 0px 10px 0;
 padding:2%;
 float:none;
}
.top-shopnews .box div:after {
  content: "";
  clear: both;
  display: block;
}
.top-shopnews .box div img{
 margin:0 10px 0 0;
 width:40%;
 float:left;
}
.top-shopnews .box div p{
padding:0;
 font-size:0.8em;
}

/****** top-info *******/
#top-info{
 width:100%;
}
#top-info article{
 width:98%;
}


/* news,shopnews
--------------------------------*/
.news-article{
 margin:-50px 0 0 0;
 padding:60px 0 0 0;
 font-size:0.9em;
}
.news-article img{
width:40%;
margin:5px 2% 15px 0;
}
.news-article p{
width:58%;
margin:10px 0 0 0;
}

/****** new *******/
.contents-new{
 margin:-50px 0 0 0;
 padding:60px 0 0 0;
 font-size:1em;
 clear:both;
}
.contents-new div{
margin:15px 0 0 9%;
text-align:left;
}
.contents-new img{
width:40%;
margin:0 9% 20px 0;
}
.contents-new img:nth-child(2n){
margin:0 0px 20px 0;
}

#new-archive ul li{
width:auto;
margin:0 5px 0 0;
font-size:1em;
}
#new-archive ul li:nth-child(1){
width:100%;
}

#new-archive-btm ul li{
width:auto;
margin:0 5px 0 0;
font-size:1em;
}
#new-archive-btm ul li:nth-child(1){
width:100%;
}

/* Gift
--------------------------------*/
.gift-box div.outer{
 width:94%;
 height:auto;
 margin:0 auto 20px auto;
 float:none;
}
.gift-box div:nth-child(2n){
 margin:0 auto 20px auto;
}

.gift-box div.outer div.left{
width:45%;
}

.gift-box div.outer div.right h3{
font-size:1em;
}

.gift-box div.outer02{
 width:94%;
 height:auto;
 margin:0 auto 20px auto;
 float:none;
}
.gift-box div.outer02 div.left{
width:45%;
}
.gift-box div.outer02 div.right{
width:50%;
}
.gift-box div.outer02 div.right h3{
font-size:1em;
}

.gift-box div p{
font-size:1em;
}

table.gift-shoplink th {
 width:100%;
 display:block;
 padding:20px 0 0 0;
 text-align:center;
}
table.gift-shoplink th img.logo {
 width:100px;
}

table.gift-shoplink td {
 display:block;
 padding:0;
}

.hanamoba{text-align:center;}


/****** arrangement *******/
.arrangement-box{}

.arrangement-box div{
margin:0 10px 10px 0;
font-size:1em;
}

.arrangement-box div.brand01{
width:100%;
}
.arrangement-box div.brand02{
width:100%;
}

.arrangement-box div.brand01 p{
width:44%;
margin:0px 3% 10px 3%;
}

.arrangement-box div.brand02 p{
width:44%;
margin:0px 3% 10px 3%;

}
.arrangement-box div.brand02 p:nth-child(2n){
margin:0px 3% 10px 3%;
}

h4.floreal img,h4.ginza img,h4.flaart img{
height:15px;
}


/****** stand *******/
.stand-box{width:100%;}

.stand-box p{
width:48%;
margin:0 1% 10px 1%;
font-size:1em;
}
.stand-box p:nth-child(2n){
margin:0 1% 10px 1%;
}


/* Rental
--------------------------------*/
.rental-hitotoki-opbox{
padding:10px 5px 20px 5px;
}
/****** lp-box *******/
.lp-box{
width:100%;
padding:20px 0px;
border:none;
}
.lp-box h3{
font-size:1.2em;
}
.lp-box-01 .left{
width:100%;
float:none;
}
.lp-box-01 .right{
width:100%;
float:none;
}

.lp-box-02 .left{
width:100%;
margin:0 20px 20px 0; 
float:none;
}
.lp-box-02 .flow{
display:none;
}
.lp-box-02 .right{
width:100%;
margin:0 20px 0 0; 
float:none;
}

.service-contents{
margin:-10px 0 0 0;
padding:50px 0 0 0;
text-align:left;
overflow:hidden;
}

.service-contents-box .left{
width:100%;
float:none;
}
.service-contents-box .right{
width:100%;
text-align:center;
float:none;
}

.service-greenbox{
padding:20px 0px 20px 0px;
}
.service-greenbox .imgbox{
margin:20px 0 0px 0;
}
.service-greenbox .imgbox img{
width:100%;
margin:0px 0 20px 0;
float:none;
}

ul.service-maintenance {
width:100%;
float:none;
margin:0 0 20px 0;
}

/****** tab-box *******/
#tab-box{display: none;}

#farm{
 margin:-50px 0 0 0;
 padding:50px 0 0 0;
 }

/****** hitotoki *******/
#ttl-hitotoki{
 margin:0 0 40px 0;
}
#ttl-hitotoki h2{
 margin:10px 0;
text-align:center;
 font-size:1em;
}
#ttl-hitotoki h2 img{
width:98%
}
#ttl-hitotoki h3{
 padding:5px 0;
 text-align:center;
 display:block;
}
#ttl-hitotoki p{
 margin:0 0 10px 0;
}
.hitotoki-exp{
 padding:10px;
}

.hitotoki-box02 .left{
 width:100%;
 margin:0 0 20px 0;
 float:none;
}
.hitotoki-box02 .left p{
 font-size:1em;
}
.hitotoki-box02 .right{
 width:100%;
 padding:0;
 float:none;
}
.hitotoki-box02 .right p{
 font-size:1em;
}

.hitotoki-box02a .left{
 width:100%;
 margin:0 0 20px 0;
 float:none;
}
.hitotoki-box02a .left p{
 font-size:1em;
}
.hitotoki-box02a .right{
 width:100%;
 padding:0;
 float:none;
}

.hitotoki-box03 div{
 width:96%;
 margin:10px 0 15px 0;
 padding:2%;
 float:none;
}
.hitotoki-box03 div p{
 font-size:1em;
}

.hitotoki-box04{
 margin:40px 0 0 0;
}
.hitotoki-box04 img{
 width:160px;
 height:auto;
 margin:0px 20px 0px 0;
}
.hitotoki-box04 div{
margin:15px 0 0 9%;
text-align:left;
}
.hitotoki-box04 img{
width:40%;
margin:0 9% 20px 0;
}
.hitotoki-box04 img:nth-child(2n){
margin:0 0px 20px 0;
}


/****** r-live *******/
.rlive-box02a .left{
 width:100%;
 margin:0 0 40px 0;
 float:none;
}
.rlive-box02a .right{
 width:100%;
 float:none;
}

.rlive-box02b{
 margin:40px 0 0 0;
 overflow:hidden;
}
.rlive-box02b .left{
 width:80%;
 margin:0 auto 40px auto;
 float:none;
}
.rlive-box02b .right{
 width:100%;
 padding:10px 0px;
 float:none;
}
.rlive-box02b .right p{
font-size:1em;
}

.rlive-box03a{
 margin:60px 0 0 0;
}
.rlive-box03a div p{
 width:47%;
 margin:10px 2% 15px 0;
 font-size:0.9em;
}
.rlive-box03a div p:nth-child(2n+1){
 margin:10px 2% 15px 0;
}
.rlive-box03a div p:nth-child(2n){
  margin:10px 0 15px 0;
}

.rlive-box03b p{
font-size:1em;
}
.rlive-box03b div p{
 width:100%;
 margin:0px 0 10px 0;
 font-size:1em;
}
.rlive-box03b .library{
font-size:1em;
}


.rlive-box02c{
 margin:60px 0 0 0;
}
.rlive-box02c:after {
  content: "";
  clear: both;
  display: block;
}
.rlive-box02c hr{
 margin:0 0 10px 0;
}
.rlive-box02c .left{
 width:100%;
 float:none;
  margin:0 0 20px 0;
}
.rlive-box02c .right{
 width:100%;
 float:none;
}


/****** kaori *******/
/*** box03b ***/
.kaori-box03b .box{
 width:100%;
 margin:10px 0 20px 0;
 padding:0 0 1px 0;
 float:none;
}
.kaori-box03b .box p.ttl-01{
font-size:1.1em;
}
.kaori-box03b .box p.copy-01{
font-size:1em;
}
.kaori-box03b .box-in h4{
font-size:1em;
}
.kaori-box03b .box-in p{
font-size:0.9em;
}

/*** box02a ***/
.kaori-box02a{
 margin:20px 0 0 0;
}
.kaori-box02a img{
 width:30%;
}
.kaori-box02a p{
 width:67%;
 font-size:0.9em;
}

/*** box02b ***/
.kaori-box02b{
 margin:0px 0 0 0;
}

.kaori-box02b .case .left{
 width:100%;
 padding:0 0 0 0;
 float:none;
}
.kaori-box02b .case .left .place{
font-size:1.1em;
}
.kaori-box02b .case .left .exp{
font-size:0.9em;
}
.kaori-box02b .case .right{
 width:100%;
 margin:0px 0 0 0;
 float:none;
}

/*** box03c ***/
.kaori-box03c{
 padding:10px 0;
 font-size:1em;
}
.kaori-box03c .left{
width:100%;
 float:none;
}
.kaori-box03c .left p{
width:80%;
}
.kaori-box03c .right{
width:100%;
 margin:10px 0 0px 0;
  float:none;
}

/*** box02c ***/
.kaori-box02c{
 margin:0 0 0 0;
}
.kaori-box02c div{
padding:0 0 5px 0;
text-align:center;
 border-bottom: 1px solid #ccc;
}
.kaori-box02c div img{
width:40%;
margin:5px 0 5px 0;
float:none;
}
.kaori-box02c div p{
margin:0 0 0 10px;
float:left;
}

/*** box02d ***/
.kaori-box02d{
 margin:20px 0 0 0;
 overflow:hidden;

}
.kaori-box02d p{
 width:100%;
 padding:10px 1% 10px 1%;
 float:none;
}
.kaori-box02d img{
 width:100%;
 float:none;
}

/* Landscape
--------------------------------*/
.land-price{margin:0 0 40px 0;}

.land-price h3{margin:0 0 10px 0;}

.land-price-box01{ margin:0px 0px 20px 0px;}
.land-price-box01 .left{
 width:100%;
 float:none;
 margin:0 0 20px 0;
}
.land-price-box01 .right{
 width:100%;
 float:none;
}

table.table01 {
width:98%;
margin:0 auto;
	font-size:1em;
}

table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td {
	padding-left:3em;
}

.land-price-box02 div{
 width:100%;
 float:none;
}

.land-price-box03 div{
 width:100%;
 float:none;
}

.presentation-box02 div{
width:100%;
font-size:1em;
float:none;
}

.land-greenhouse p{
 width:100%;
 margin:0px 0 20px 0;
 font-size:1em;
 float:none;
}

/* futatoki
--------------------------------*/ 
#ttl-futatoki{
 margin:0 0 40px 0;
}
#ttl-futatoki h2{
 margin:10px 0;
text-align:center;
 font-size:1em;
}
#ttl-futatoki h2 img{
width:98%;
margin:0 0 5px 0;
}
#ttl-futatoki h3{
 padding:5px 0;
 text-align:center;
 display:block;
}
.futatoki-img03 img{
width:100%;
margin:0 0 10px 0;
}

.futatoki-back{
 padding:20px 10px;
}

.futatoki-service{
 padding:10px 0;
}

.futatoki-flowbox{
 margin:20px 0 0 0;
 }
.futatoki-flowbox p{
width:100%;
margin:0 0 10px 0;
float:none;
}
.futatoki-flowbox .circle{
width:100%;
float:none;
}
.futatoki-flowbox .circle img{
width:50%;
}

.futatoki-menubox .left{
 width:100%;
 margin:10px 0 0 0;
 float:none;
}
.futatoki-menubox .left p{
font-size:1em;
}
.futatoki-menubox .right{
 width:100%;
 padding:0 0 0 0;
 float:none;
}



/* Display
--------------------------------*/
.presentation-box div{
width:100%;
margin:0 0% 20px 0;
font-size:1em;
float:none;
 }

.pers-box div{
width:100%;
margin:0 0% 20px 0;
float:none;
 }


p.display-backcolor{
padding:5px 0;
color:#fff;
text-align:center;
background:#999;
}

p.presentation-title{
 border-bottom: 1px solid #999;
 font-weight:bold;
 }

.presentation-box div{
width:48%;
margin:0 2% 20px 0;
text-align:center;
font-size:1em;
float:left;
 }
.presentation-box:after {
  content: "";
  clear: both;
  display: block;
  }

.pers-box div{
width:48%;
margin:0 2% 20px 0;
text-align:center;
font-weight:bold;
float:left;
 }
.pers-box:after {
  content: "";
  clear: both;
  display: block;
  }


/* seasons
--------------------------------*/ 
#ttl-seasons{
 margin:0 0 40px 0;
}
#ttl-seasons h2{
 margin:10px 0;
text-align:center;
 font-size:1em;
}
#ttl-seasons h2 img{
width:70%;
margin:0 0 5px 0;
}
#ttl-seasons h3{
 padding:5px 0;
 text-align:center;
 display:block;
}

.seasons-img02 img{
width:100%;
margin:0 0 10px 0;
}
.seasons-img02 img:nth-child(2n){
margin:0 0 10px 0;
}

.seasons-img03 img{
width:100%;
margin:0 0 10px 0;
}
.seasons-img03 img:nth-child(3n){
margin:0 0 10px 0;
}

.seasons-brand img{width:100%;}

.seasons-box{margin:0 0 20px 0;}
.seasons-box-spring{ background:#f3fbea;}
.seasons-box-summer{ background:#e5eef7;}
.seasons-box-autumn{ background:#fcf1ec;}
.seasons-box-winter{ background:#f9f0ff;}





/* Novelty
--------------------------------*/
.novelty-box div{
width:48%;
margin:0 4% 20px 0;
font-size:1em;
 }
.novelty-box div:nth-child(2n){
margin:0 0 20px 0;
 }

.puchipo-box .left{
width:100%;
margin:0 0 20px 0;
float:none;
}
.puchipo-box .right{
width:100%;
float:none;
}

table#puchipo {
 width:100%;
 border:solid 1px;
}

table#puchipo th {
 font-size:1em;
}

table#puchipo td {
 font-size:1em;
}

.puchipo-back{
font-size:1.1em;
}

.campaign-box01 .left{
width:100%;
float:none;
}
.campaign-box01 .right{
width:100%;
float:none;
}

.campaign-box02 .left{
width:100%;
float:none;
}
.campaign-box02 .right{
width:100%;
float:none;
}

.campaign-box03 div{
width:100%;
margin:0 0 40px 0;
font-size:1em;
float:none;
 }

.campaign-box04 div{
width:100%;
margin:20px 0 40px 0;
font-size:1em;
float:none;
 }



.industrial-box{
margin:20px 0 0 0;}
.industrial-box .left{
width:100%;
float:none;
}
.industrial-box .right{
width:100%;
float:none;
}

.industrial-box p.more {
 width:80%;
 margin:0 auto 20px auto;
}


/* Lesson
--------------------------------*/
.school-box .left{
width:100%;
float:none;
margin:0 0 20px 0;
}
.school-box .right{
width:100%;
float:none;
}

.school-box p.more {
 width:50%;
}


/* Company
--------------------------------*/
table#company {
 width:100%;
 margin:0px 0px 0px 0px;
 font-size:1em;
}

table#company th {
 width:100%;
  display:block;
 padding:6px 0px 0px 8px;
 font-weight:normal;
 background:url(../img/company/company-marker.gif) no-repeat 0px 10px;
font-size:1.1em;
}

table#company td {
 width:100%;
   display:block;
 padding:6px 0px 10px 4px;

}


/* Ourservice
--------------------------------*/
.ourservice-greenbox{
margin:0px 0 10px 0;
padding:20px 0;
}
.ourservice-greenbox p{
font-size:1em;
}

.share{
margin:20px 0;
padding:10px 0 0 0;
 border-top: 1px solid #999;
}

.share .left{
width:100%;
margin:10px 0 20px 0;
float:none;
text-align:center;
}
.share .left-brand{
width:100%;
margin:10px 0 20px 0;
float:none;
}
.share .right{
width:100%;
float:none;
}






/****** 旧 ******

#ourservice-imgbox-sp img{display:block;}

#ourservice-imgbox-sp{
 width:100%;
 height:300px;
 margin:0px 0 20px 0;
 position:relative;
 background:url(../img/ourservice/ourservice-imgbox-sp.gif);
 background-position:center top;
 background-repeat:no-repeat;
 -moz-background-size:cover;
 background-size:cover;
}
#ourservice-imgbox-sp #flower{
width:40%;
 position: absolute;
 top: 35%;
 left: 5%;
 -webkit-transform: translate(-5%, -35%); /* Safari用 

 transform: translate(-5%, -35%);
}
#ourservice-imgbox-sp #green{
width:40%;
 position: absolute;
 top: 35%;
 right: 5%;
 -webkit-transform: translate(5%, -35%); /* Safari用 

 transform: translate(5%, -35%);
}
#ourservice-imgbox-sp #garden{
width:40%;
 position: absolute;
 bottom: 4%;
 left: 28%;
 -webkit-transform: translate(4%, -28%); /* Safari用 

 transform: translate(4%, -28%);
}

#ourservice-img-sp{
display:block;
}
#ourservice-img-sp img{
margin:-55px 0 20px 0;
padding:55px 0 0 0;
}

.ourservice-advantagebox{
margin:0px 0 0 0;
padding:20px 0px 1px 0px;
}


/* information
--------------------------------*/
table#information {
 width:100%;
 margin:0px 0px 0px 0px;
 font-size:0.7em;
}

table#information th {
 width:100%;
 padding:0px 0px 0px 8px;
 font-weight:normal;
 vertical-align:top;
 text-align:left;
 color:#6c4d4b;
 background:url(../img/company/company-marker.gif) no-repeat 2px 50%;
 display:block;
}

table#information td {
 width:100%;
 padding:0px 0px 15px 4px;
 vertical-align:top;
  display:block;
}

input{font-size:1.1em;}
input.select-01{
margin:5px 2px;
}
input.btn-01{
 margin:0 0 40px 0;
 font-size:0.7em;
}
textarea{font-size:1.1em;}

.w-s{width:30%;}
.w-m{width:80%;}
.w-l{width:80%;}



/* Recruit
--------------------------------*/
.recruit-box{ margin:0px 0px 40px 0px;}
.recruit-box .left{
 width:100%;
 float:none;
}
.recruit-box .right{
   width:100%;
 float:none;
 text-align:center;
}

.recruit-box-detail{ margin:0px 0px 40px 0px;}
.recruit-box-detail .left{
 width:100%;
 float:none;
}
.recruit-box-detail .right{
 width:100%;
 float:none;
 margin:0px 0 0 0;
 font-size:1em;
}

table#recruit {
 width:100%;
 margin:-20px 0px 40px 0px;
 font-size:1em;
}
table#recruit th {
 width:100%;
 display:block;
 padding:6px 0px 0px 8px;
 font-size:1.1em;
 font-weight:normal;
 background:url(../img/company/company-marker.gif) no-repeat 0px 10px;
}
table#recruit td {
 width:100%;
 display:block;
 padding:6px 0px 10px 4px;
}

.recruit-exp p{
margin:0 0 20px 0;
}

.recruit-pic{
 width:100%;
}
.recruit-pic:after {
  content: "";
  clear: both;
  display: block;
}

.recruit-pic p{
 width:100%;
 float:none;
 margin:0 0px 20px 0;
 font-size:1em;
 text-align:center;
}


/* Shopinfo
--------------------------------*/
.brand{
width:100%;
margin:-50px auto 20px auto;
padding:50px 0 0 0;
}
.brand p.address{font-size:1em;}

.brand-box img{
width:47%;
margin:0 0.3% 10px 1.4%;
float:none;
}
.brand-box img:nth-child(2n){
margin:0 0px 10px 0;
}

.shopinfo-box{
margin:-50px 0px 10px 0px;
padding:50px 0 0 0;
}
.shopinfo-box .left{
 width:100%;
 font-size:1em;
 float:none;
}
.shopinfo-box .right{
text-align:center;
 float:none;
}
.shopinfo-box .right img{
  width: 100%;
}
.shopinfo-comment{
font-size:1em;
}


/* aboutorder
--------------------------------*/
.order-box {}
.order-box div{
 width:90%;
 height:auto;
 margin:0 auto;
 float:none;
 border-bottom:none;
}
.order-box div:nth-child(6n){
 margin:0 auto;
  border-bottom:solid 1px #999;
}
.order-box div p.o02{
font-size:1em;
}

.order-btn{text-align:center;}

.card-box01 p{
width:100%;
float:none;
}
.card-box01 p:nth-child(3n){
margin:0;
}

.card-box02{
margin:10px 0 0 0;
}
.card-box02 .left{
width:100%;
float:none;
margin:0 0 10px 0;
}
.card-box02 .right{
width:100%;
float:none;
text-align:center;
}


/* Privacy
--------------------------------*/
.privacy {
 font-size:1em;
}


/* common
--------------------------------*/
.sp-fs-08{font-size:0.8em;}
.sp-fs-09{font-size:0.9em;}
.sp-fs-11{font-size:1.1em;}

.point-link{
 margin:-50px 0 0 0;
 padding:50px 0 0 0;
}


}




@media only screen and (max-width: 400px){
#sp-logo{
 width:80%;
 margin:10px 0 0 10px;
}