@charset "utf-8";


/*
ブロックの余白
スマホ・・・下40px　左右20px
タブレット・・・下60px　左右40px
PC・・・下-　左右40px
*/

/* =================================================================================


		TOPページ


================================================================================= */

.sp_br{
	display:block;
	}
@media print, screen and (min-width: 481px) {
.sp_br{
	display: none;
	}
}

/* -------------------------------- mainimage  --------------------------------  */


#mainimage{
	background-color:#6d1d9e;
	text-align:center;
	margin:0 0 40px 0;
	}
#mainimage p{
	background:url(../img/index/mainimage_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	}
#mainimage .pc{
	display:none;
	}

@media print, screen and (min-width: 481px) {
	
#mainimage{
	margin:0 0 40px 0;
	}
#mainimage .sp{
	display:none;
	}
#mainimage .pc{
	display: block;
	}


}

@media print, screen and (min-width: 769px) {
#mainimage{
	margin:0 0 90px 0;
	}

}


/* -------------------------------- contents  --------------------------------  */


/*----Services----*/
.index_box01{
	padding:0 15px;
	}
.index_box01 h2{
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	line-height:100%;
	text-align:center;
	color:#6d1d9e;
	font-size:26px;
	letter-spacing: 2px;
	padding:0 0 20px 0;
	}
.index_box01 h2 span{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color:#1a1c13;
	font-size:12px;
}
.index_box01 h3{
	font-weight:900;
	font-size:15px;
	padding:0 0 45px 0;
	position:relative;
}
.index_box01 h3 span{
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	color:#6d1d9e;
	font-size:21px;
	padding:0 10px 0 0;
}
.index_box01 h3::after {
  content: '―';
		position:absolute;
		bottom:15px;
		left:0;
}

.index_box01 p img{
	padding:0 0 20px 0;
	}

.index_box01_01,
.index_box01_02{
	padding:0 0 40px 0;
	}


@media print, screen and (min-width: 481px) {
.index_box01{
	padding:0 15px;
	max-width:1100px;
	margin:0 auto;
	}

.index_box01 h2{
	font-size:38px;
	padding:0 0 30px 0;
	}
.index_box01 h2 span{
	font-size:18px;
}

.index_box01 h3{
	font-size:18px;
	padding:0 0 30px 0;
}
.index_box01 h3 span{
	font-size:25px;
	padding:0 10px 0 0;
}
.index_box01 h3::after {
  content: '―';
		bottom:10px;
		left:0;
}

/**/
.index_box01_01,
.index_box01_02{
	padding:0 0 40px 0;
	}
.index_box01_01 p.photo{
	float:left;
	width:40%;
	}
.index_box01_01 div{
	float:right;
	width:57%;
	}

/**/
.index_box01_02 p.photo{
	float:right;
	width:40%;
	}
.index_box01_02 div{
	float:left;
	width:55%;
	}

}

@media print, screen and (min-width: 769px) {
.index_box01 h2{
	padding:0 0 80px 0;
	}

.index_box01 h3{
	font-size:24px;
	padding:0 0 70px 0;
}
.index_box01 h3 span{
	font-size:36px;
	padding:0 10px 0 0;
}
.index_box01 h3::after {
  content: '―';
		bottom:25px;
		left:0;
}

/**/
.index_box01_01,
.index_box01_02{
	padding:0 0 60px 0;
	font-size:15px;
	}

.index_box01_01 p.photo{
	float:left;
	width:55%;
	}
.index_box01_01 div{
	float:right;
	width:44%;
	}

/**/
.index_box01_02 p.photo{
	float:right;
	width:55%;
	text-align:right;
	}
.index_box01_02 div{
	float:left;
	width:42%;
	}

}



/*----生花事業について----*/
.index_box02{
	background:url(../img/index/image04_sp.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:auto 500px;
	padding:410px 15px 0 15px;
	background-color:#f1f1f1;
	}

.index_box02 h2{
	padding:0 0 40px 0;
	position:relative;
	}
.index_box02 h2::after {
  content: '―';
		position:absolute;
		bottom:15px;
		left:0;
}
.index_box02 p{
	padding:0 0 30px 0;
 text-shadow: 1px 1px 0 #f1f1f1,
               -1px 1px 0 #f1f1f1,
               1px -1px 0 #f1f1f1,
               -1px -1px 0 #f1f1f1;
	}
.index_box02 a{
	background:url(../img/common/nav01.png);
	background-repeat:no-repeat;
	background-position: 90% center;
	background-size:7px auto;
	background-color:#1a1c13;
	color:#FFF !important;
	display:block;
	text-align:center;
	padding:15px;
	text-shadow:none;
	}
	
@media print, screen and (min-width: 481px) {
.index_box02{
	background:url(../img/index/image04.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	background-size:auto;
	padding:0 15px 0 15px;
	background-color:#f1f1f1;

	}
.index_box02_01{
	max-width:1100px;
	margin:0 auto;
	padding:60px 0;
	}

.index_box02 h2{
	padding:0 40% 55px 0;
	position:relative;
	}
.index_box02 h2::after {
  content: '―';
		position:absolute;
		bottom:20px;
		left:0;
}
.index_box02 p{
	padding:0 45% 30px 0;
	}
.index_box02 a{
	display: inline-block;
	padding:15px 70px 15px 30px;
	}
}

@media print, screen and (min-width: 769px) {
.index_box02 h2{
	padding:0 52% 55px 0;
	position:relative;
	}
.index_box02 p{
	padding:0 54% 30px 0;
	}

}



/*----ABOUT----*/
.index_box03{
	}
.index_box03 h2{
	background:url(../img/index/image_about.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	line-height:100%;
	text-align:center;
	color:#fff;
	font-size:26px;
	letter-spacing: 2px;
	padding:40px 0;
	margin:0 0 30px 0;
	}
.index_box03 h2 span{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color:#fff;
	font-size:12px;
}
.index_box03 h3{
	font-weight:900;
	font-size:18px;
	padding:0 0 5px 0;
	border-bottom:solid 2px #6d1d9e;
	margin:0 0 10px 0;
}
.index_box03 h3 span{
	font-size:15px;
	color:#d3b7e5;
	padding:0 0 0 20px;
	letter-spacing: 2px;
}

/*メッセージ*/
.index_box03_01{
	padding:0 15px 35px 15px;
	}
.index_box03_01 p{
	padding:0 0 10px 0;
	}
p.index_box03_01r{
	color:#b2b2b2;
	padding:0 0 10px 0;
	}

/*会社概要*/
.index_box03_02{
	background-color:#fafafa;
	padding:40px 15px;
	}
.index_box03_02 h3{
	border-bottom:solid 1px #cbcbcb;
}
.index_box03_02 table{
	margin:0 0 50px 0;
	}
.index_box03_02 th{
	color:#6d1d9e;
	font-weight:700;
	display:block;
	text-align:left;
	font-size:13px;
	}
.index_box03_02 td{
	display:block;
	font-size:17px;
	padding:0 0 15px 0;
	line-height:150%;
	}
.index_box03_02 td span{
	display:inline-block;
	}
	
/*沿革*/
table.index_box03_02_history{
	margin:20px 0 0 0;
	}
.index_box03_02_history th{
	font-weight:700;
	display: table-cell;
	text-align:left;
	width:20%;
	padding:0 26px 0 0;
	font-size:12px;
	white-space:nowrap;
	color:#989898;
	background:url(../img/index/history_bg.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:right top;
	}
.index_box03_02_history td{
	color:#6d1d9e;
	font-weight:700;
	display: table-cell;
	font-size:13px;
	padding:0 0 15px 16px;
	line-height:150%;
	width:60%;
	}

table.index_box03_02_history tr:last-child th{
	background:url(../img/index/history_bg.png);
	background-size:16px auto;
	background-repeat:no-repeat;
	background-position:right bottom;
}

table.index_box03_02_history tr:last-child td{
	padding:0 0 0 16px;
}


@media print, screen and (min-width: 481px) {
.index_box03{
	}

.index_box03 h2{
	font-size:38px;
	padding:50px 0;
	margin:0 0 50px 0;
	}
.index_box03 h2 span{
	font-size:18px;
}
.index_box03 h3{
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}
/*メッセージ*/
.index_box03_01{
	padding:0 15px 30px 15px;
	}
	
/*会社概要*/
.index_box03_02{
	padding:40px 15px;
	}
.index_box03_02_bg{
	max-width:800px;
	margin:0 auto;
	}
.index_box03_02 h3{
	margin:0;
}
.index_box03_02 table{
	margin:0 0 50px 0;
	width:100%;
	}
.index_box03_02 th{
	display: table-cell;
	font-size:15px;
	color:#000;
	width:20%;
	border-bottom:solid 1px #cbcbcb;
	padding:10px 0 0 15px;
	}
.index_box03_02 td{
	display: table-cell;
	font-size:15px;
	padding:10px 0;
	line-height:150%;
	width:78%;
	border-bottom:solid 1px #cbcbcb;
	}
.index_box03_02 td span{
	display:inline-block;
	}

/*沿革*/
table.index_box03_02_history{
	margin:20px 0 0 0;

	}
.index_box03_02_history th{
	width:10%;
	padding:0 36px 0 0;
	border:none;
	color:#989898;
	}
.index_box03_02_history td{
	color:#6d1d9e;
	font-weight:700;
	display: table-cell;
	font-size:13px;
	padding:0 0 30px 26px;
	line-height:150%;
	width:67%;
	border:none;
	}

table.index_box03_02_history tr:last-child td{
	padding:0 0 0 26px;
}

}



@media print, screen and (min-width: 769px) {
.index_box03 h2{
	padding:80px 0;
	margin:0 0 80px 0;
	}

.index_box03 h3{
	font-size:18px;
}
.index_box03 h3 span{
	font-size:15px;
}

/*メッセージ*/
.index_box03_01{
	max-width:1100px;
	margin:0 auto;
	padding:0 15px 110px 15px;
	}
p.index_box03_01l{
	float: left;
	width:48%;
	padding:0 0 50px 0;
	}
p.index_box03_01r{
	float:right;
	width:48%;
	padding:0 0 50px 0;
	}

/*会社概要*/
.index_box03_02{
	padding:100px 15px;
	}
.index_box03_02 table{
	margin:0 0 80px 0;
	}

.index_box03_02 th{
	font-size:17px;
	font-weight:normal;
	}
.index_box03_02 td{
	font-size:17px;
	}
	
/*沿革*/
table.index_box03_02_history{
	margin:40px 0 0 0;
	}
.index_box03_02_history th{
	font-weight:700;
	color:#989898;
	}

.index_box03_02_history td{
	font-size:17px;
	padding:0 0 30px 36px;
	}

table.index_box03_02_history tr:last-child td{
	padding:0 0 0 30px;
}

}


/*------経営理念  経営方針 品質方針------*/
.index_box03_03{
	padding:40px 15px 0 15px;
	}
.index_box03_03 h3{
	border-bottom:solid 1px #cbcbcb;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}
.index_box03_03 p{
	padding:0 0 50px 0;
	}
.index_box03_03 ul{
	padding:0 0 25px 0;
	margin:0 0 0 15px;
	}
.index_box03_03 ul li{
	color:#6d1d9e;
	font-weight:700;
	padding:0 0 15px 0;
	list-style:disc;
	font-size:14px;
}


@media print, screen and (min-width: 769px) {
.index_box03_03{
	max-width:800px;
	margin:0 auto;
	padding:80px 15px;
	}
.index_box03_03 ul{
	padding:0 0 55px 0;
	margin:0 0 0 15px;
	}

.index_box03_03 ul li{
	font-size:17px;
}

}



/*----Recruit----*/
.index_box04{
	}
.index_box04 h2{
	background:url(../img/index/image06.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:800px auto;
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	line-height:100%;
	text-align:center;
	color:#fff;
	font-size:26px;
	letter-spacing: 2px;
	padding:40px 0;
	margin:0 0 20px 0;
	}
.index_box04 h2 span{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color:#fff;
	font-size:12px;
}
.index_box04_bg{
	padding:0 15px;
	max-width:900px;
	margin:0 auto;
	}

.index_box04 p{
	padding:0 0 20px 0;
	}

/**/
.index_box04 table{
	margin:0 0 20px 0;
	}
.index_box04 table th{
	background-color:#fafafa;
	text-align:left;
	padding:15px;
	width:30%;
	border-bottom:solid 1px #cbcbcb;
	border-top:solid 1px #cbcbcb;
	}
.index_box04 table td{
	padding:15px;
	border-bottom:solid 1px #cbcbcb;
	border-top:solid 1px #cbcbcb;
	}
.index_box04 table td span{
	display:inline-block;
	}

/*ご応募はこちら*/
p.btn01{
	text-align:center;
	font-weight:700;
	}
p.btn01 a{
	background-color:#d4a047;
	color:#FFF;
	display:block;
	padding:15px 0;
	}

/**/
.index_box04 .aline_c{
	font-size:16px;
	font-weight: 700;
	line-height:160%;
	}
.index_box04 .aline_c span{
	display:inline-block;
	}
.index_box04 .aline_c a{
	color:#76ae9c;
	text-decoration:underline;
	}


@media print, screen and (min-width: 481px) {
.index_box04{
	}

.index_box04 h2{
		background-size:auto;
	font-size:38px;
	padding:50px 0;
	margin:0 0 50px 0;
	}
.index_box04 h2 span{
	font-size:18px;
}

.index_box04 table{
	margin:0 0 50px 0;
	}

/*ご応募はこちら*/
p.btn01{
	text-align:center;
	font-weight:700;
	font-size:21px;
	margin:0 0 40px 0;
	}
p.btn01 a{
	background-color:#d4a047;
	color:#FFF;
	display: inline;
	padding:15px 40px;
	}
}



@media print, screen and (min-width: 769px) {
.index_box04 h2{
	padding:80px 0;
	margin:0 0 80px 0;
	}

.index_box04 h3{
	font-size:18px;
}
.index_box04 h3 span{
	font-size:15px;
}
/**/
.index_box04 table{
	margin:0 0 60px 0;
	}

.index_box04 table th{
	padding:15px 20px;
	width:20%;
	vertical-align:middle;
	}
.index_box04 table td{
	padding:15px 20px;
	}

/**/
.index_box04 .aline_c{
	font-size:18px;
	}

}


/*----Recruit----*/

.index_box04_01{
	max-width:1100px;
	margin:0 auto;
	}
.index_box04_01 h3{
	font-size:10px;
	font-weight:700;
	color:#6d1d9e;
	border-top:solid 2px #6d1d9e;
	padding:5px 0;
	text-align:center;
	}
.index_box04_01 p{
	font-size:10px;
	line-height:140%;
	}
.index_box04_01 p img{
	margin:0 0 10px 0;
	}
.index_box04_01 div{
	float:left;
	width:44%;
	margin:0 3%;
	}

@media print, screen and (min-width: 481px) {
.index_box04_01 h3{
	font-size:14px;
	padding:10px 0;
	}
.index_box04_01 p{
	font-size:13px;
	line-height:140%;
	}
.index_box04_01 p img{
	margin:0 0 15px 0;
	}
}

@media print, screen and (min-width: 769px) {
.index_box04_01{
	padding:0 0 80px 0;
	}

.index_box04_01 h3{
	font-size:18px;
	padding:15px 0;
	}
.index_box04_01 p{
	font-size:15px;
	line-height:160%;
	}
.index_box04_01 p img{
	margin:0 0 10px 0;
	}
.index_box04_01 div{
	float:left;
	width:23%;
	margin:0 1%;
	border-bottom:solid 2px #6d1d9e;
	}

}



/*----Contact----*/
.index_box05{
	padding:40px 15px;
	background-color:#fafafa;
	}
.index_box05 h2{
	font-family: 'Roboto', sans-serif;
	font-weight:900;
	line-height:100%;
	text-align:center;
	color:#6d1d9e;
	font-size:26px;
	letter-spacing: 2px;
	padding:0 0 20px 0;
	}
.index_box05 h2 span{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color:#1a1c13;
	font-size:12px;
}

/**/
.index_box05_bg{
	background-color:#FFFFFF;
	padding:30px 15px;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	margin:0 auto;
	}
.index_box05_bg table{
	width:100%;
	}
.index_box05_bg table th{
	background-color:#fafafa;
	display:block;
	border-top:solid 1px #cbcbcb;
	padding:10px;
	text-align:left;
	}
.index_box05_bg table th span{
	float:right;
	background-color:#d4a047;
	color:#FFFFFF;
	padding:0 5px;
	}
.index_box05_bg table td{
	display:block;
	padding:15px 0;
}
.index_box05_bg table td label{
	font-size:15px;
	line-height:200%;
	}
.index_box05_bg table td span{
	display: inline-block;
	}
.form_txt{
	width:91%;
	padding:7px 2%;
	font-size:16px;
	}
.index_box05_submit{
	text-align:center;
	}
.index_box05_submit input{
	width:230px;
	height:60px;
	margin:0 0 10px 0;
}

@media print, screen and (min-width: 481px) {
.index_box05{
	padding:60px 15px;
	margin:0 auto;
	}

.index_box05 h2{
	font-size:38px;
	padding:0 0 20px 0;
	}
.index_box05 h2 span{
	font-size:18px;
}

/**/
.index_box05_bg table{
	margin:0 0 30px 0;
	}
.index_box05_bg table th{
	display: table-cell;
	border-top:solid 1px #cbcbcb;
	border-bottom:solid 1px #cbcbcb;
	padding:20px;
	text-align:left;
	vertical-align:middle;
	}
.index_box05_bg table th span{
	float:right;
	background-color:#d4a047;
	color:#FFFFFF;
	padding:0 5px;
	font-size:12px;
	}
.index_box05_bg table td{
	display: table-cell;
	padding:20px 0 20px 20px;;
	border-top:solid 1px #cbcbcb;
	border-bottom:solid 1px #cbcbcb;

}
.index_box05_bg table td label{
	font-size:15px;
	line-height:200%;
	}
.index_box05_bg table td span{
	display: inline-block;
	}
.form_txt{
	width:91%;
	padding:7px 2%;
	}
.index_box05_submit{
	text-align:center;
	}
.index_box05_submit input{
	margin:0 0 20px 0;
}

}

@media print, screen and (min-width: 769px) {
.index_box05{
	padding:60px 15px 80px 15px;
	}
.index_box05_bg{
	background-color:#FFFFFF;
	padding:80px 0 60px 0;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	max-width:1070px;
	margin:0 auto;
	}

.index_box05 h2{
	padding:0 0 50px 0;
	}

.index_box05_bg table{
	max-width:800px;
	margin:0 auto 40px auto;
	}

.index_box05_submit input{
}

}

	
/*----アクセス----*/
.index_box06_02{
	padding:40px 15px 20px 15px;
	background-color:#fafafa;
}
.index_box06_02 h3{
	background-color:#fafafa;
	padding:7px 15px;
	font-size:18px;
	line-height:180%;
}
.index_box06_02 h3 span{
	font-size:15px;
	color:#d3b7e5;
	padding:0 0 0 20px;
	letter-spacing: 2px;
}
.index_box06_02 ul{
	padding:15px 15px 5px 15px;
	font-size:15px;
}
.index_box06_02 ul span{
	display:inline-block;
	}


.index_box06_02l,
.index_box06_02r{
	background-color:#FFF;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	margin:0 0 15px 0;
	border:solid 1px #FFFFFF;
	}
	
/*アイコン*/
.index_box06_02l li{
	background:url(../img/common/icon01.png);
	background-repeat:no-repeat;
	background-size:20px auto;
	background-position:left 5px;
	padding:0 0 10px 30px;
	}
.index_box06_02r li{
	background:url(../img/common/icon02.png);
	background-repeat:no-repeat;
	background-size:20px auto;
	background-position:left 7px;
	padding:0 0 10px 30px;
	}

@media print, screen and (min-width: 481px) {
}

@media print, screen and (min-width: 769px) {

.index_box06_02_bg{
	max-width:1100px;
	margin:0 auto;
	}

.index_box06_02l{
	float:left;
	width:48%;
	}

.index_box06_02r{
	float: right;
	width:48%;
	}

}


	/* ================================================================================= */


@media print, screen and (min-width: 481px) {
}

@media print, screen and (min-width: 769px) {
}










/* ----------------------------------  ※下記指定はしません ----------------------------------  */

/* max-widht (～以下の指定)
----------------------------------------------- */

/* メディアクエリ： ～ 480px 

@media print, screen and (max-width: 480px) {
	
}
*/

/*--------------------------------- メディアクエリ： ～ 768px ---------------------------------*/

@media print, screen and (max-width: 768px) {


	
}


/* 高解像度用メディアクエリー
----------------------------------------------- */

/* 高解像度用メディアクエリー(481px ～ ) */

@media print, screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 481px) {

}
